/* [project]/node_modules/.pnpm/@mantine+core@9.3.2_@mantine+hooks@9.3.2_react@19.2.7__@types+react@19.2.17_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@mantine/core/styles/baseline.css [app-client] (css) */
:root, :host {
  color-scheme: var(--mantine-color-scheme);
}

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

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

button, select {
  text-transform: none;
}

body, :host {
  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);
  margin: 0;
}

@media screen and (max-device-width: 31.25em) {
  body, :host {
    -webkit-text-size-adjust: 100%;
  }
}

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

:root[data-mantine-color-scheme="dark"], :host([data-mantine-color-scheme="dark"]) {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: #0a0a0a;
  --mantine-color-dark-light-hover: #0e0e0e;
  --mantine-color-dark-light-color: var(--mantine-color-dark-0);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: #4242420d;
  --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: #111315;
  --mantine-color-gray-light-hover: #171a1d;
  --mantine-color-gray-light-color: var(--mantine-color-gray-0);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: #ced4da0d;
  --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: #651515;
  --mantine-color-red-light-hover: #8d1d1d;
  --mantine-color-red-light-color: var(--mantine-color-red-0);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: #ff87870d;
  --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: #530f27;
  --mantine-color-pink-light-hover: #741536;
  --mantine-color-pink-light-color: var(--mantine-color-pink-0);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: #f783ac0d;
  --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: #43174e;
  --mantine-color-grape-light-hover: #5e206d;
  --mantine-color-grape-light-color: var(--mantine-color-grape-0);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: #da77f20d;
  --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: #301f62;
  --mantine-color-violet-light-hover: #432b89;
  --mantine-color-violet-light-color: var(--mantine-color-violet-0);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: #9775fa0d;
  --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: #1b2864;
  --mantine-color-indigo-light-hover: #26378b;
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-0);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: #748ffc0d;
  --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: #0c3256;
  --mantine-color-blue-light-hover: #114678;
  --mantine-color-blue-light-color: var(--mantine-color-blue-0);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: #4dabf70d;
  --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: #063943;
  --mantine-color-cyan-light-hover: #08505d;
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-0);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: #3bc9db0d;
  --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: #04402e;
  --mantine-color-teal-light-hover: #065940;
  --mantine-color-teal-light-color: var(--mantine-color-teal-0);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: #38d9a90d;
  --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: #16451f;
  --mantine-color-green-light-hover: #1e612b;
  --mantine-color-green-light-color: var(--mantine-color-green-0);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: #69db7c0d;
  --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: #2e4a07;
  --mantine-color-lime-light-hover: #406809;
  --mantine-color-lime-light-color: var(--mantine-color-lime-0);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: #a9e34b0d;
  --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: #733c00;
  --mantine-color-yellow-light-hover: #a15300;
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-0);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: #ffd43b0d;
  --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: #6d2408;
  --mantine-color-orange-light-hover: #98320b;
  --mantine-color-orange-light-color: var(--mantine-color-orange-0);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: #ffa94d0d;
}

:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]) {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: var(--mantine-color-dark-1);
  --mantine-color-dark-light-hover: var(--mantine-color-dark-2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-9);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: #2e2e2e0d;
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: var(--mantine-color-gray-1);
  --mantine-color-gray-light-hover: var(--mantine-color-gray-2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-9);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: #868e960d;
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: var(--mantine-color-red-1);
  --mantine-color-red-light-hover: var(--mantine-color-red-2);
  --mantine-color-red-light-color: var(--mantine-color-red-9);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: #fa52520d;
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: var(--mantine-color-pink-1);
  --mantine-color-pink-light-hover: var(--mantine-color-pink-2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-9);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: #e649800d;
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: var(--mantine-color-grape-1);
  --mantine-color-grape-light-hover: var(--mantine-color-grape-2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-9);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: #be4bdb0d;
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: var(--mantine-color-violet-1);
  --mantine-color-violet-light-hover: var(--mantine-color-violet-2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-9);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: #7950f20d;
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: var(--mantine-color-indigo-1);
  --mantine-color-indigo-light-hover: var(--mantine-color-indigo-2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-9);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: #4c6ef50d;
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: var(--mantine-color-blue-1);
  --mantine-color-blue-light-hover: var(--mantine-color-blue-2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-9);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: #228be60d;
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: var(--mantine-color-cyan-1);
  --mantine-color-cyan-light-hover: var(--mantine-color-cyan-2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-9);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: #15aabf0d;
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: var(--mantine-color-teal-1);
  --mantine-color-teal-light-hover: var(--mantine-color-teal-2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-9);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: #12b8860d;
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: var(--mantine-color-green-1);
  --mantine-color-green-light-hover: var(--mantine-color-green-2);
  --mantine-color-green-light-color: var(--mantine-color-green-9);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: #40c0570d;
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: var(--mantine-color-lime-1);
  --mantine-color-lime-light-hover: var(--mantine-color-lime-2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-9);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: #82c91e0d;
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: var(--mantine-color-yellow-1);
  --mantine-color-yellow-light-hover: var(--mantine-color-yellow-2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-9);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: #fab0050d;
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: var(--mantine-color-orange-1);
  --mantine-color-orange-light-hover: var(--mantine-color-orange-2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-9);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: #fd7e140d;
}

/* [project]/node_modules/.pnpm/@mantine+core@9.3.2_@mantine+hooks@9.3.2_react@19.2.7__@types+react@19.2.17_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@mantine/core/styles/global.css [app-client] (css) */
@media (prefers-reduced-motion: reduce) {
  [data-respect-reduced-motion] [data-reduce-motion] {
    transition: none;
    animation: none;
  }
}

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

.mantine-focus-auto:focus-visible, .mantine-focus-always:focus {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: 2px;
}

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

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

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

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

/* [project]/packages/design-system/src/motion.css [app-client] (css) */
@property --public-control-overlay {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

:where(a[href], button, summary, [role="button"]) {
  --public-control-overlay: 0;
}

:root [data-navigation-arrow] {
  pointer-events: none;
  transform-box: view-box;
  transform-origin: center;
  transition: rotate var(--public-motion-medium) var(--public-motion-ease);
  flex: none;
  margin-inline-start: auto;
  rotate: -45deg;
}

:root [data-navigation-arrow] > path {
  vector-effect: non-scaling-stroke;
  stroke-width: var(--public-rule-strong, 2px);
}

:root a[href]:focus-visible [data-navigation-arrow] {
  rotate: 0deg;
}

@media (hover: hover) and (pointer: fine) {
  :root a[href]:hover [data-navigation-arrow] {
    rotate: 0deg;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root [data-navigation-arrow] {
    will-change: rotate;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :root [data-public-media-motion="transform"] {
    will-change: transform;
  }

  :root [data-public-media-motion="translate-scale"] {
    will-change: translate, scale;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root [data-navigation-arrow] {
    transition: none;
  }
}

:where(summary) > * {
  pointer-events: none;
}

:root :is(.mantine-Button-root:not([data-variant]), :is(.mantine-Button-root, a[data-motion="control"], button[data-motion="control"])[data-variant="filled"]):not(:disabled, [data-disabled]) {
  --public-control-background: var(--mantine-primary-color-filled);
  --public-control-border: 0 solid transparent;
  color: var(--mantine-color-white);
  --public-control-shadow: 0 0 1.5rem color-mix(in srgb, var(--mantine-primary-color-filled) 20%, transparent);
}

@media (hover: hover) and (pointer: fine) {
  :root :is(.mantine-Button-root:not([data-variant]), :is(.mantine-Button-root, a[data-motion="control"], button[data-motion="control"])[data-variant="filled"]):hover:not(:disabled, [data-disabled]) {
    --public-control-background: var(--mantine-primary-color-filled-hover);
  }
}

:root :is(a, button)[data-motion="control"][data-variant="outline"]:not(.mantine-Button-root) {
  --public-control-border-width: var(--public-rule-strong, 2px);
  --public-control-border: var(--public-rule-strong, 2px) solid currentColor;
  border: var(--public-rule-strong, 2px) solid transparent;
  color: inherit;
  box-shadow: none;
}

:where(.mantine-Button-root, .mantine-ActionIcon-root, a[data-motion="control"], button[data-motion="control"])[data-variant="outline"] {
  --public-control-border-width: var(--public-rule-strong, 2px);
  --public-control-border: var(--public-rule-strong, 2px) solid currentColor;
  --public-control-overlay-color: currentColor;
  --public-control-hover-overlay: .12;
  --public-control-press-overlay: .18;
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="outline"] {
  border-width: var(--public-control-border-width);
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"] {
  box-shadow: none;
  background-color: #0000;
  background-image: none;
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  :root :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]:hover:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading]) {
    color: color-mix(in srgb, var(--button-color, var(--ai-color, var(--mantine-primary-color-filled))) 80%, var(--mantine-color-black));
  }
}

:where(:is(.mantine-Button-root:not([data-variant="subtle"]), .mantine-ActionIcon-root:not([data-variant="subtle"]), a[data-motion="control"], button:not(.mantine-UnstyledButton-root, .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="stationary"]))) {
  isolation: isolate;
  --public-control-border-width: 0px;
  --public-control-scale: 1;
  position: relative;
}

:where(.mantine-Button-root, .mantine-ActionIcon-root) {
  --public-control-border-width: var(--public-rule-thin, 1px);
}

:root :is(.mantine-Button-root:not([data-variant="subtle"]), .mantine-ActionIcon-root:not([data-variant="subtle"]), a[data-motion="control"], button:not(.mantine-UnstyledButton-root, .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="stationary"])) {
  box-shadow: none;
  background: none;
  border-color: #0000;
  overflow: visible;
}

:root :is(.mantine-Button-root:not([data-variant="subtle"]), .mantine-ActionIcon-root:not([data-variant="subtle"]), a[data-motion="control"], button:not(.mantine-UnstyledButton-root, .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="stationary"])):after {
  content: "";
  inset: calc(-1 * var(--public-control-border-width));
  z-index: -1;
  pointer-events: none;
  border: var(--public-control-border, var(--button-bd, var(--ai-bd, 0 solid transparent)));
  border-radius: inherit;
  corner-shape: inherit;
  background-color: var(--public-control-background, var(--button-bg, var(--ai-bg, transparent)));
  background-image: linear-gradient(color-mix(in srgb, var(--public-control-overlay-color, black) calc(var(--public-control-overlay) * 100%), transparent), color-mix(in srgb, var(--public-control-overlay-color, black) calc(var(--public-control-overlay) * 100%), transparent));
  box-shadow: var(--public-control-shadow, none);
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  :root :is(.mantine-Button-root, .mantine-ActionIcon-root):not([data-variant="subtle"]):hover:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading]):after {
    background-color: var(--public-control-background, var(--button-hover, var(--ai-hover, transparent)));
  }
}

:root .mantine-Button-root:before {
  content: none;
}

:root .mantine-Button-root[data-loading] {
  --public-control-overlay-color: white;
  --public-control-overlay: .15;
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root):not([data-variant="subtle"]):is(:disabled, [data-disabled], [aria-disabled="true"]):not([data-loading]) {
  --public-control-background: var(--mantine-color-disabled);
  --public-control-border: var(--public-rule-thin, 1px) solid transparent;
  --public-control-shadow: none;
}

@media (prefers-reduced-motion: no-preference) {
  :root :is(.mantine-Button-root:not([data-variant="subtle"]), .mantine-ActionIcon-root:not([data-variant="subtle"]), a[data-motion="control"], button:not(.mantine-UnstyledButton-root, .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="stationary"])):after {
    scale: var(--public-control-scale);
    transition: scale var(--public-motion-press) var(--public-motion-ease), background-color var(--public-motion-fast) var(--public-motion-ease);
  }
}

:root :where(.mantine-Button-root > .mantine-Button-inner) {
  transition: opacity var(--public-motion-fast) var(--public-motion-ease);
}

:root .mantine-Button-root[data-loading] > .mantine-Button-inner {
  transform: none;
}

@media (prefers-reduced-motion: no-preference) {
  [data-motion-enter] {
    animation: public-surface-enter var(--public-motion-fast) var(--public-motion-ease);
  }

  :root :is(a[href], button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"], [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"]):not([data-motion="stationary"], :disabled, [data-disabled], [aria-disabled="true"]) {
    transition: transform var(--public-motion-medium) var(--public-motion-ease), --public-control-overlay var(--public-motion-fast) var(--public-motion-ease), translate var(--public-motion-press) var(--public-motion-ease), background-color var(--public-motion-fast) var(--public-motion-ease), color var(--public-motion-fast) var(--public-motion-ease), text-decoration-color var(--public-motion-fast) var(--public-motion-ease);
  }

  :where(a[href], button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"], [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"]):active:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"], :has([data-motion-feedback]), :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]) {
    --public-control-scale: calc(1 + (var(--public-press-surface-scale) - 1) * var(--public-press-engaged, 1));
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }

  :root[data-public-pointer-down] :where(a[href], button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"], [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"]):focus:hover:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"], :has([data-motion-feedback]), :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]) {
    --public-control-scale: calc(1 + (var(--public-press-surface-scale) - 1) * var(--public-press-engaged, 1));
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }

  :root[data-public-keyboard-down] :where(a[href], button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"], [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"]):focus:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"], :has([data-motion-feedback]), :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]) {
    --public-control-scale: calc(1 + (var(--public-press-surface-scale) - 1) * var(--public-press-engaged, 1));
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }
}

:root[data-public-press-ready]:not([data-public-pointer-down], [data-public-keyboard-down]) :is(a[href], button, summary, [role="button"]):active {
  --public-press-engaged: 0;
  --public-control-overlay: 0;
}

@media (hover: hover) and (pointer: fine) {
  :root[data-public-press-ready]:not([data-public-pointer-down], [data-public-keyboard-down]) :is(a[href], button, summary, [role="button"]):active:hover {
    --public-control-overlay: var(--public-control-hover-overlay, .04);
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root :is(a[href], button, summary, [role="button"]):not([data-motion="stationary"]) [data-motion-feedback] {
    transition: transform var(--public-motion-medium) var(--public-motion-ease), opacity var(--public-motion-fast) var(--public-motion-ease), translate var(--public-motion-press) var(--public-motion-ease);
  }

  :root :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]:not([data-motion="stationary"], :has([data-motion-feedback])) > :is(.mantine-Button-inner, .mantine-ActionIcon-icon) {
    transition: transform var(--public-motion-medium) var(--public-motion-ease), opacity var(--public-motion-fast) var(--public-motion-ease), translate var(--public-motion-press) var(--public-motion-ease);
  }

  :is(a[href], button, summary, [role="button"]):active:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]) [data-motion-feedback], :root[data-public-pointer-down] :is(a[href], button, summary, [role="button"]):focus:hover:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]) [data-motion-feedback], :root[data-public-keyboard-down] :is(a[href], button, summary, [role="button"]):focus:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]) [data-motion-feedback] {
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }

  :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]:active:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"], :has([data-motion-feedback])) > :is(.mantine-Button-inner, .mantine-ActionIcon-icon) {
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }

  :root[data-public-pointer-down] :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]:focus:hover:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"], :has([data-motion-feedback])) > :is(.mantine-Button-inner, .mantine-ActionIcon-icon) {
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }

  :root[data-public-keyboard-down] :is(.mantine-Button-root, .mantine-ActionIcon-root)[data-variant="subtle"]:focus:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"], :has([data-motion-feedback])) > :is(.mantine-Button-inner, .mantine-ActionIcon-icon) {
    translate: 0 calc(var(--public-press-offset) * var(--public-press-engaged, 1));
  }
}

@keyframes public-surface-enter {
  from {
    opacity: .6;
  }
}

:root :is(button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):active:not([data-variant="subtle"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="plain"], :disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]), :root[data-public-pointer-down] :is(button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):focus:hover:not([data-variant="subtle"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="plain"], :disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]), :root[data-public-keyboard-down] :is(button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):focus:not([data-variant="subtle"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="plain"], :disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]) {
  --public-control-overlay: var(--public-control-press-overlay, .08);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: var(--public-focus-width) solid var(--mantine-color-blue-5);
  outline-offset: var(--public-focus-offset-small);
}

:where(a[href]:not([data-motion="plain"], [data-motion="control"], [data-motion="stationary"], .mantine-Button-root, .mantine-ActionIcon-root, [data-collection-card], [role="menuitem"])) {
  overflow-wrap: anywhere;
  inline-size: fit-content;
  max-inline-size: 100%;
  display: inline-block;
}

.mantine-Anchor-root:where(a[href]:not([data-motion="plain"], [data-motion="control"], [data-motion="stationary"], [data-collection-card], [role="menuitem"], [data-line-clamp])) {
  display: inline-block;
}

:root :is([data-motion="link"], [data-motion="link-reveal"], :where(a[href]:not([data-motion="plain"], [data-motion="control"], [data-motion="stationary"], .mantine-Button-root, .mantine-ActionIcon-root, [data-collection-card], [role="menuitem"]))) {
  --public-link-underline-idle: color-mix(in srgb, currentColor 35%, transparent);
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--public-link-underline-idle);
  text-decoration-color: var(--public-link-underline-idle);
  text-decoration-thickness: var(--public-rule-thin, 1px);
  text-underline-offset: .25em;
}

:root :is([data-motion="link"], [data-motion="link-reveal"], :where(a[href]:not([data-motion="plain"], [data-motion="control"], [data-motion="stationary"], .mantine-Button-root, .mantine-ActionIcon-root, [data-collection-card], [role="menuitem"]))):is(:hover, :focus-visible, :active) {
  text-decoration-color: currentColor;
}

:root :is(a, [data-motion="link"]):has([data-public-link-label]) {
  text-decoration-line: none;
}

[data-public-link-label] {
  text-decoration-line: underline;
  text-decoration-thickness: var(--public-rule-thin, 1px);
  -webkit-text-decoration-color: var(--public-link-underline-idle);
  text-decoration-color: var(--public-link-underline-idle);
  text-underline-offset: inherit;
}

[data-public-link-caption] {
  text-decoration-line: underline;
  text-decoration-thickness: var(--public-rule-strong, 2px);
  text-underline-offset: inherit;
  text-decoration-color: #0000;
}

:root :is(a, [data-motion="link"]):is(:hover, :focus-visible, :active, [data-combobox-selected]) [data-public-link-caption] {
  text-decoration-color: currentColor;
}

@media (prefers-reduced-motion: no-preference) {
  [data-public-link-caption] {
    transition: text-decoration-color var(--public-motion-fast) var(--public-motion-ease);
  }
}

:root [data-motion="link-reveal"] {
  --public-link-underline-idle: transparent;
  text-decoration-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  :where(button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):hover:not([data-variant="subtle"], [data-motion="link"], [data-motion="link-reveal"], [data-motion="plain"], :active, :disabled, [data-disabled], [aria-disabled="true"], [data-loading], [data-motion="stationary"]) {
    --public-control-overlay: var(--public-control-hover-overlay, .04);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root :is(a[href], button, summary, [role="button"], .mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"], [data-motion="plain"], [data-motion="link"], [data-motion="link-reveal"]):not([data-motion="stationary"]), :root [data-motion-feedback], :root .mantine-Button-inner, :root .mantine-ActionIcon-icon {
    transition: none;
  }
}

:root [role="status"] {
  transition: background-color var(--public-motion-fast) var(--public-motion-ease), color var(--public-motion-fast) var(--public-motion-ease);
}

@media (prefers-reduced-motion: reduce) {
  :root [role="status"] {
    transition: none;
  }
}

:root [data-motion="stationary"] {
  transition: scale var(--public-motion-fast) var(--public-motion-ease), background-color var(--public-motion-fast) var(--public-motion-ease), color var(--public-motion-fast) var(--public-motion-ease);
}

:root [data-motion="stationary"]:before {
  z-index: 1;
  border-radius: inherit;
  box-shadow: inset 0 0 0 100vmax var(--public-stationary-press-color, #0000000f);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--public-motion-press) var(--public-motion-ease);
  position: absolute;
  inset: 0;
}

:root [data-motion="stationary"]:active:not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading]):before {
  opacity: var(--public-press-engaged, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root [data-motion="stationary"], :root [data-motion="stationary"]:before {
    transition: none;
  }
}

:root dialog[data-motion-dialog], :root dialog[data-motion-dialog]::backdrop {
  opacity: 0;
  transition: opacity var(--public-motion-fast) var(--public-motion-ease);
  transition: opacity var(--public-motion-fast) var(--public-motion-ease), display var(--public-motion-fast) var(--public-motion-ease) allow-discrete, overlay var(--public-motion-fast) var(--public-motion-ease) allow-discrete;
}

:root dialog[data-motion-dialog][open]:not([data-closing]), :root dialog[data-motion-dialog][open]:not([data-closing])::backdrop {
  opacity: 1;
}

:root dialog[data-motion-dialog][data-closing] {
  pointer-events: none;
}

@starting-style {
  :root dialog[data-motion-dialog][open]:not([data-closing]), :root dialog[data-motion-dialog][open]:not([data-closing])::backdrop {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root dialog[data-motion-dialog], :root dialog[data-motion-dialog]::backdrop {
    transition: none;
  }
}

:root {
  --public-invalid-feedback: public-invalid-feedback calc(2 * var(--public-motion-medium)) var(--public-motion-ease);
}

@keyframes public-invalid-feedback {
  0%, 25% {
    color: var(--public-quantity-correction-color, var(--mantine-color-error));
  }

  100% {
    color: inherit;
  }
}

/* [project]/apps/public-portal/src/app/globals.css [app-client] (css) */
@media (prefers-reduced-motion: no-preference) {
  [data-content-reveal] {
    animation: public-content-reveal var(--public-motion-medium) var(--public-motion-ease);
  }

  [data-content-reveal="fade"] {
    animation-name: public-content-fade;
  }

  :root[data-content-reveal-ready] [data-content-reveal] {
    animation-play-state: paused;
  }
}

@media print {
  [data-content-reveal], [data-public-media] {
    animation: none !important;
  }
}

@keyframes public-content-reveal {
  from {
    opacity: .6;
    translate: 0 var(--mantine-spacing-xs);
  }
}

@keyframes public-content-fade {
  from {
    opacity: .6;
  }
}

a[data-public-item-designation] {
  color: var(--mantine-color-dark-9);
}

a[data-public-item-designation]:not([aria-current="page"]):is(:focus-visible, :active), a[href]:not([aria-current="page"]):is(:focus-visible, :active) [data-public-item-designation] {
  color: var(--mantine-primary-color-filled);
}

@media (hover: hover) and (pointer: fine) {
  a[data-public-item-designation]:not([aria-current="page"]):hover, a[href]:not([aria-current="page"]):hover [data-public-item-designation] {
    color: var(--mantine-primary-color-filled);
  }
}

@media (prefers-reduced-motion: no-preference) {
  [data-public-item-designation] {
    transition: color var(--public-motion-fast) var(--public-motion-ease);
  }
}

[data-public-sku]:not([data-sku-heading]) {
  font-family: var(--public-font-monospace);
  font-weight: 600;
}

[data-sku-heading] {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: normal;
}

[data-supply-set-variant-code] {
  color: var(--public-supply-set-code-color);
}

[data-name-unit] {
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
  inline-size: max-content;
  max-inline-size: 100%;
  display: inline-block;
}

:where(p, blockquote, li, [data-item-class]) {
  text-wrap: pretty;
}

:where(h1, h2, h3, h4, h5, h6) {
  overflow-wrap: anywhere;
  min-inline-size: 0;
}

:where(span, p):has( > [data-name-unit]) {
  text-wrap: wrap;
}

:root[data-media-reveal] [data-public-media] {
  animation: public-media-reveal var(--public-motion-medium) var(--public-motion-ease) paused;
}

@keyframes public-media-reveal {
  from {
    opacity: 0;
  }
}

@property --public-photo-progress {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

@keyframes public-photo-reveal {
  from {
    --public-photo-progress: 0;
    color: var(--mantine-color-dark-9);
  }

  to {
    --public-photo-progress: 1;
    color: var(--mantine-color-white);
  }
}

:root [data-public-photo-reveal] {
  --public-photo-progress: 0;
  color: var(--mantine-color-white);
  animation: public-photo-reveal calc(2 * var(--public-motion-medium)) var(--public-motion-ease) both paused;
}

:root [data-public-photo-reveal] img[data-public-media] {
  animation: none;
}

:root [data-public-photo-reveal]:not(:has(img[data-public-media])) {
  --public-photo-progress: 0;
  color: var(--mantine-color-dark-9);
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  :root [data-public-photo-reveal] {
    animation-duration: 1ms;
  }
}

@media print, (scripting: none) {
  [data-public-photo-reveal]:has(img[data-public-media]) {
    --public-photo-progress: 1 !important;
    color: var(--mantine-color-white) !important;
    animation: none !important;
  }
}

:root[data-hero-reveal] [data-hero-stage]:has(img[data-public-media]):not([data-hero-ready]) {
  visibility: hidden;
}

:root[data-hero-reveal] [data-hero-stage]:not(:has( > [data-position="1"] img[data-public-media])) {
  visibility: hidden;
}

:root[data-hero-reveal] [data-hero-stage]:not(:has( > [data-position="2"] img[data-public-media])) {
  visibility: hidden;
}

:root[data-hero-reveal] [data-hero-stage]:not(:has( > [data-position="3"] img[data-public-media])) {
  visibility: hidden;
}

@media print {
  :root[data-hero-reveal] [data-hero-stage] {
    visibility: visible !important;
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --public-shell-max: 240rem;
  --public-wide-shell-max: var(--public-shell-max);
  --public-reading-max: 48rem;
  --public-header-expanded: 5.25rem;
  --public-header-compact: 4rem;
  --public-header-reveal-depth: calc(var(--public-header-expanded) - var(--public-header-compact));
  --public-mobile-header-height: 4rem;
  --public-mobile-navigation-height: 4.5rem;
  --public-card-media-height: 13rem;
  --public-rule-thin: .0625rem;
  --public-rule-strong: .125rem;
  --public-visually-hidden-size: 1px;
  --public-visually-hidden-offset: -1px;
  --public-shadow-soft: 0 .75rem 2.5rem #0f172a0f;
  --public-shadow-upward: 0 -.35rem 1.25rem #0f172a14;
  --public-control-hover-light: #ffffff1f;
  --public-control-press-light: #fff3;
  --public-gutter: clamp(1rem, 4vw, 7rem);
  --public-section-space: clamp(3.5rem, 8vw, 7rem);
  --public-grid-min: 16rem;
  --public-space-hair: .2rem;
  --public-space-compact: .25rem;
  --public-focus-width: var(--public-rule-thin);
  --public-focus-offset: calc(-1 * var(--public-focus-width));
  --public-focus-offset-small: var(--public-focus-offset);
  --public-touch-target: 2.75rem;
  --public-item-card-action-control-height: calc(var(--public-touch-target) + (2 * var(--public-rule-thin)));
  --public-item-card-action-icon-size: 1.75rem;
  --public-page-flow-space: var(--mantine-spacing-lg);
  --public-quantity-min: 9rem;
  --public-quantity-correction-color: color-mix(in srgb, var(--mantine-color-red-7) 65%, var(--mantine-color-gray-7));
  --public-card-media-min: 9rem;
  --public-card-media-max: 12rem;
  --public-card-media-multicolumn-track: 16rem;
  --public-item-card-min-inline: 39rem;
  --public-brand-logo-width: 3.5rem;
  --public-brand-logo-height: 1.25rem;
  --public-brand-line-height: 1.5rem;
  --public-item-card-designation-line-height: 1.25em;
  --public-item-card-class-line-height: 1.35em;
  --public-item-card-class-lines: 3;
  --public-sort-width: 16rem;
  --public-empty-state-min: 16rem;
  --public-cart-identity-min: 2lh;
  --public-form-max: 64rem;
  --public-item-content-max: 72rem;
  --public-item-successor-mobile-max: 20rem;
  --public-item-successor-min-block-size: 6rem;
  --public-item-successor-viewport-budget: 40dvh;
  --public-item-flow-space: var(--mantine-spacing-lg);
  --public-item-hero-height: clamp(20rem, 50svh, 32rem);
  --public-item-section-space: clamp(1rem, 3vw, 2rem);
  --public-item-gallery-thumbnail: 5rem;
  --public-item-gallery-thumbnail-fluid: clamp(3.5rem, min(8dvh, 9dvw), var(--public-item-gallery-thumbnail));
  --public-item-gallery-navigation-inline-size: var(--public-touch-target);
  --public-item-gallery-navigation-gap: var(--mantine-spacing-sm);
  --public-item-thumbnail-inactive-veil-opacity: .38;
  --public-item-thumbnail-inactive-veil-color: rgb(255 255 255 / var(--public-item-thumbnail-inactive-veil-opacity));
  --public-document-format-icon-inline: 2rem;
  --public-document-format-icon-block: 2.25rem;
  --public-document-format-label-size: .5rem;
  --public-document-format-label-inset: .375rem;
  --public-item-inline-icon-size: 1em;
  --public-icon-size-standard: 1.25rem;
  --public-icon-color: var(--mantine-color-dark-9);
  --public-font-monospace: var(--public-font-sku), "DejaVu Sans Mono", monospace;
  --public-item-designation-size: clamp(1.5rem, 2vw, 1.875rem);
  --public-item-class-size: clamp(1.125rem, 1.5vw, 1.375rem);
  --public-item-service-column-min: 15rem;
  --public-safe-edge: 1rem;
  --public-viewport-reserve: 2rem;
  --public-popover-max: 24rem;
  --public-popover-viewport-max: 60vh;
  --public-access-form-max: 26rem;
  --public-specification-label-min: 8rem;
  --public-item-desktop-aside-min: 18rem;
  --public-item-desktop-aside-max: 24rem;
  --public-item-successor-name-min: 14rem;
  --public-item-successor-price-min: 10rem;
  --public-related-included-min: 5rem;
  --public-related-item-min: 14rem;
  --public-item-successor-width: 72rem;
  --public-item-successor-gutter: 3rem;
  --public-shell-search-min: 18rem;
  --public-shell-search-tablet-min: 15rem;
  --public-shell-gap-fluid: 2vw;
  --public-shell-icon-size: 1em;
  --public-shell-settings-glyph-size: 1.5rem;
  --public-shell-settings-glyph-line: .125rem;
  --public-shell-settings-glyph-seam-offset: .0625rem;
  --public-shell-brand-logo-size: clamp(9.5rem, 15vw, 12.75rem);
  --public-shell-brand-logo-mobile-size: clamp(8.5rem, 43vw, 10.5rem);
  --public-mobile-navigation-icon-size: 1.5rem;
  --public-mobile-navigation-label-height: 1rem;
  --public-search-wide-max: 72rem;
  --public-search-sku-min: 7rem;
  --public-locale-link-padding: .35rem;
  --public-main-min-height: 58dvh;
  --public-viewport-inline: 100vw;
  --public-catalog-title-size: clamp(2.25rem, 5vw, 4.25rem);
  --public-catalog-title-mobile-size: clamp(2rem, 12vw, 3.25rem);
  --public-collection-title-size: clamp(2rem, 4vw, 3.5rem);
  --public-collection-copy-max: 48rem;
  --public-display-tracking: -.035em;
  --public-meta-tracking: .08em;
  --public-surface-solid: #fff;
  --public-plate-opacity: .94;
  --public-caption-surface: rgb(255 255 255 / var(--public-plate-opacity));
  --public-hero-shade: #09121c2e;
  --public-hero-copy-surface: rgb(10 24 38 / var(--public-plate-opacity));
  --public-item-dialog-backdrop: #09121cd6;
  --public-item-dialog-control-surface: rgb(9 18 28 / var(--public-plate-opacity));
  --public-item-dialog-caption-max: 42ch;
  --public-item-dialog-zoom-value-min: calc(var(--public-touch-target) + 2 * var(--mantine-spacing-xs));
  --public-item-card-surface: var(--mantine-color-gray-0);
  --public-brand-logo-overlay-scale: .8;
  --public-brand-logo-area-side: calc(2.75rem * var(--public-brand-logo-overlay-scale));
  --public-brand-logo-min-block: calc(1.25rem * var(--public-brand-logo-overlay-scale));
  --public-brand-logo-max-block: calc(2rem * var(--public-brand-logo-overlay-scale));
  --public-brand-logo-max-inline: calc(7rem * var(--public-brand-logo-overlay-scale));
  --public-card-brand-lockup-height: calc(var(--public-brand-logo-max-block) + 2 * var(--public-card-brand-lockup-padding));
  --public-card-brand-lockup-padding: calc(.4rem * var(--public-brand-logo-overlay-scale));
  --public-card-brand-lockup-surface: var(--public-caption-surface);
  --public-card-highlight-rule: var(--public-rule-strong) solid var(--mantine-color-blue-4);
  --public-collection-accent-cyan: #42c7e8;
  --public-collection-accent-blue: #6599ef;
  --public-collection-accent-violet: #a886ea;
  --public-collection-accent-amber: #e7b54d;
  --public-collection-accent-orange: #ed8950;
  --public-collection-accent-red: #e66d71;
  --public-collection-accent-teal: #56b9a8;
  --public-collection-accent-neutral: #9dafba;
  --public-collection-composite-padding: clamp(.7rem, 4cqi, 1.25rem);
  --public-collection-logo-padding: clamp(1.5rem, 7cqi, 3.5rem);
  --public-collection-caption-surface: var(--public-caption-surface);
  --public-catalog-page-gap: clamp(3rem, 6vw, var(--public-section-space));
  --public-catalog-intro-padding: clamp(1.75rem, 4vw, 3.5rem);
  --public-media-neutral-fallback: var(--mantine-color-gray-1);
  --public-media-dark-fallback: linear-gradient(145deg, #143347, #0b2536);
  --public-catalog-intro-columns: minmax(0, 1.1fr) minmax(22rem, .7fr);
  --public-catalog-intro-tools-gap: 1rem;
  --public-catalog-intro-tools-padding: 1rem;
  --public-catalog-intro-tools-surface: #ffffff17;
  --public-catalog-intro-routes-gap: .35rem 1rem;
  --public-catalog-intro-route-height: 2.25rem;
  --public-catalog-intro-route-color: #edf8fcd6;
  --public-catalog-intro-route-size: .8rem;
  --public-catalog-intro-route-decoration: #ffffff52;
  --public-catalog-intro-route-offset: .24rem;
  --public-catalog-contact-columns: minmax(0, 1fr) minmax(15rem, .42fr) auto;
  --public-catalog-contact-gap: clamp(2rem, 4vw, 4rem);
  --public-catalog-contact-grid: linear-gradient(#fff3 1px, transparent 1px), linear-gradient(90deg, #fff3 1px, transparent 1px);
  --public-catalog-contact-grid-size: 2.5rem 2.5rem;
  --public-catalog-contact-mask: linear-gradient(90deg, transparent 25%, #000 72%, transparent);
  --public-catalog-contact-art-height: 10rem;
  --public-catalog-contact-art-stroke: #ffffff61;
  --public-catalog-contact-art-node: #d5f9ffe6;
  --public-catalog-feature-mobile-media-height: 15rem;
  --public-catalog-contact-mobile-art-height: 7rem;
  --public-home-page-gap: clamp(3.5rem, 7vw, 7rem);
  --public-home-section-padding: clamp(3rem, 4vw, 4rem);
  --public-home-section-half-gap: clamp(1.5rem, 2vw, 2rem);
  --public-home-inquiry-mask: linear-gradient(90deg, transparent 18%, #000 68%, transparent);
  --public-home-hero-columns: minmax(0, 1.05fr) minmax(26rem, .95fr);
  --public-home-hero-wide-columns: fit-content(clamp(32rem, 36vw, 38rem)) minmax(0, 1fr);
  --public-home-hero-min-block: min(32rem, calc(100dvh - var(--public-header-expanded) - 2rem));
  --public-home-hero-padding: clamp(2.5rem, 5vw, 5rem) var(--public-gutter);
  --public-home-hero-background: linear-gradient(145deg, transparent 50%, #00a9e02e 100%), linear-gradient(122deg, #071725 0%, #0b2132 56%, #0d2b40 100%);
  --public-home-hero-copy-max: 46rem;
  --public-home-hero-copy-wide-max: 58rem;
  --public-home-hero-title-size: clamp(2.25rem, 3.3vw, 4rem);
  --public-home-hero-body-color: #e6f0f7db;
  --public-home-hero-body-size: clamp(1rem, 1.5vw, 1.25rem);
  --public-home-hero-body-offset: 1.5rem;
  --public-home-section-gap: 1.5rem;
  --public-home-card-gap: clamp(.75rem, 1.5vw, 1.25rem);
  --public-home-hero-action-height: 3rem;
  --public-home-hero-action-padding: .75rem 1rem;
  --public-home-hero-secondary-surface: #ffffff1a;
  --public-home-instrument-min-block: 30rem;
  --public-home-instrument-grid: linear-gradient(#80d0ec24 1px, transparent 1px), linear-gradient(90deg, #80d0ec24 1px, transparent 1px);
  --public-home-instrument-grid-size: 2rem 2rem;
  --public-home-section-title-size: clamp(1.85rem, 2.6vw, 3rem);
  --public-home-application-min-block: clamp(12rem, 22vw, 18rem);
  --public-home-application-surface: #173044;
  --public-home-application-shade: linear-gradient(180deg, transparent 38%, #040f19c7 100%);
  --public-media-caption-surface: rgb(5 18 29 / var(--public-plate-opacity));
  --public-media-caption-padding: .72rem .8rem;
  --public-home-application-title-size: clamp(.92rem, 1.3vw, 1.08rem);
  --public-home-type-section-padding: clamp(1.5rem, 3vw, 2.5rem);
  --public-home-type-section-background: transparent;
  --public-home-type-columns: 4rem minmax(0, 1fr) auto;
  --public-home-type-gap: .8rem;
  --public-home-type-min-block: 4.25rem;
  --public-home-type-padding: .55rem .65rem;
  --public-home-type-surface: var(--mantine-color-white);
  --public-home-type-image-block: 3rem;
  --public-home-engineering-columns: minmax(0, 1fr) minmax(18rem, .65fr);
  --public-home-engineering-min-block: 25rem;
  --public-home-feature-padding: clamp(2rem, 4vw, 4rem);
  --public-home-engineering-surface: #0a2030;
  --public-home-feature-copy-color: #e7f2f8cc;
  --public-home-feature-copy-size: 1.08rem;
  --public-home-engineering-accent: #62cee9;
  --public-home-eyebrow-size: .76rem;
  --public-home-eyebrow-tracking: .14em;
  --public-home-engineering-orbit-size: 17rem;
  --public-home-engineering-orbit-border: var(--public-rule-thin) solid #62cee952;
  --public-home-engineering-glow-size: 12rem;
  --public-home-engineering-glow: linear-gradient(135deg, #2fadcd61, transparent 72%);
  --public-home-engineering-node-size: .65rem;
  --public-home-engineering-node-glow: 0 0 1.5rem var(--public-home-engineering-accent);
  --public-home-inquiry-columns: minmax(0, 1fr) minmax(15rem, .6fr);
  --public-home-inquiry-min-block: 23rem;
  --public-home-inquiry-art-max: 36rem;
  --public-home-inquiry-background: linear-gradient(126deg, #164c62, #17657c 58%, #277f91);
  --public-home-inquiry-icon-size: 2rem;
  --public-home-inquiry-icon-color: #a6ebf7;
  --public-home-inquiry-copy-color: #f2fcffdb;
  --public-home-inquiry-action-padding: .8rem 1rem;
  --public-home-inquiry-action-color: #0b4356;
  --public-home-inquiry-grid: linear-gradient(#ffffff21 1px, transparent 1px), linear-gradient(90deg, #ffffff21 1px, transparent 1px);
  --public-home-inquiry-grid-size: 2.5rem 2.5rem;
  --public-home-inquiry-orbit-size: 6rem;
  --public-home-inquiry-orbit-border: var(--public-rule-thin) solid #ffffff57;
  --public-home-mobile-gap: 4rem;
  --public-home-mobile-hero-padding: 2rem var(--public-gutter);
  --public-home-mobile-title-size: clamp(1.9rem, 8vw, 2.7rem);
  --public-home-mobile-body-offset: 1rem;
  --public-home-mobile-action-offset: 1rem;
  --public-home-mobile-instrument-min-block: 14rem;
  --public-home-mobile-application-inline: min(82vw, 22rem);
  --public-home-mobile-application-min-block: 14rem;
  --public-home-mobile-type-media: 2.75rem;
  --public-home-mobile-type-min-block: 5.25rem;
  --public-home-narrow-hero-padding: 1.35rem;
  --public-home-narrow-title-size: 1.55rem;
  --public-home-narrow-instrument-min-block: 12.5rem;
  --public-footer-columns: repeat(3, minmax(0, 1fr));
  --public-footer-padding: clamp(2.5rem, 5vw, 5rem) 0 var(--public-gutter);
  --public-footer-gap: clamp(1.5rem, 4vw, 4rem);
  --public-footer-surface: #061621;
  --public-footer-copy-color: #e2eff7c7;
  --public-footer-brand-size: min(13rem, 52vw);
  --public-radius-compact: .375rem;
  --public-radius-thumbnail: .5rem;
  --public-radius-control: .625rem;
  --public-radius-panel: .75rem;
  --public-radius-media: 1rem;
  --public-radius-pill: 999rem;
  --public-radius-card: var(--public-radius-panel);
  --public-layer-header: 40;
  --public-layer-action: 35;
  --public-catalog-card-media-min-height: 15rem;
  --public-catalog-card-media-max-height: 19rem;
  --public-catalog-card-wide-min-height: 18rem;
  --public-catalog-card-scale-23-rem: 23rem;
  --public-catalog-card-media-brand-logo-inset: calc(var(--mantine-spacing-lg) - var(--public-card-brand-lockup-padding)) auto auto calc(var(--mantine-spacing-lg) - var(--public-card-brand-lockup-padding));
  --public-catalog-card-lifecycle-pill-max-inline-size: calc(100% - 2rem);
  --public-catalog-card-image-placeholder-gap: .5rem;
  --public-catalog-card-item-metadata-gap: .7rem;
  --public-catalog-card-scale-1-8-rem: 1.8rem;
  --public-catalog-card-brand-lockup-color: #697783;
  --public-catalog-card-sku-letter-spacing: .035em;
  --public-catalog-card-item-name-font-size: 1.625rem;
  --public-catalog-card-item-class-color: #60707c;
  --public-catalog-card-item-class-font-size: .84rem;
  --public-catalog-card-item-highlights-border-block-start: var(--public-rule-thin) solid #314c5b1f;
  --public-catalog-card-item-highlights-div-gap: .8rem;
  --public-catalog-card-scale-2-55-rem: 2.55rem;
  --public-catalog-card-item-highlights-div-padding-block: .42rem;
  --public-catalog-card-item-highlights-div-div-border-block-start: var(--public-rule-thin) solid #314c5b17;
  --public-catalog-card-item-highlights-dt-font-size: .75rem;
  --public-catalog-card-scale-1-rem: 1rem;
  --public-catalog-card-commercial-state-gap: .35rem;
  --public-catalog-card-price-font-size: clamp(1.5rem, 3.5cqi, 1.75rem);
  --public-in-stock-background: var(--mantine-color-teal-9);
  --public-in-stock-color: var(--mantine-color-white);
  --public-catalog-card-scale-8-rem: 8rem;
  --public-catalog-card-item-actions-div-gap: .2rem;
  --public-catalog-card-collection-directory-gap: clamp(2rem, 4vw, 3.5rem);
  --public-catalog-card-scale-1-25-rem: 1.25rem;
  --public-catalog-card-collection-card-grid-template-rows: minmax(13rem, 1fr) auto;
  --public-collection-directory-card-columns: 4.75rem minmax(0, 1fr);
  --public-collection-directory-card-columns-mobile: 4.25rem minmax(0, 1fr);
  --public-collection-directory-card-rows: minmax(4.75rem, auto);
  --public-collection-directory-card-min-block: 4.75rem;
  --public-collection-directory-caption-padding: .75rem .9rem;
  --public-collection-directory-arrow-size: 2rem;
  --public-collection-brand-card-flex: 0 0 min(15rem, 75vw);
  --public-collection-brand-card-rows: 5.75rem auto;
  --public-collection-brand-card-min-block: 9rem;
  --public-collection-brand-caption-padding: .65rem .8rem;
  --public-collection-featured-mobile-flex: 0 0 min(19rem, 84vw);
  --public-collection-generic-padding: clamp(.65rem, 4%, 1.1rem);
  --public-catalog-card-scale-20-rem: 20rem;
  --public-catalog-card-brand-fallback-size: clamp(1.15rem, 5cqi, 1.75rem);
  --public-catalog-card-brand-fallback-tracking: -.02em;
  --public-catalog-card-scale-7-5-rem: 7.5rem;
  --public-catalog-card-collection-caption-gap: .3rem 1rem;
  --public-catalog-card-collection-caption-min-block: 6.25rem;
  --public-catalog-card-collection-caption-padding: 1.05rem 1.15rem;
  --public-catalog-card-collection-meta-color: var(--mantine-color-gray-7);
  --public-catalog-card-collection-meta-font-size: .78rem;
  --public-catalog-card-collection-title-font-size: clamp(1.05rem, 5.2cqi, 1.45rem);
  --public-catalog-card-scale-2-5-rem: 2.5rem;
  --public-catalog-card-scale-21-rem: 21rem;
  --public-catalog-card-collection-card-collection-media-background-2: radial-gradient(ellipse 260% 100% at left bottom, #03111cf0 0%, transparent 100%);
  --public-catalog-card-collection-caption-overlay-inset: auto 1rem 1rem;
  --public-catalog-card-scale-4-4-rem: 4.4rem;
  --public-catalog-card-catalog-toolbar-padding: .7rem 1rem;
  --public-catalog-card-catalog-toolbar-background: #e7edf0;
  --public-catalog-card-toolbar-label-color: #5f6d77;
  --public-catalog-card-sort-select-inline-size: min(12rem, 42vw);
  --public-catalog-card-item-grid-gap: clamp(.8rem, 1.2vw, 1.1rem);
  --public-catalog-card-pagination-padding-block: 2.2rem 0;
  --public-catalog-card-scale-15-rem: 15rem;
  --public-catalog-card-scale-2-rem: 2rem;
  --public-catalog-card-collection-card-grid-template-rows-2: 13.5rem auto;
  --public-catalog-card-brand-grid-columns: minmax(12rem, 15rem);
  --public-catalog-card-brand-min-block: 6.75rem;
  --public-catalog-card-composite-title-size: clamp(1.1rem, 5cqi, 1.5rem);
  --public-catalog-card-feature-composite-image-inset: 0;
  --public-catalog-card-feature-composite-image-size: 100%;
  --public-catalog-card-feature-composite-image-padding: .35rem 6% 0;
  --public-catalog-card-brand-image-padding: 1.35rem 1.5rem;
  --public-catalog-card-mobile-columns: minmax(var(--public-catalog-card-scale-7-5-rem), 42%) minmax(0, 1fr);
  --public-catalog-page-page-gap: clamp(2.75rem, 4.5vw, 4.5rem);
  --public-catalog-page-intro-padding: clamp(3rem, 6vw, 5.5rem);
  --public-catalog-page-scale-1-25-rem: 1.25rem;
  --public-catalog-page-scale-26-rem: 26rem;
  --public-catalog-page-collection-feature-background: #071b2a;
  --public-catalog-page-collection-feature-image-background: linear-gradient(145deg, #163d50, #0f7491);
  --public-catalog-page-scale-4-rem: 4rem;
  --public-catalog-page-commercial-contact-padding: clamp(3rem, 5vw, 5rem) var(--public-gutter);
  --public-catalog-page-commercial-contact-background: linear-gradient(116deg, #155568 0%, #167d93 58%, #1ba4bc 100%);
  --public-catalog-page-commercial-contact-h2-font-size: clamp(2.35rem, 5vw, 4.8rem);
  --public-catalog-page-scale-48-rem: 48rem;
  --public-catalog-page-commercial-contact-p-margin: .8rem 0 0;
  --public-catalog-page-commercial-contact-p-color: #fffc;
  --public-catalog-page-commercial-contact-actions-gap: .8rem;
  --public-catalog-page-scale-3-rem: 3rem;
  --public-catalog-page-scale-1-4-rem: 1.4rem;
  --public-catalog-page-scale-1-8-rem: 1.8rem;
  --public-collection-copy-compact-padding: clamp(2.75rem, 5vw, 4.5rem);
  --public-collection-hero-title-wide-size: clamp(2.35rem, 4.5vw, 4.75rem);
  --public-home-hero-section-shell-gap: clamp(1rem, 3vw, 3.5rem);
  --public-home-hero-section-shell-padding-block: max(var(--public-gutter), clamp(2.5rem, 5vh, 4rem));
  --public-home-hero-copy-p-margin: 1.5rem 0 0;
  --public-home-hero-actions-gap: .75rem;
  --public-home-hero-action-half-gap: .375rem;
  --public-home-scale-2-rem: 2rem;
  --public-home-hero-actions-a-gap: .5rem;
  --public-home-scale-3-25-rem: 3.25rem;
  --public-home-scale-1-25-rem: 1.25rem;
  --public-home-scale-1-em: 1em;
  --public-home-scale-31-rem: 31rem;
  --public-home-instrument-node: #2e9dc9ad;
  --public-home-instrument-ring: var(--public-home-instrument-node);
  --public-home-instrument-line: #5bbee280;
  --public-home-instrument-line-width: 2.5px;
  --public-home-instrument-mask: radial-gradient(ellipse at center, #000 20%, transparent 74%);
  --public-home-instrument-img-filter: drop-shadow(.45rem .65rem .5rem #010a1457);
  --public-home-scale-12-5-rem: 12.5rem;
  --public-home-scale-10-rem: 10rem;
  --public-home-scale-8-5-rem: 8.5rem;
  --public-home-applications-section-shell-padding-block: clamp(3.3rem, 5vw, 5.25rem);
  --public-home-section-heading-gap: 1rem 2rem;
  --public-home-section-heading-margin-block-end: clamp(1.5rem, 2.5vw, 2.5rem);
  --public-home-section-heading-a-color: var(--mantine-primary-color-filled);
  --public-home-scale-1-15-rem: 1.15rem;
  --public-home-type-groups-gap: clamp(1.5rem, 3vw, 3rem);
  --public-home-scale-1-rem: 1rem;
  --public-home-type-group-h3-margin: 0 0 1rem;
  --public-home-type-group-h3-font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  --public-home-scale-2-85-rem: 2.85rem;
  --public-home-type-group-a-font-size: .94rem;
  --public-home-type-group-svg-margin-block-start: .15rem;
  --public-home-type-groups-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
  --public-home-type-group-padding: clamp(1rem, 2vw, 1.4rem);
  --public-home-type-group-heading-margin: 0 0 .75rem;
  --public-home-type-group-heading-size: .78rem;
  --public-home-type-group-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
  --public-home-engineering-background: #0a2030;
  --public-home-scale-32-rem: 32rem;
  --public-home-engineering-media-background: linear-gradient(145deg, #143347, #0b2536);
  --public-home-engineering-media-background-2: linear-gradient(90deg, var(--public-home-engineering-background), #0a2030d1 2.5%, #0a20306b 6.5%, transparent 11%);
  --public-home-engineering-copy-padding: clamp(2.5rem, 5vw, 5rem);
  --public-home-engineering-copy-p-margin: 1.2rem 0 1.5rem;
  --public-home-engineering-copy-p-color: #e7f2f8cc;
  --public-home-scale-1-08-rem: 1.08rem;
  --public-home-engineering-copy-a-color: var(--mantine-color-white);
  --public-home-inquiry-section-shell-grid-template-columns: minmax(0, 1fr) minmax(22rem, .72fr);
  --public-home-scale-25-rem: 25rem;
  --public-home-inquiry-section-shell-gap: clamp(2rem, 5vw, 5rem);
  --public-home-inquiry-section-shell-padding-block: clamp(3rem, 5vw, 5rem);
  --public-home-inquiry-copy-p-margin: 1.2rem 0 1.6rem;
  --public-home-inquiry-copy-p-color: #f2fcffdb;
  --public-home-inquiry-actions-gap: 1rem 1.5rem;
  --public-home-scale-3-rem: 3rem;
  --public-home-scale-22-rem: 22rem;
  --public-home-inquiry-art-svg-stroke: #ffffff42;
  --public-home-inquiry-art-node: #99e8f8e6;
  --public-home-inquiry-art-svg-circle-fill: #ffffff0f;
  --public-home-inquiry-art-span-img-filter: drop-shadow(.65rem .9rem .65rem #0018235c);
  --public-home-scale-2-8-rem: 2.8rem;
  --public-home-application-card-flex: 0 0 min(82vw, 22rem);
  --public-home-scale-1-5-rem: 1.5rem;
  --public-home-engineering-copy-padding-2: 2.8rem var(--public-gutter);
  --public-home-scale-19-rem: 19rem;
  --public-home-engineering-media-background-3: linear-gradient(180deg, #0a203066, transparent 45%);
  --public-home-inquiry-section-shell-padding-block-2: 3rem 2rem;
  --public-home-scale-17-rem: 17rem;
  --public-home-scale-1-85-rem: 1.85rem;
  --public-home-mobile-instrument-gap: .55rem;
  --public-home-mobile-instrument-size: clamp(5.4rem, 22vw, 7rem);
  --public-home-mobile-inquiry-art-height: 13.5rem;
  --public-home-mobile-inquiry-empty-height: 8rem;
  --public-home-narrow-action-padding: .65rem;
  --public-home-narrow-instrument-field-size: 7.75rem;
  --public-home-narrow-instrument-size: 5.1rem;
  --public-footer-divider: var(--public-rule-thin) solid #ffffff1f;
  --public-shell-footer-contact-a-font-size: clamp(1.45rem, 2.4vw, 2.2rem);
}

[data-public-page] [data-accent] {
  --public-catalog-feature-media-background: color-mix(in oklab, var(--collection-accent) 18%, #edf2f4);
  --public-catalog-feature-media-fallback: var(--public-catalog-feature-media-background);
  --public-catalog-feature-brand-surface: var(--public-catalog-feature-media-background);
  --public-catalog-card-collection-media-background: color-mix(in oklab, var(--collection-accent) 17%, #e5edf1);
  --public-catalog-card-caption-background: linear-gradient(112deg, white 0 74%, color-mix(in oklab, var(--collection-accent) 16%, white) 145%);
}

html:root {
  --mantine-radius-default: var(--public-radius-control);
  --mantine-radius-xs: var(--public-radius-compact);
  --mantine-radius-sm: var(--public-radius-control);
  --mantine-radius-md: var(--public-radius-control);
  --mantine-radius-lg: var(--public-radius-panel);
  --mantine-radius-xl: var(--public-radius-pill);
}

[data-public-page] .mantine-Button-root {
  border-radius: var(--public-radius-control);
}

[data-section-heading] > :is(h2, h3) {
  flex: auto;
  align-items: center;
  gap: 0;
  min-inline-size: 0;
  margin: 0;
  display: flex;
}

[data-section-heading] > :is(h2, h3):after {
  min-inline-size: var(--mantine-spacing-lg);
  border-block-start: var(--public-rule-thin) solid var(--mantine-color-gray-3);
  content: "";
  flex: 1;
  margin-inline-start: var(--mantine-spacing-lg);
  margin-inline-end: 0;
}

:where(a[href], button, summary, [role="button"], [tabindex]):where(:focus-visible) {
  border-radius: var(--public-radius-control);
  corner-shape: squircle;
}

:root :is(.mantine-focus-auto:focus-visible, .mantine-focus-always:focus) {
  outline: var(--public-focus-width) solid var(--mantine-primary-color-filled);
  outline-offset: var(--public-focus-offset);
}

:root :is(.mantine-Button-root, [data-motion="control"])[data-variant="filled"]:focus-visible {
  outline-color: var(--mantine-color-white);
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]) svg.lucide > :is(path, circle, line, polyline, polygon, rect, ellipse) {
  vector-effect: non-scaling-stroke;
  stroke-width: var(--public-rule-strong);
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):not([data-variant="subtle"]):focus-visible {
  --public-control-overlay: var(--public-control-hover-overlay, 0);
  outline: none;
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):not([data-variant="subtle"]):focus-visible:after {
  border: var(--public-focus-width) solid var(--mantine-primary-color-filled);
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"])[data-variant="outline"]:focus-visible:after {
  border-width: var(--public-control-border-width);
  border-color: currentColor;
}

:root :is(.mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"])[data-variant="filled"]:focus-visible:after, :root .mantine-Button-root:not([data-variant]):focus-visible:after {
  border-color: var(--mantine-color-white);
}

:root :is(input[type="checkbox"], input[type="radio"]):checked:focus-visible {
  outline-color: var(--public-icon-color);
}

:root :is(input, select, textarea):not([type="checkbox"], [type="radio"], [type="range"]):focus-visible {
  box-shadow: none;
  border-color: var(--mantine-primary-color-filled);
  outline: none;
}

@media (forced-colors: active) {
  :root :is(input, select, textarea):focus-visible {
    border-color: highlight;
  }

  :root :is(.mantine-focus-auto:focus-visible, .mantine-focus-always:focus) {
    outline-offset: 0;
    outline-color: highlight;
  }

  :root :is(.mantine-Button-root, .mantine-ActionIcon-root, [data-motion="control"]):not([data-variant="subtle"]):focus-visible {
    outline: var(--public-focus-width) solid Highlight;
    outline-offset: 0;
  }
}

:root :where(.mantine-Button-root, .mantine-ActionIcon-root, .mantine-Input-input, .mantine-Menu-dropdown, .mantine-Popover-dropdown, .mantine-Checkbox-input) {
  corner-shape: squircle;
}

[data-public-page] :where(.mantine-Input-input, .mantine-ActionIcon-root) {
  border-radius: var(--public-radius-control);
}

:root :is(.mantine-Menu-dropdown, .mantine-Popover-dropdown) {
  border-radius: var(--public-radius-panel);
}

html:has([data-public-page] main form:focus-within, [data-inquiry-errors]:focus) {
  scroll-padding-block-start: calc(var(--public-header-expanded) + var(--mantine-spacing-xl));
}

@media (max-width: 56em) {
  html:has([data-public-page] main form:focus-within, [data-inquiry-errors]:focus) {
    scroll-padding-block-start: calc(var(--public-mobile-header-height) + var(--mantine-spacing-xl));
  }

  html:has([data-public-page]) {
    scroll-padding-block-end: calc(var(--public-mobile-navigation-height) + env(safe-area-inset-bottom) + var(--mantine-spacing-xl));
  }

  [data-public-page] {
    --public-header-expanded: var(--public-mobile-header-height);
    --public-header-compact: var(--public-mobile-header-height);
    --public-header-reveal-depth: 0px;
  }
}

html {
  scrollbar-gutter: stable;
  min-height: 100%;
}

body {
  background: var(--mantine-color-gray-0);
  min-height: 100%;
  color: var(--mantine-color-dark-9);
  font-family: var(--mantine-font-family);
  margin: 0;
}

img[data-public-brand-logo] {
  inline-size: auto;
  min-inline-size: 0;
  max-inline-size: min(100%, var(--public-brand-logo-max-inline));
  block-size: var(--public-brand-logo-min-block);
  block-size: clamp(var(--public-brand-logo-min-block), calc(var(--public-brand-logo-area-side) / sqrt(var(--public-brand-logo-ratio))), var(--public-brand-logo-max-block));
  object-fit: contain;
  object-position: left center;
}

[data-public-availability-badge] {
  white-space: nowrap;
  max-inline-size: 100%;
  padding: var(--public-space-hair) var(--mantine-spacing-sm);
  border-radius: var(--public-radius-pill);
  corner-shape: squircle;
  color: var(--mantine-color-white);
  font-size: var(--mantine-font-size-xs);
  border: 0;
  font-weight: 700;
  line-height: 1.2;
}

[data-public-availability-badge][data-item-availability="in-stock"] {
  background: var(--public-in-stock-background);
  color: var(--public-in-stock-color);
}

[data-public-availability-badge]:is([data-item-availability="available-to-order"], [data-item-availability="unknown"]) {
  background: var(--mantine-color-blue-7);
}

[data-public-availability-badge][data-item-availability="discontinued"] {
  background: var(--mantine-color-red-9);
}

[data-public-availability-badge][data-item-availability="unavailable"] {
  background: var(--mantine-color-gray-7);
}

/* [project]/apps/public-portal/src/features/shell/publicErrorRecovery.module.css [app-client] (css) */
.publicErrorRecovery-module__8oCbQq__standalone {
  min-block-size: 100dvh;
  display: grid;
}

.publicErrorRecovery-module__8oCbQq__page {
  min-block-size: min(42rem, 72dvh);
  padding: var(--public-section-space) var(--public-gutter);
  color: var(--mantine-color-dark-9);
  align-items: center;
  display: grid;
  position: relative;
}

.publicErrorRecovery-module__8oCbQq__standalone .publicErrorRecovery-module__8oCbQq__page {
  min-block-size: 100dvh;
}

.publicErrorRecovery-module__8oCbQq__panel {
  isolation: isolate;
  justify-items: start;
  gap: var(--mantine-spacing-lg);
  inline-size: min(100%, var(--public-reading-max));
  padding-block: var(--mantine-spacing-xl);
  margin-inline: auto;
  display: grid;
  position: relative;
}

.publicErrorRecovery-module__8oCbQq__panel > :not(.publicErrorRecovery-module__8oCbQq__number) {
  z-index: 1;
  position: relative;
}

.publicErrorRecovery-module__8oCbQq__number {
  z-index: 0;
  color: var(--mantine-color-blue-1);
  letter-spacing: -.08em;
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: clamp(10rem, 32vw, 27rem);
  font-weight: 800;
  line-height: .75;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
}

.publicErrorRecovery-module__8oCbQq__visuallyHidden {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  block-size: 1px;
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute !important;
}

.publicErrorRecovery-module__8oCbQq__panel h1 {
  text-wrap: balance;
  max-inline-size: 14ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.12;
}

.publicErrorRecovery-module__8oCbQq__message {
  max-inline-size: 48ch;
  color: var(--mantine-color-gray-7);
  font-size: var(--mantine-font-size-lg);
  text-wrap: pretty;
  margin: 0;
  line-height: 1.5;
}

.publicErrorRecovery-module__8oCbQq__countdown {
  min-block-size: 1.5em;
  color: var(--mantine-color-gray-7);
  font-size: var(--mantine-font-size-sm);
  margin: 0;
}

.publicErrorRecovery-module__8oCbQq__countdown:empty {
  display: none;
}

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

.publicErrorRecovery-module__8oCbQq__primaryAction, .publicErrorRecovery-module__8oCbQq__secondaryAction {
  min-block-size: var(--public-touch-target);
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.publicErrorRecovery-module__8oCbQq__primaryAction {
  --public-control-background: var(--mantine-primary-color-filled);
  padding-inline: var(--mantine-spacing-lg);
  border-radius: var(--public-radius-control);
  corner-shape: squircle;
  background: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
  border: 0;
  font-weight: 700;
}

.publicErrorRecovery-module__8oCbQq__secondaryAction {
  color: var(--mantine-primary-color-filled);
  text-underline-offset: .25em;
}

.publicErrorRecovery-module__8oCbQq__primaryAction:focus-visible, .publicErrorRecovery-module__8oCbQq__secondaryAction:focus-visible {
  outline: var(--public-focus-width) solid var(--mantine-primary-color-filled);
  outline-offset: var(--public-focus-offset);
}

@media (max-width: 40em) {
  .publicErrorRecovery-module__8oCbQq__page {
    min-block-size: min(35rem, 72dvh);
  }

  .publicErrorRecovery-module__8oCbQq__number {
    font-size: clamp(10rem, 50vw, 16rem);
    inset-block-start: 0;
    transform: none;
  }
}

@media (forced-colors: active) {
  .publicErrorRecovery-module__8oCbQq__number {
    color: canvastext;
    opacity: .12;
  }
}

/*# sourceMappingURL=_0aez1518-8low._.css.map*/