@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}

@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-neutral-50: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a3a3a3;
    --color-neutral-500: #737373;
    --color-neutral-600: #525252;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-neutral-900: #171717;
    --color-neutral-950: oklch(14.5% 0 0);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1/0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25/0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-md: 12px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16/9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-50: #faf5ff;
    --color-primary-100: #f3e8ff;
    --color-primary-200: #e9d5ff;
    --color-primary-300: #d8b4fe;
    --color-primary-400: #c084fc;
    --color-primary-500: #824eeb;
    --color-primary-600: #7239d6;
    --color-primary-700: #5e2db8;
    --color-primary-800: #4a2493;
    --color-primary-900: #3b1e75;
    --color-accent-50: #fffcf0;
    --color-accent-100: #fff8db;
    --color-accent-200: #ffefb3;
    --color-accent-300: #ffe380;
    --color-accent-400: #ffd44d;
    --color-accent-500: #f3bb2f;
    --color-accent-600: #d99f15;
    --color-accent-700: #b8820f;
    --color-accent-800: #946814;
    --color-accent-900: #7a5614;
    --color-secondary-50: #fef3f2;
    --color-secondary-100: #fee4e2;
    --color-secondary-200: #fecdca;
    --color-secondary-300: #fda29b;
    --color-secondary-400: #f97066;
    --color-secondary-500: #f04438;
    --color-secondary-600: #d92d20;
    --color-secondary-700: #b42318;
    --color-secondary-800: #912018;
    --color-secondary-900: #7a271a;
  }
}

@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b,
  strong {
    font-weight: bolder;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  .appeal-template {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol,
  ul,
  menu {
    list-style: none;
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or
    (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }

    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }

      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  body {
    color: #171717;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fafafa;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 600;
  }
}

@layer components {
  .btn-primary {
    color: #fff;
    background-color: #824eeb;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.15s;
    box-shadow: 0 1px 2px #0000000d;
  }

  .btn-primary:hover {
    background-color: #7239d6;
    box-shadow: 0 1px 3px #0000001a;
  }

  .btn-primary:active {
    background-color: #5e2db8;
  }

  .btn-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .btn-secondary {
    color: #171717;
    background-color: #f5f5f5;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.15s;
  }

  .btn-secondary:hover {
    background-color: #e5e5e5;
  }

  .btn-secondary:active {
    background-color: #d4d4d4;
  }

  .input-field {
    color: #171717;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    width: 100%;
    padding: 0.75rem 1rem;
    transition: all 0.15s;
    display: block;
  }

  .input-field::-moz-placeholder {
    color: #a3a3a3;
  }

  .input-field::placeholder {
    color: #a3a3a3;
  }

  .input-field:focus {
    border-color: #c084fc;
    outline: none;
    box-shadow:
      0 0 0 3px #824eeb26,
      0 1px 2px #0000000d;
  }

  .card {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px #0000000d;
  }

  .card-hover {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 0.75rem;
    transition: box-shadow 0.2s;
    box-shadow: 0 1px 2px #0000000d;
  }

  .card-hover:hover {
    box-shadow: 0 4px 6px -1px #0000001a;
  }

  .btn-danger {
    color: #fff;
    background-color: #f04438;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.15s;
    box-shadow: 0 1px 2px #0000000d;
  }

  .btn-danger:hover {
    background-color: #d92d20;
    box-shadow: 0 1px 3px #0000001a;
  }

  .btn-danger:active {
    background-color: #b42318;
  }

  .btn-danger:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .btn-ghost {
    color: #404040;
    background-color: #0000;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.15s;
  }

  .btn-ghost:hover {
    background-color: #f5f5f5;
  }

  .btn-ghost:active {
    background-color: #e5e5e5;
  }

  .btn-ghost:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .btn-sm {
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
  }

  .btn-md {
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
  }

  .btn-lg {
    padding: 1rem 2rem;
    font-size: 1rem;
  }

  .badge {
    border-radius: 9999px;
    align-items: center;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-flex;
  }

  .badge-primary {
    color: #5e2db8;
    background-color: #f3e8ff;
  }

  .badge-success {
    color: #5e2db8;
    background-color: #faf5ff;
  }

  .badge-warning {
    color: #946814;
    background-color: #fff8db;
  }

  .badge-danger {
    color: #b42318;
    background-color: #fee4e2;
  }

  .badge-neutral {
    color: #404040;
    background-color: #e5e5e5;
  }

  .alert {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }

  .alert-error {
    color: #b42318;
    background-color: #fef3f2;
    border: 1px solid #fecdca;
  }

  .alert-success {
    color: #5e2db8;
    background-color: #faf5ff;
    border: 1px solid #e9d5ff;
  }

  .alert-info {
    color: #946814;
    background-color: #fffcf0;
    border: 1px solid #ffefb3;
  }

  .status-dot {
    border-radius: 9999px;
    width: 0.5rem;
    height: 0.5rem;
  }

  .status-dot-active {
    background-color: #824eeb;
  }

  .status-dot-inactive {
    background-color: #f04438;
  }

  .page-shell {
    background-color: var(--color-neutral-50);
    min-height: 100vh;
  }

  .page-center {
    background-color: var(--color-neutral-50);
    min-height: 100vh;
    padding-inline: calc(var(--spacing) * 4);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-neutral-200);
    background-color: var(--color-white);
  }

  .page-header-inner {
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 10);
    margin-inline: auto;
  }

  @media (min-width: 40rem) {
    .page-header-inner {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .page-header-inner {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  .page-main {
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 10);
    margin-inline: auto;
  }

  @media (min-width: 40rem) {
    .page-main {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .page-main {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  .product-page-main {
    max-width: none;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
  }

  .product-page-split {
    min-height: 100vh;
  }

  @media (min-width: 64rem) {
    .product-page-split {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      display: grid;
    }
  }

  .product-page-left {
    background-color: var(--color-neutral-100);
  }

  @media (min-width: 64rem) {
    .product-page-left {
      grid-column: span 7 / span 7;
    }
  }

  .product-page-right {
    background-color: var(--color-white);
  }

  @media (min-width: 64rem) {
    .product-page-right {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: var(--color-neutral-200);
      grid-column: span 5 / span 5;
    }
  }

  .product-page-column {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 8);
  }

  @media (min-width: 40rem) {
    .product-page-column {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .product-page-column {
      padding-inline: calc(var(--spacing) * 12);
      padding-block: calc(var(--spacing) * 12);
    }
  }

  :where(.section-stack > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  .product-hero {
    max-width: var(--container-2xl);
  }

  .product-hero-image {
    aspect-ratio: var(--aspect-video);
    border-radius: var(--radius-xl);
    background-color: var(--color-white);
    width: 100%;
    overflow: hidden;
    box-shadow:
      0 1px 3px #00000014,
      0 8px 20px #0000000a;
  }

  .product-hero-carousel {
    border-radius: var(--radius-xl);
    background-color: var(--color-white);
    width: 100%;
    overflow: visible;
    box-shadow:
      0 1px 3px #00000014,
      0 8px 20px #0000000a;
  }

  .product-hero-image-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .product-hero-content {
    margin-top: calc(var(--spacing) * 8);
  }

  :where(.product-hero-content > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  .product-hero-title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-neutral-900);
  }

  @media (min-width: 40rem) {
    .product-hero-title {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  .product-hero-seller {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-neutral-500);
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    text-decoration-line: none;
    display: inline-block;
  }

  @media (hover: hover) {
    .product-hero-seller:hover {
      color: var(--color-primary-600);
    }
  }

  .product-hero-description {
    margin-top: calc(var(--spacing) * 6);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-neutral-600);
  }

  .product-hero-description p {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .product-hero-description p:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  :where(.checkout-sticky > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  @media (min-width: 64rem) {
    .checkout-sticky {
      top: calc(var(--spacing) * 8);
      position: sticky;
    }
  }

  .checkout-panel {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
  }

  @media (min-width: 40rem) {
    .checkout-panel {
      padding: calc(var(--spacing) * 8);
    }
  }

  .checkout-panel {
    box-shadow: 0 1px 3px #0000000a;
  }

  :where(.checkout-header > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  .checkout-product-name {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-neutral-900);
  }

  .checkout-price-row {
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .checkout-price {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-neutral-900);
  }

  .checkout-original-price {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-neutral-400);
    text-decoration-line: line-through;
  }

  .checkout-file-count {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-neutral-500);
  }

  .checkout-divider {
    margin-block: calc(var(--spacing) * 6);
    background-color: var(--color-neutral-200);
    height: 1px;
  }

  :where(.checkout-form > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  .checkout-discount-input {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .checkout-discount-applied {
    border-radius: var(--radius-lg);
    background-color: var(--color-primary-50);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .checkout-discount-header {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .checkout-discount-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-700);
  }

  .checkout-discount-remove {
    cursor: pointer;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-primary-600);
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .checkout-discount-remove:hover {
      color: var(--color-primary-800);
    }
  }

  .checkout-discount-amount {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-700);
  }

  .product-page-footer {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-neutral-400);
  }

  .product-page-footer-brand {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-neutral-500);
  }

  .header-meta {
    margin-top: calc(var(--spacing) * 4);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    flex-wrap: wrap;
    display: flex;
  }

  .checkout-grid {
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .checkout-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .label-text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-neutral-500);
    text-transform: uppercase;
  }
}

@layer utilities {
  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-20 {
    top: calc(var(--spacing) * -20);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-20 {
    right: calc(var(--spacing) * -20);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\/3 {
    right: 33.3333%;
  }

  .right-1\/4 {
    right: 25%;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-1\/3 {
    left: 33.3333%;
  }

  .left-1\/4 {
    left: 25%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .z-10 {
    z-index: 10;
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-\[520px\] {
    height: 520px;
  }

  .h-\[600px\] {
    height: 600px;
  }

  .h-\[700px\] {
    height: 700px;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-\[75vh\] {
    min-height: 75vh;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[700px\] {
    width: 700px;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0_0_100\%\] {
    flex: 0 0 100%;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  .gap-x-8 {
    -moz-column-gap: calc(var(--spacing) * 8);
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-16 {
    -moz-column-gap: calc(var(--spacing) * 16);
    column-gap: calc(var(--spacing) * 16);
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))
    );
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
    );
  }

  :where(.space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 8) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))
    );
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-neutral-100 > :not(:last-child)) {
    border-color: var(--color-neutral-100);
  }

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

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: 0.25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-accent-200 {
    border-color: var(--color-accent-200);
  }

  .border-accent-500 {
    border-color: var(--color-accent-500);
  }

  .border-accent-500\/50 {
    border-color: #f3bb2f80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-500\/50 {
      border-color: color-mix(
        in oklab,
        var(--color-accent-500) 50%,
        transparent
      );
    }
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }

  .border-neutral-100 {
    border-color: var(--color-neutral-100);
  }

  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }

  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }

  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }

  .border-neutral-700\/30 {
    border-color: #4040404d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-700\/30 {
      border-color: color-mix(
        in oklab,
        var(--color-neutral-700) 30%,
        transparent
      );
    }
  }

  .border-neutral-700\/50 {
    border-color: #40404080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-700\/50 {
      border-color: color-mix(
        in oklab,
        var(--color-neutral-700) 50%,
        transparent
      );
    }
  }

  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }

  .border-neutral-800\/50 {
    border-color: #26262680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-800\/50 {
      border-color: color-mix(
        in oklab,
        var(--color-neutral-800) 50%,
        transparent
      );
    }
  }

  .border-neutral-800\/60 {
    border-color: #26262699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-800\/60 {
      border-color: color-mix(
        in oklab,
        var(--color-neutral-800) 60%,
        transparent
      );
    }
  }

  .border-neutral-900\/40 {
    border-color: #17171766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-900\/40 {
      border-color: color-mix(
        in oklab,
        var(--color-neutral-900) 40%,
        transparent
      );
    }
  }

  .border-primary-100 {
    border-color: var(--color-primary-100);
  }

  .border-primary-200 {
    border-color: var(--color-primary-200);
  }

  .border-primary-400 {
    border-color: var(--color-primary-400);
  }

  .border-primary-500 {
    border-color: var(--color-primary-500);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-secondary-200 {
    border-color: var(--color-secondary-200);
  }

  .border-secondary-300 {
    border-color: var(--color-secondary-300);
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-\[\#25D366\] {
    background-color: #25d366;
  }

  .bg-accent-50 {
    background-color: var(--color-accent-50);
  }

  .bg-accent-100 {
    background-color: var(--color-accent-100);
  }

  .bg-accent-200 {
    background-color: var(--color-accent-200);
  }

  .bg-accent-500 {
    background-color: var(--color-accent-500);
  }

  .bg-accent-500\/5 {
    background-color: #f3bb2f0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-500\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-accent-500) 5%,
        transparent
      );
    }
  }

  .bg-accent-500\/10 {
    background-color: #f3bb2f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-500\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-accent-500) 10%,
        transparent
      );
    }
  }

  .bg-accent-500\/15 {
    background-color: #f3bb2f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-500\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-accent-500) 15%,
        transparent
      );
    }
  }

  .bg-accent-500\/20 {
    background-color: #f3bb2f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-accent-500) 20%,
        transparent
      );
    }
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }

  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }

  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }

  .bg-neutral-700 {
    background-color: var(--color-neutral-700);
  }

  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }

  .bg-neutral-800\/50 {
    background-color: #26262680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-800\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-neutral-800) 50%,
        transparent
      );
    }
  }

  .bg-neutral-800\/60 {
    background-color: #26262699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-800\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-neutral-800) 60%,
        transparent
      );
    }
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-neutral-900\/40 {
    background-color: #17171766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-neutral-900) 40%,
        transparent
      );
    }
  }

  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }

  .bg-neutral-950\/70 {
    background-color: #0a0a0ab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-neutral-950) 70%,
        transparent
      );
    }
  }

  .bg-neutral-950\/80 {
    background-color: #0a0a0acc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/80 {
      background-color: color-mix(
        in oklab,
        var(--color-neutral-950) 80%,
        transparent
      );
    }
  }

  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }

  .bg-primary-50\/40 {
    background-color: #faf5ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-50\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-primary-50) 40%,
        transparent
      );
    }
  }

  .bg-primary-100 {
    background-color: var(--color-primary-100);
  }

  .bg-primary-200 {
    background-color: var(--color-primary-200);
  }

  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }

  .bg-primary-500\/5 {
    background-color: #824eeb0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-primary-500) 5%,
        transparent
      );
    }
  }

  .bg-primary-500\/10 {
    background-color: #824eeb1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-primary-500) 10%,
        transparent
      );
    }
  }

  .bg-primary-500\/15 {
    background-color: #824eeb26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-primary-500) 15%,
        transparent
      );
    }
  }

  .bg-primary-500\/20 {
    background-color: #824eeb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-primary-500) 20%,
        transparent
      );
    }
  }

  .bg-primary-600 {
    background-color: var(--color-primary-600);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }

  .bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }

  .bg-secondary-200 {
    background-color: var(--color-secondary-200);
  }

  .bg-secondary-500 {
    background-color: var(--color-secondary-500);
  }

  .bg-secondary-500\/10 {
    background-color: #f044381a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary-500\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-secondary-500) 10%,
        transparent
      );
    }
  }

  .bg-secondary-500\/20 {
    background-color: #f0443833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-secondary-500) 20%,
        transparent
      );
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/75 {
    background-color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 75%,
        transparent
      );
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 80%,
        transparent
      );
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 90%,
        transparent
      );
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-accent-50 {
    --tw-gradient-from: var(--color-accent-50);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-accent-100 {
    --tw-gradient-from: var(--color-accent-100);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-accent-400 {
    --tw-gradient-from: var(--color-accent-400);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-accent-500 {
    --tw-gradient-from: var(--color-accent-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-neutral-600 {
    --tw-gradient-from: var(--color-neutral-600);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-primary-50 {
    --tw-gradient-from: var(--color-primary-50);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-primary-100 {
    --tw-gradient-from: var(--color-primary-100);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-primary-400 {
    --tw-gradient-from: var(--color-primary-400);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-primary-500 {
    --tw-gradient-from: var(--color-primary-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-primary-500\/5 {
    --tw-gradient-from: #824eeb0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary-500\/5 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-primary-500) 5%,
        transparent
      );
    }
  }

  .from-primary-500\/5 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-primary-500\/10 {
    --tw-gradient-from: #824eeb1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary-500\/10 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-primary-500) 10%,
        transparent
      );
    }
  }

  .from-primary-500\/10 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-secondary-50 {
    --tw-gradient-from: var(--color-secondary-50);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-secondary-500 {
    --tw-gradient-from: var(--color-secondary-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .via-neutral-900 {
    --tw-gradient-via: var(--color-neutral-900);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-primary-400 {
    --tw-gradient-via: var(--color-primary-400);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-accent-50 {
    --tw-gradient-to: var(--color-accent-50);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-accent-100 {
    --tw-gradient-to: var(--color-accent-100);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-accent-200 {
    --tw-gradient-to: var(--color-accent-200);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-accent-400 {
    --tw-gradient-to: var(--color-accent-400);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-accent-500\/5 {
    --tw-gradient-to: #f3bb2f0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent-500\/5 {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-accent-500) 5%,
        transparent
      );
    }
  }

  .to-accent-500\/5 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-accent-500\/10 {
    --tw-gradient-to: #f3bb2f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-accent-500\/10 {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-accent-500) 10%,
        transparent
      );
    }
  }

  .to-accent-500\/10 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-neutral-600 {
    --tw-gradient-to: var(--color-neutral-600);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-primary-100 {
    --tw-gradient-to: var(--color-primary-100);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-primary-200 {
    --tw-gradient-to: var(--color-primary-200);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-primary-400 {
    --tw-gradient-to: var(--color-primary-400);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-primary-500 {
    --tw-gradient-to: var(--color-primary-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-secondary-100 {
    --tw-gradient-to: var(--color-secondary-100);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-secondary-400 {
    --tw-gradient-to: var(--color-secondary-400);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[37px\] {
    padding-inline: 37px;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-accent-300 {
    color: var(--color-accent-300);
  }

  .text-accent-400 {
    color: var(--color-accent-400);
  }

  .text-accent-500 {
    color: var(--color-accent-500);
  }

  .text-accent-600 {
    color: var(--color-accent-600);
  }

  .text-accent-700 {
    color: var(--color-accent-700);
  }

  .text-accent-800 {
    color: var(--color-accent-800);
  }

  .text-accent-900 {
    color: var(--color-accent-900);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-current\/70 {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/70 {
      color: color-mix(in oklab, currentcolor 70%, transparent);
    }
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-neutral-200 {
    color: var(--color-neutral-200);
  }

  .text-neutral-300 {
    color: var(--color-neutral-300);
  }

  .text-neutral-400 {
    color: var(--color-neutral-400);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-neutral-800 {
    color: var(--color-neutral-800);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-primary-400 {
    color: var(--color-primary-400);
  }

  .text-primary-500 {
    color: var(--color-primary-500);
  }

  .text-primary-600 {
    color: var(--color-primary-600);
  }

  .text-primary-700 {
    color: var(--color-primary-700);
  }

  .text-primary-800 {
    color: var(--color-primary-800);
  }

  .text-primary-900 {
    color: var(--color-primary-900);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-secondary-400 {
    color: var(--color-secondary-400);
  }

  .text-secondary-500 {
    color: var(--color-secondary-500);
  }

  .text-secondary-600 {
    color: var(--color-secondary-600);
  }

  .text-secondary-700 {
    color: var(--color-secondary-700);
  }

  .text-secondary-800 {
    color: var(--color-secondary-800);
  }

  .text-secondary-900 {
    color: var(--color-secondary-900);
  }

  .text-transparent {
    color: #0000;
  }

  .text-white {
    color: var(--color-white);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-neutral-700 {
    text-decoration-color: var(--color-neutral-700);
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: 0.25;
  }

  .opacity-50 {
    opacity: 0.5;
  }

  .opacity-60 {
    opacity: 0.6;
  }

  .opacity-75 {
    opacity: 0.75;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-\[0_0_0_2px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_2px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #00000073);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow:
      0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-white\/10 {
    --tw-shadow-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-white\/10 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, var(--color-white) 10%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }

  .ring-primary-400 {
    --tw-ring-color: var(--color-primary-400);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }

  .transition {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
      translate, scale, rotate, filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\,opacity\] {
    transition-property: max-height, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }

  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:border-accent-500:hover {
      border-color: var(--color-accent-500);
    }

    .hover\:border-neutral-400:hover {
      border-color: var(--color-neutral-400);
    }

    .hover\:border-primary-500:hover {
      border-color: var(--color-primary-500);
    }

    .hover\:border-secondary-300:hover {
      border-color: var(--color-secondary-300);
    }

    .hover\:bg-\[\#128C7E\]:hover {
      background-color: #128c7e;
    }

    .hover\:bg-neutral-50:hover {
      background-color: var(--color-neutral-50);
    }

    .hover\:bg-neutral-100:hover {
      background-color: var(--color-neutral-100);
    }

    .hover\:bg-neutral-600:hover {
      background-color: var(--color-neutral-600);
    }

    .hover\:bg-neutral-700:hover {
      background-color: var(--color-neutral-700);
    }

    .hover\:bg-primary-400:hover {
      background-color: var(--color-primary-400);
    }

    .hover\:bg-primary-600:hover {
      background-color: var(--color-primary-600);
    }

    .hover\:bg-secondary-50:hover {
      background-color: var(--color-secondary-50);
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:text-current:hover {
      color: currentColor;
    }

    .hover\:text-neutral-600:hover {
      color: var(--color-neutral-600);
    }

    .hover\:text-neutral-700:hover {
      color: var(--color-neutral-700);
    }

    .hover\:text-neutral-800:hover {
      color: var(--color-neutral-800);
    }

    .hover\:text-neutral-900:hover {
      color: var(--color-neutral-900);
    }

    .hover\:text-primary-300:hover {
      color: var(--color-primary-300);
    }

    .hover\:text-primary-600:hover {
      color: var(--color-primary-600);
    }

    .hover\:text-primary-700:hover {
      color: var(--color-primary-700);
    }

    .hover\:text-secondary-600:hover {
      color: var(--color-secondary-600);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-neutral-500:hover {
      text-decoration-color: var(--color-neutral-500);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow:
        0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --tw-shadow:
        0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-primary-500\/30:hover {
      --tw-shadow-color: #824eeb4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-primary-500\/30:hover {
        --tw-shadow-color: color-mix(
          in oklab,
          color-mix(in oklab, var(--color-primary-500) 30%, transparent)
            var(--tw-shadow-alpha),
          transparent
        );
      }
    }
  }

  .focus\:bg-neutral-100:focus {
    background-color: var(--color-neutral-100);
  }

  .focus\:bg-primary-600:focus {
    background-color: var(--color-primary-600);
  }

  .focus\:ring-secondary-500:focus {
    --tw-ring-color: var(--color-secondary-500);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:table-cell {
      display: table-cell;
    }

    .sm\:max-w-\[180px\] {
      max-width: 180px;
    }

    .sm\:max-w-\[260px\] {
      max-width: 260px;
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline-block {
      display: inline-block;
    }

    .md\:table-cell {
      display: table-cell;
    }

    .md\:max-w-\[320px\] {
      max-width: 320px;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }

    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .md\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:table-cell {
      display: table-cell;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .lg\:text-9xl {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }
  }

  .\[\&_\.bn-container\]\:min-h-\[120px\] .bn-container {
    min-height: 120px;
  }

  .\[\&_\.bn-editor\]\:min-h-\[100px\] .bn-editor {
    min-height: 100px;
  }

  .\[\&_\.bn-editor\]\:max-w-none .bn-editor {
    max-width: none;
  }

  .\[\&_\.bn-editor\]\:p-3 .bn-editor {
    padding: calc(var(--spacing) * 3);
  }

  .\[\&_pre\]\:text-neutral-100 pre,
  .\[\&_pre_code\]\:text-neutral-100 pre code {
    color: var(--color-neutral-100);
  }
}

.bn-editor .bn-block-group,
.bn-editor .bn-block-outer,
.bn-editor .bn-block,
.bn-editor .bn-block-content,
.bn-editor [data-node-type="blockContainer"],
.bn-editor [data-content-type] {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.bn-editor .bn-inline-content,
.bn-editor p.bn-inline-content {
  margin: 0 !important;
  padding: 0 !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}

@property --tw-tracking {
  syntax: "*";
  inherits: false;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-duration {
  syntax: "*";
  inherits: false;
}

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

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  src:
    local(""),
    url(/assets/inter-v12-latin-100-BQDzDElq.woff2) format("woff2"),
    url(/assets/inter-v12-latin-100-46Mq0mOp.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  src:
    local(""),
    url(/assets/inter-v12-latin-200-BxfrU12A.woff2) format("woff2"),
    url(/assets/inter-v12-latin-200-DXfqWPZg.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  src:
    local(""),
    url(/assets/inter-v12-latin-300-DEbyFmpd.woff2) format("woff2"),
    url(/assets/inter-v12-latin-300-f7r92Nkj.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src:
    local(""),
    url(/assets/inter-v12-latin-regular-YtgfLPRn.woff2) format("woff2"),
    url(/assets/inter-v12-latin-regular-CahmJf_6.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src:
    local(""),
    url(/assets/inter-v12-latin-500-DfX5FI9E.woff2) format("woff2"),
    url(/assets/inter-v12-latin-500-BQ2gQN_M.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src:
    local(""),
    url(/assets/inter-v12-latin-600-BvOeHRLc.woff2) format("woff2"),
    url(/assets/inter-v12-latin-600-D01NXWOK.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src:
    local(""),
    url(/assets/inter-v12-latin-700-Bj1B9WKG.woff2) format("woff2"),
    url(/assets/inter-v12-latin-700-B5TOIllR.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  src:
    local(""),
    url(/assets/inter-v12-latin-800-Bdy4lAMa.woff2) format("woff2"),
    url(/assets/inter-v12-latin-800-DFVvDWwT.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  src:
    local(""),
    url(/assets/inter-v12-latin-900-CMga-52B.woff2) format("woff2"),
    url(/assets/inter-v12-latin-900-ORHAl5ZU.woff) format("woff");
}

.m_d57069b5 {
  --scrollarea-scrollbar-size: 12px;
  position: relative;
  overflow: hidden;
}

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

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

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

.m_c0783ff9:where([data-scrollbars="xy"], [data-scrollbars="y"]):where(
    [data-offset-scrollbars="xy"],
    [data-offset-scrollbars="y"],
    [data-offset-scrollbars="present"]
  ):where([data-vertical-hidden]) {
  padding-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 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition:
    background-color 0.15s ease,
    opacity 0.15s 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: #00000080;
  }

  :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: #ffffff80;
  }
}

@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: #00000080;
  }

  :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: #ffffff80;
  }
}

.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 0.15s 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: 44px;
  min-height: 44px;
}

:where([data-mantine-color-scheme="light"]) .m_d8b5e363 {
  background-color: #0006;
}

:where([data-mantine-color-scheme="dark"]) .m_d8b5e363 {
  background-color: #fff6;
}

.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 0.15s 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_b1336c6 {
  min-width: 100%;
}

.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 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: 1px;
  width: 1px;
  margin: -1px;
  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_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_86a44da5 {
  --cb-size-xs: 18px;
  --cb-size-sm: 22px;
  --cb-size-md: 28px;
  --cb-size-lg: 34px;
  --cb-size-xl: 44px;
  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 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_5ae2e3c {
  --loader-size-xs: 18px;
  --loader-size-sm: 22px;
  --loader-size-md: 36px;
  --loader-size-lg: 44px;
  --loader-size-xl: 58px;
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}

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

  50%,
  to {
    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: 2px;
}

.m_870bb79:nth-of-type(1) {
  animation-delay: -0.24s;
}

.m_870bb79:nth-of-type(2) {
  animation-delay: -0.12s;
}

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

@keyframes m_aac34a1 {
  0%,
  to {
    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(0);
  }

  to {
    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: 10000px;
  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_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_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: 60px;
  transition: padding-inline-end 0.1s;
}

.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: 30px;
  --input-height-sm: 36px;
  --input-height-md: 42px;
  --input-height-lg: 50px;
  --input-height-xl: 60px;
  --input-padding-y-xs: 5px;
  --input-padding-y-sm: 6px;
  --input-padding-y-md: 8px;
  --input-padding-y-lg: 10px;
  --input-padding-y-xl: 13px;
  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);
  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(
    var(--input-height) - calc(0.125rem * var(--mantine-scale))
  );
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);
  --input-left-section-size: var(
    --input-left-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );
  --input-right-section-size: var(
    --input-right-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );
  --input-size: var(--input-height);
  --section-y: 1px;
  --left-section-start: 1px;
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
  --right-section-end: 1px;
  --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: 4.5px;
  --input-padding-y-sm: 5.5px;
  --input-padding-y-md: 7px;
  --input-padding-y-lg: 9.5px;
  --input-padding-y-xl: 13px;
  --input-size: auto;
  --input-line-height: var(--mantine-line-height);
}

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

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

.m_6c018570[data-size="xs"]
  .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: 41px;
}

.m_6c018570[data-size="sm"]
  .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: 50px;
}

.m_6c018570[data-size="md"]
  .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: 60px;
}

.m_6c018570[data-size="lg"]
  .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: 72px;
}

.m_6c018570[data-size="xl"]
  .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
  --input-padding-inline-end: 89px;
}

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

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

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

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

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

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

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

[data-mantine-color-scheme] .m_6c018570[data-error] {
  --input-color: var(--mantine-color-error);
  --input-placeholder-color: var(--mantine-color-error);
  --input-section-color: var(--mantine-color-error);
}

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

.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 0.1s 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-md)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}

.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) - calc(0.125rem * var(--mantine-scale)));
}

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

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

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

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

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

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

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

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

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

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

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

.m_6c018570[data-size="xs"]
  .m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
  --section-size: 41px;
}

.m_6c018570[data-size="sm"]
  .m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
  --section-size: 50px;
}

.m_6c018570[data-size="md"]
  .m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
  --section-size: 60px;
}

.m_6c018570[data-size="lg"]
  .m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
  --section-size: 72px;
}

.m_6c018570[data-size="xl"]
  .m_82577fc2[data-position="right"]:has([data-combined-clear-section]) {
  --section-size: 89px;
}

.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;
  overflow-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

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

.m_8f816625,
.m_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_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}

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

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

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

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

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

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

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

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

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

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

.m_df3ffa0f {
  color: inherit;
  font-weight: 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, 0.2s) 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(0);
}

.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 0.15s 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: 1px solid transparent;
  transition: background-color 0.15s 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_8d3f4000 {
  --ai-size-xs: 18px;
  --ai-size-sm: 22px;
  --ai-size-md: 28px;
  --ai-size-lg: 34px;
  --ai-size-xl: 44px;
  --ai-size-input-xs: 30px;
  --ai-size-input-sm: 36px;
  --ai-size-input-md: 42px;
  --ai-size-input-lg: 50px;
  --ai-size-input-xl: 60px;
  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  width: 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: 1px solid transparent;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}

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

.m_302b9fb1 {
  inset: -1px;
  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: #ffffff26;
}

:where([data-mantine-color-scheme="dark"]) .m_302b9fb1 {
  background-color: #00000026;
}

.m_1a0f1b21 {
  --ai-border-width: 1px;
  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 0.15s ease,
    opacity 0.1s ease;
  width: 100%;
  height: 100%;
}

.m_437b6484 {
  --section-height-xs: 18px;
  --section-height-sm: 22px;
  --section-height-md: 28px;
  --section-height-lg: 34px;
  --section-height-xl: 44px;
  --section-height-input-xs: 30px;
  --section-height-input-sm: 36px;
  --section-height-input-md: 42px;
  --section-height-input-lg: 50px;
  --section-height-input-xl: 60px;
  --section-padding-x-xs: 6px;
  --section-padding-x-sm: 8px;
  --section-padding-x-md: 10px;
  --section-padding-x-lg: 12px;
  --section-padding-x-xl: 16px;
  --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_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: 1px 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: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: 1px;
}

.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: 20px;
  height: 20px;
  color: var(--alert-color);
}

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

@media (hover: hover) {
  .m_849cf0da:where([data-underline="hover"]):hover {
    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_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}

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

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

.m_89ab340[data-resizing] {
  --app-shell-transition-duration: 0ms !important
;
}

.m_89ab340[data-disabled] {
  --app-shell-header-offset: 0rem !important;
  --app-shell-navbar-offset: 0rem !important;
  --app-shell-aside-offset: 0rem !important;
  --app-shell-footer-offset: 0rem !important
;
}

.m_89ab340[data-mode="static"] {
  display: grid;
  grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(
      --app-shell-aside-width,
      0
    );
  grid-template-rows: auto 1fr auto;
  position: relative;
  height: 100%;
  overflow: auto;
}

[data-mantine-color-scheme="light"] .m_89ab340 {
  --app-shell-border-color: var(--mantine-color-gray-3);
}

[data-mantine-color-scheme="dark"] .m_89ab340 {
  --app-shell-border-color: var(--mantine-color-dark-4);
}

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

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

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

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

:where([data-mode="static"][data-layout="alt"]) .m_45252eee,
:where([data-mode="static"][data-layout="alt"]) .m_9cdde9a {
  grid-row: var(
    --app-shell-navbar-grid-row-alt,
    var(--app-shell-navbar-grid-row, auto)
  );
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where([data-mode="static"][data-layout="alt"]) .m_3b16f56b,
:where([data-mode="static"][data-layout="alt"]) .m_3840c879 {
  margin-inline-start: 0rem;
  margin-inline-end: 0rem;
}

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

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

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

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

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

.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_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: 16px;
  --avatar-size-sm: 26px;
  --avatar-size-md: 38px;
  --avatar-size-lg: 56px;
  --avatar-size-xl: 84px;
  --avatar-size: var(--avatar-size-md);
  --avatar-radius: 1000px;
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: 1px solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  border-radius: 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 {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

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

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

.m_347db0ec {
  --badge-height-xs: 16px;
  --badge-height-sm: 18px;
  --badge-height-md: 20px;
  --badge-height-lg: 26px;
  --badge-height-xl: 32px;
  --badge-fz-xs: 9px;
  --badge-fz-sm: 10px;
  --badge-fz-md: 11px;
  --badge-fz-lg: 13px;
  --badge-fz-xl: 16px;
  --badge-padding-x-xs: 6px;
  --badge-padding-x-sm: 8px;
  --badge-padding-x-md: 10px;
  --badge-padding-x-lg: 12px;
  --badge-padding-x-xl: 16px;
  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: 1000px;
  --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: 1px;
  --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: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.25px;
  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: 2px;
  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_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}

.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_77c9d27d {
  --button-height-xs: 30px;
  --button-height-sm: 36px;
  --button-height-md: 42px;
  --button-height-lg: 50px;
  --button-height-xl: 60px;
  --button-height-compact-xs: 22px;
  --button-height-compact-sm: 26px;
  --button-height-compact-md: 30px;
  --button-height-compact-lg: 34px;
  --button-height-compact-xl: 40px;
  --button-padding-x-xs: 14px;
  --button-padding-x-sm: 18px;
  --button-padding-x-md: 22px;
  --button-padding-x-lg: 26px;
  --button-padding-x-xl: 32px;
  --button-padding-x-compact-xs: 7px;
  --button-padding-x-compact-sm: 8px;
  --button-padding-x-compact-md: 10px;
  --button-padding-x-compact-lg: 12px;
  --button-padding-x-compact-xl: 14px;
  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: 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: 1px solid transparent;
  transform: none;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}

.m_77c9d27d:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: -1px;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  transform: translateY(-100%);
  opacity: 0;
  filter: blur(12px);
  transition:
    transform 0.15s ease,
    opacity 0.1s ease;
}

:where([data-mantine-color-scheme="light"]) .m_77c9d27d:before {
  background-color: #ffffff26;
}

:where([data-mantine-color-scheme="dark"]) .m_77c9d27d:before {
  background-color: #00000026;
}

.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 0.15s ease,
    opacity 0.1s 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: 1px;
  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: 30px;
  --section-height-sm: 36px;
  --section-height-md: 42px;
  --section-height-lg: 50px;
  --section-height-xl: 60px;
  --section-height-compact-xs: 22px;
  --section-height-compact-sm: 26px;
  --section-height-compact-md: 30px;
  --section-height-compact-lg: 34px;
  --section-height-compact-xl: 40px;
  --section-padding-x-xs: 14px;
  --section-padding-x-sm: 18px;
  --section-padding-x-md: 22px;
  --section-padding-x-lg: 26px;
  --section-padding-x-xl: 32px;
  --section-padding-x-compact-xs: 7px;
  --section-padding-x-compact-sm: 8px;
  --section-padding-x-compact-md: 10px;
  --section-padding-x-compact-lg: 12px;
  --section-padding-x-compact-xl: 14px;
  --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_fea6bf1a {
  --burger-size-xs: 12px;
  --burger-size-sm: 18px;
  --burger-size-md: 24px;
  --burger-size-lg: 34px;
  --burger-size-xl: 42px;
  --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;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.m_d4fb9cad,
.m_d4fb9cad:before,
.m_d4fb9cad:after {
  display: block;
  width: var(--burger-size);
  height: var(--burger-line-size);
  background-color: var(--burger-color);
  outline: 1px solid transparent;
  transition-property: background-color, transform;
  transition-duration: var(--burger-transition-duration, 0.3s);
  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_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: 1px solid;
  border-bottom: 1px 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_bf2d988c {
  --checkbox-size-xs: 16px;
  --checkbox-size-sm: 20px;
  --checkbox-size-md: 24px;
  --checkbox-size-lg: 30px;
  --checkbox-size-xl: 36px;
  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

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

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

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

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

.m_26063560 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px 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 0.1s ease,
    background-color 0.1s 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;
  border-color: var(--mantine-color-disabled-border);
  background-color: var(--mantine-color-disabled);
}

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

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

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

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

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

.m_f59ffda3 {
  --chip-size-xs: 23px;
  --chip-size-sm: 28px;
  --chip-size-md: 32px;
  --chip-size-lg: 36px;
  --chip-size-xl: 40px;
  --chip-icon-size-xs: 9px;
  --chip-icon-size-sm: 12px;
  --chip-icon-size-md: 14px;
  --chip-icon-size-lg: 16px;
  --chip-icon-size-xl: 18px;
  --chip-padding-xs: 16px;
  --chip-padding-sm: 20px;
  --chip-padding-md: 24px;
  --chip-padding-lg: 28px;
  --chip-padding-xl: 32px;
  --chip-checked-padding-xs: 8.2px;
  --chip-checked-padding-sm: 10px;
  --chip-checked-padding-md: 11.7px;
  --chip-checked-padding-lg: 13.5px;
  --chip-checked-padding-xl: 15.7px;
  --chip-spacing-xs: 10px;
  --chip-spacing-sm: 12px;
  --chip-spacing-md: 16px;
  --chip-spacing-lg: 20px;
  --chip-spacing-xl: 22px;
  --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: 1px solid transparent;
}

.m_be049a53 {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  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: 1px solid transparent;
  color: var(--mantine-color-text);
}

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

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

:where([data-mantine-color-scheme="light"]) .m_3904c1af:not([data-disabled]) {
  background-color: 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: 1px 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: 2px;
}

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

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

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

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

.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: 14px;
  --ci-eye-dropper-icon-size-sm: 16px;
  --ci-eye-dropper-icon-size-md: 18px;
  --ci-eye-dropper-icon-size-lg: 20px;
  --ci-eye-dropper-icon-size-xl: 22px;
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}

.m_66a028b5 {
  --ci-button-size-xs: 22px;
  --ci-button-size-sm: 26px;
  --ci-button-size-md: 28px;
  --ci-button-size-lg: 32px;
  --ci-button-size-xl: 40px;
  --ci-button-size: var(--ci-button-size-sm);
  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}

.m_c5ccdcab {
  --ci-preview-size-xs: 16px;
  --ci-preview-size-sm: 18px;
  --ci-preview-size-md: 22px;
  --ci-preview-size-lg: 28px;
  --ci-preview-size-xl: 36px;
  --ci-preview-size: var(--ci-preview-size-sm);
}

.m_5ece2cd7 {
  padding: 8px;
}

.m_fee9c77 {
  --cp-width-xs: 180px;
  --cp-width-sm: 200px;
  --cp-width-md: 240px;
  --cp-width-lg: 280px;
  --cp-width-xl: 320px;
  --cp-preview-size-xs: 26px;
  --cp-preview-size-sm: 34px;
  --cp-preview-size-md: 42px;
  --cp-preview-size-lg: 50px;
  --cp-preview-size-xl: 54px;
  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;
  --cp-saturation-height-xs: 100px;
  --cp-saturation-height-sm: 110px;
  --cp-saturation-height-md: 120px;
  --cp-saturation-height-lg: 140px;
  --cp-saturation-height-xl: 160px;
  --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: 1px;
}

.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 #0009;
  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: 2px;
  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: 5px;
  margin-inline: -2px;
  display: flex;
  flex-wrap: wrap;
}

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

.m_202a296e {
  --cp-thumb-size-xs: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;
  -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: 8px;
  --cp-thumb-size-sm: 12px;
  --cp-thumb-size-md: 16px;
  --cp-thumb-size-lg: 20px;
  --cp-thumb-size-xl: 22px;
  --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: 6px;
}

.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_de3d2490 {
  --cs-size: 28px;
  --cs-radius: 1000px;
  -webkit-tap-highlight-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: 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:
    #0000001a 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
    #00000026 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}

.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: 8px 8px;
  background-position:
    0 0,
    0 4px,
    4px -4px,
    -4px 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_88b62a41 {
  --combobox-padding: 4px;
  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: 4px 8px;
  --combobox-option-padding-sm: 6px 10px;
  --combobox-option-padding-md: 8px 12px;
  --combobox-option-padding-lg: 10px 16px;
  --combobox-option-padding-xl: 14px 20px;
  --combobox-option-padding: var(--combobox-option-padding-sm);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m_858f94bd {
  border-bottom-width: 1px;
  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: 1px;
  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: 14px;
  --combobox-chevron-size-sm: 18px;
  --combobox-chevron-size-md: 20px;
  --combobox-chevron-size-lg: 24px;
  --combobox-chevron-size-xl: 28px;
  --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: 8px;
}

.m_390b5f4:where([data-reverse]) {
  justify-content: space-between;
}

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

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

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

.m_7485cace {
  --container-size-xs: 540px;
  --container-size-sm: 720px;
  --container-size-md: 960px;
  --container-size-lg: 1140px;
  --container-size-xl: 1320px;
  --container-size: var(--container-size-md);
}

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

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

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

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

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

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

.m_e2125a27 {
  --dialog-size-xs: 160px;
  --dialog-size-sm: 200px;
  --dialog-size-md: 340px;
  --dialog-size-lg: 400px;
  --dialog-size-xl: 500px;
  --dialog-size: var(--dialog-size-md);
  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: 50px;
}

.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: 1px;
  --divider-size-sm: 2px;
  --divider-size-md: 3px;
  --divider-size-lg: 4px;
  --divider-size-xl: 5px;
  --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: 1px;
  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: 1px;
  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: 320px;
  --drawer-size-sm: 380px;
  --drawer-size-md: 440px;
  --drawer-size-lg: 620px;
  --drawer-size-xl: 780px;
  --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: 1px 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: 1px 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_9e117634 {
  display: block;
  -o-object-fit: var(--image-object-fit, cover);
  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);
  }

  to {
    opacity: 0;
    transform: scale(2.8);
  }
}

.m_e5262200 {
  --indicator-size: 10px;
  --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 1s linear infinite;
}

.m_5f75b09e {
  --label-lh-xs: 16px;
  --label-lh-sm: 20px;
  --label-lh-md: 24px;
  --label-lh-lg: 30px;
  --label-lh-xl: 36px;
  --label-lh: var(--label-lh-sm);
}

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

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

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

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

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

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

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

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

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

.m_dc6f14e2 {
  --kbd-fz-xs: 10px;
  --kbd-fz-sm: 12px;
  --kbd-fz-md: 14px;
  --kbd-fz-lg: 16px;
  --kbd-fz-xl: 20px;
  --kbd-fz: var(--kbd-fz-sm);
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: 1px solid;
  border-bottom-width: 3px;
  unicode-bidi: embed;
  text-align: center;
  padding: 0.12em 0.45em;
}

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

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

.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  --list-marker-gap: var(--mantine-spacing-lg);
  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}

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

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

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

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

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

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

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

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

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

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

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

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

.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_dc9b7c9f {
  padding: 4px;
}

.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: 4px;
  margin-bottom: 4px;
  border-top: 1px 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;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

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

:where([data-mantine-color-scheme="light"])
  .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
  background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

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

.m_99ac2aa1:where([data-sub-menu-item]) {
  padding-inline-end: 5px;
}

.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_b85b0bed {
  transform: rotate(-90deg);
}

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

.m_9df02822 {
  --modal-size-xs: 320px;
  --modal-size-sm: 380px;
  --modal-size-md: 440px;
  --modal-size-lg: 620px;
  --modal-size-xl: 780px;
  --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_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);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (hover: hover) {
  :where([data-mantine-color-scheme="light"]) .m_f0824112:hover {
    background-color: 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 0.15s 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: 22px;
  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: 6px;
  top: var(--notification-radius);
  bottom: var(--notification-radius);
  inset-inline-start: 4px;
  border-radius: var(--notification-radius);
  background-color: var(--notification-color);
}

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

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

.m_a513464:where([data-with-icon]):before {
  display: none;
}

:where([data-mantine-color-scheme="light"])
  .m_a513464:where([data-with-border]) {
  border: 1px solid var(--mantine-color-gray-3);
}

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

.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: 28px;
  height: 28px;
  border-radius: 28px;
  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: 2px;
  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: 17px;
  --ni-right-section-width-sm: 24px;
  --ni-right-section-width-md: 27px;
  --ni-right-section-width-lg: 31px;
  --ni-right-section-width-xl: 34px;
}

.m_95e17d22 {
  --ni-chevron-size-xs: 10px;
  --ni-chevron-size-sm: 14px;
  --ni-chevron-size-md: 16px;
  --ni-chevron-size-lg: 18px;
  --ni-chevron-size-xl: 20px;
  --ni-chevron-size: var(--ni-chevron-size-sm);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}

.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(
    var(--input-radius) - calc(0.0625rem * var(--mantine-scale))
  );
  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(
    var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale))
  );
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}

.m_80b4b171:where(:disabled) {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.6;
  color: var(--mantine-color-disabled-color);
}

.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
  color: var(--mantine-color-error);
}

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

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

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

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

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

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

.m_4addd315 {
  --pagination-control-size-xs: 22px;
  --pagination-control-size-sm: 26px;
  --pagination-control-size-md: 32px;
  --pagination-control-size-lg: 38px;
  --pagination-control-size-xl: 44px;
  --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: 1px 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_7cda1cd6 {
  --pill-fz-xs: 10px;
  --pill-fz-sm: 12px;
  --pill-fz-md: 14px;
  --pill-fz-lg: 16px;
  --pill-fz-xl: 18px;
  --pill-height-xs: 18px;
  --pill-height-sm: 22px;
  --pill-height-md: 25px;
  --pill-height-lg: 28px;
  --pill-height-xl: 32px;
  --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;
  -moz-user-select: none;
  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-disabled);
}

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

:where([data-mantine-color-scheme="light"])
  .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
  background-color: var(--mantine-color-disabled);
}

.m_1e0e6180 {
  cursor: inherit;
  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: 6px;
  --pg-gap-sm: 8px;
  --pg-gap-md: 10px;
  --pg-gap-lg: 12px;
  --pg-gap-xl: 12px;
  --pg-gap: var(--pg-gap-sm);
  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_f61ca620 {
  --psi-button-size-xs: 22px;
  --psi-button-size-sm: 26px;
  --psi-button-size-md: 28px;
  --psi-button-size-lg: 32px;
  --psi-button-size-xl: 40px;
  --psi-icon-size-xs: 12px;
  --psi-icon-size-sm: 15px;
  --psi-icon-size-md: 17px;
  --psi-icon-size-lg: 19px;
  --psi-icon-size-xl: 21px;
  --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::-moz-placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

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

.m_f2d85dd2::-ms-reveal {
  display: none;
}

.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}

.m_b1072d44:disabled {
  display: none;
}

.m_45c4369d {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 100px;
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

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

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

.m_45c4369d:where([data-type="hidden"], [data-type="auto"]) {
  height: 1px;
  width: 1px;
  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_f1cb205a {
  --pin-input-size-xs: 30px;
  --pin-input-size-sm: 36px;
  --pin-input-size-md: 42px;
  --pin-input-size-lg: 50px;
  --pin-input-size-xl: 60px;
  --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;
  }

  to {
    background-position: 40px 0;
  }
}

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

  to {
    background-position: 0 40px;
  }
}

.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);
  --progress-size-xs: 3px;
  --progress-size-sm: 5px;
  --progress-size-md: 8px;
  --progress-size-lg: 12px;
  --progress-size-xl: 16px;
  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

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

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

.m_db6d6462:where([data-orientation="vertical"]) {
  height: auto;
  width: var(--progress-size);
  flex-direction: column-reverse;
}

.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: 20px 20px;
  transition: width var(--progress-transition-duration, 0.1s) ease;
}

.m_2242eb65:where([data-striped]) {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.m_2242eb65:where([data-animated]) {
  animation: m_81a374bd 1s linear infinite;
}

.m_2242eb65:where(:last-of-type) {
  border-radius: 0;
  border-start-end-radius: var(--progress-radius);
  border-end-end-radius: var(--progress-radius);
}

.m_2242eb65:where(:first-of-type) {
  border-radius: 0;
  border-start-start-radius: var(--progress-radius);
  border-end-start-radius: var(--progress-radius);
}

.m_db6d6462:where([data-orientation="vertical"]) .m_2242eb65 {
  width: 100%;
  height: var(--progress-section-size);
  transition: height var(--progress-transition-duration, 0.1s) ease;
}

.m_db6d6462:where([data-orientation="vertical"])
  .m_2242eb65:where([data-striped]) {
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.m_db6d6462:where([data-orientation="vertical"])
  .m_2242eb65:where([data-animated]) {
  animation: m_e0fb7a86 1s linear infinite;
}

.m_db6d6462:where([data-orientation="vertical"])
  .m_2242eb65:where(:last-of-type) {
  border-radius: 0;
  border-start-start-radius: var(--progress-radius);
  border-start-end-radius: var(--progress-radius);
}

.m_db6d6462:where([data-orientation="vertical"])
  .m_2242eb65:where(:first-of-type) {
  border-radius: 0;
  border-end-start-radius: var(--progress-radius);
  border-end-end-radius: var(--progress-radius);
}

.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(
    calc(var(--progress-size) * 0.65),
    calc(1.125rem * var(--mantine-scale))
  );
  line-height: 1;
  padding-inline: 4px;
}

.m_db6d6462:where([data-orientation="vertical"]) .m_91e40b74 {
  writing-mode: vertical-rl;
}

.m_f3f1af94 {
  --radio-size-xs: 16px;
  --radio-size-sm: 20px;
  --radio-size-md: 24px;
  --radio-size-lg: 30px;
  --radio-size-xl: 36px;
  --radio-size: var(--radio-size-sm);
  --radio-icon-size-xs: 6px;
  --radio-icon-size-sm: 8px;
  --radio-icon-size-md: 10px;
  --radio-icon-size-lg: 14px;
  --radio-icon-size-xl: 16px;
  --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 0.1s ease,
    transform 0.2s 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: 1px solid;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 0.1s;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

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

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

.m_8a3dbb89:checked {
  background-color: var(--radio-color, var(--mantine-primary-color-filled));
  border-color: var(--radio-color, var(--mantine-primary-color-filled));
}

.m_8a3dbb89:checked + .m_f3ed6b2b {
  --radio-icon-opacity: 1;
  --radio-icon-transform: scale(1);
}

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

.m_8a3dbb89:disabled + .m_f3ed6b2b {
  --radio-icon-color: var(--mantine-color-disabled-color);
}

.m_8a3dbb89:where([data-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: 14px;
  --rating-size-sm: 18px;
  --rating-size-md: 20px;
  --rating-size-lg: 28px;
  --rating-size-xl: 32px;
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.m_f8d312f2:where(:has(input:disabled)) {
  pointer-events: none;
}

.m_61734bb7 {
  position: relative;
  transition: transform 0.1s 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: 2px;
}

.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_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: 2px 6px;
  --sc-padding-sm: 3px 10px;
  --sc-padding-md: 4px 14px;
  --sc-padding-lg: 7px 16px;
  --sc-padding-xl: 10px 20px;
  --sc-transition-duration: 0.2s;
  --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: 4px;
}

.m_cf365364:where([data-full-width]) {
  display: flex;
}

.m_cf365364:where([data-orientation="vertical"]) {
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
}

.m_cf365364:where([data-orientation="vertical"]):where([data-full-width]) {
  width: auto;
}

:where([data-mantine-color-scheme="light"]) .m_cf365364 {
  background-color: 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;
  -webkit-user-select: none;
  -moz-user-select: none;
  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;
  color: var(--mantine-color-disabled-color);
}

:where([data-mantine-color-scheme="light"]) .m_1738fcb2:where([data-active]) {
  color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme="dark"]) .m_1738fcb2:where([data-active]) {
  color: var(--sc-label-color, var(--mantine-color-white));
}

.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active]):before {
  display: none;
}

.m_1738fcb2:where([data-active]):before {
  content: "";
  inset: 0;
  z-index: 0;
  position: absolute;
  border-radius: 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) {
  fieldset:disabled .m_1738fcb2:hover {
    color: var(--mantine-color-disabled-color) !important;
  }
}

@media (hover: none) {
  fieldset:disabled .m_1738fcb2:active {
    color: var(--mantine-color-disabled-color) !important;
  }
}

.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.m_1714d588[data-focus-ring="auto"]:focus:focus-visible + .m_1738fcb2 {
  --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
}

.m_1714d588[data-focus-ring="always"]:focus + .m_1738fcb2 {
  --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
}

.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration)
    var(--sc-transition-timing-function);
}

.m_cf365364[data-with-items-borders] :where(.m_69686b9b):before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  background-color: var(--separator-color);
  width: 1px;
  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: 1px;
  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_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%,
  to {
    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 1.5s 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: 4px;
  --slider-size-sm: 6px;
  --slider-size-md: 8px;
  --slider-size-lg: 10px;
  --slider-size-xl: 12px;
  --slider-size: var(--slider-size-md);
  --slider-radius: 1000px;
  --slider-color: var(--mantine-primary-color-filled);
  --slider-track-disabled-bg: var(--mantine-color-disabled);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}

[data-mantine-color-scheme="light"] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme="dark"] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-dark-4);
}

.m_c9357328 {
  position: absolute;
  top: -36px;
  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;
  -webkit-user-select: none;
  -moz-user-select: 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: 4px solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition:
    box-shadow 0.1s ease,
    transform 0.1s ease;
  z-index: 3;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
  outline-offset: 2px;
  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);
}

fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
.m_38aeed47:where([data-disabled]:not([data-inverted])) {
  background-color: var(--mantine-color-disabled-color);
}

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

.m_dd33bc19 {
  border: 2px solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: 1000px;
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

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

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

.m_dd33bc19:where([data-filled]) {
  border-color: var(--slider-color);
}

.m_dd33bc19:where([data-filled]):where([data-disabled]) {
  border-color: var(--mantine-color-disabled-border);
}

.m_68c77a5b {
  transform: translate(
    calc(-50% + var(--slider-size) / 2),
    calc(var(--mantine-spacing-xs) / 2)
  );
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  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: 24px;
}

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

.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: 24px;
}

.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: 34px;
  --stepper-icon-size-sm: 36px;
  --stepper-icon-size-md: 42px;
  --stepper-icon-size-lg: 48px;
  --stepper-icon-size-xl: 52px;
  --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: 1000px;
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: 2px;
}

[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 0.15s 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: 700;
  transition:
    background-color 0.15s ease,
    border-color 0.15s 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: 16px;
  --switch-height-sm: 20px;
  --switch-height-md: 24px;
  --switch-height-lg: 30px;
  --switch-height-xl: 36px;
  --switch-width-xs: 32px;
  --switch-width-sm: 38px;
  --switch-width-md: 46px;
  --switch-width-lg: 56px;
  --switch-width-xl: 72px;
  --switch-thumb-size-xs: 12px;
  --switch-thumb-size-sm: 14px;
  --switch-thumb-size-md: 18px;
  --switch-thumb-size-lg: 22px;
  --switch-thumb-size-xl: 28px;
  --switch-label-font-size-xs: 5px;
  --switch-label-font-size-sm: 6px;
  --switch-label-font-size-md: 7px;
  --switch-label-font-size-lg: 9px;
  --switch-label-font-size-xl: 11px;
  --switch-track-label-padding-xs: 2px;
  --switch-track-label-padding-sm: 2.5px;
  --switch-track-label-padding-md: 3px;
  --switch-track-label-padding-lg: 3px;
  --switch-track-label-padding-xl: 3.5px;
  --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: 1000px;
  --switch-color: var(--mantine-primary-color-filled);
  --switch-disabled-color: var(--mantine-color-disabled);
  position: relative;
}

.m_926b4011 {
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: var(--switch-order, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}

.m_9307d992:where([data-without-labels]) {
  width: var(--switch-width);
}

.m_926b4011:focus-visible + .m_9307d992 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: 2px;
}

.m_926b4011:checked + .m_9307d992 {
  --switch-bg: var(--switch-color);
  --switch-text-color: var(--mantine-color-white);
}

.m_926b4011:disabled + .m_9307d992,
.m_926b4011[data-disabled] + .m_9307d992 {
  --switch-bg: var(--switch-disabled-color);
  --switch-cursor: not-allowed;
}

[data-mantine-color-scheme="light"] .m_9307d992 {
  --switch-bg: var(--mantine-color-gray-3);
  --switch-text-color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme="dark"] .m_9307d992 {
  --switch-bg: var(--mantine-color-dark-5);
  --switch-text-color: var(--mantine-color-dark-1);
}

.m_9307d992[data-label-position="left"] {
  --switch-order: 2;
}

.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  inset-inline-start: var(
    --switch-thumb-start,
    var(--switch-track-label-padding)
  );
  transition: inset-inline-start 0.15s ease;
}

.m_93039a1d:where([data-with-thumb-indicator]):before {
  content: "";
  width: 40%;
  height: 40%;
  background-color: var(--switch-bg);
  position: absolute;
  border-radius: var(--switch-radius);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m_93039a1d > * {
  margin: auto;
}

.m_926b4011:checked + * > .m_93039a1d {
  --switch-thumb-start: calc(
    100% - var(--switch-thumb-size) - var(--switch-track-label-padding)
  );
}

.m_926b4011:disabled + * > .m_93039a1d,
.m_926b4011[data-disabled] + * > .m_93039a1d {
  --switch-thumb-bg: var(--switch-thumb-bg-disabled);
}

[data-mantine-color-scheme="light"] .m_93039a1d {
  --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme="dark"] .m_93039a1d {
  --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}

.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(
    var(--switch-thumb-size) + var(--switch-track-label-padding)
  );
  transition: margin 0.15s 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(:first-child)),
.m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
  border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color);
}

.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)),
.m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color);
}

.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
  border-bottom: none;
}

.m_b2404537 > :where(tr):where([data-striped="odd"]:nth-of-type(odd)) {
  background-color: var(--table-striped-color);
}

.m_b2404537 > :where(tr):where([data-striped="even"]:nth-of-type(2n)) {
  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] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}

:where([data-with-table-border]) .m_b242d975[data-sticky]:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -0.5px;
  width: 100%;
  height: 1px;
  background-color: var(--table-border-color);
  z-index: 5;
}

:where([data-with-table-border])
  .m_b242d975[data-sticky]
  .m_4e7aa4f3:first-child {
  border-top: none;
}

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

.m_9e5a3ac7:where([data-side="top"]) {
  margin-bottom: var(--mantine-spacing-xs);
}

.m_9e5a3ac7:where([data-side="bottom"]) {
  margin-top: var(--mantine-spacing-xs);
}

.m_a100c15 {
  overflow-x: var(--table-overflow);
}

.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}

[data-mantine-color-scheme="light"] .m_89d60db1 {
  --tab-border-color: var(--mantine-color-gray-3);
}

[data-mantine-color-scheme="dark"] .m_89d60db1 {
  --tab-border-color: var(--mantine-color-dark-4);
}

.m_89d60db1 {
  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);
  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;
  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;
  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}

.m_89d60db1[data-inverted] {
  --tabs-list-line-bottom: unset;
  --tabs-list-line-top: 0;
  --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
  --tab-border-width: var(--tabs-list-border-width) 0 0 0;
}

.m_89d60db1[data-inverted] .m_576c9d4:before {
  top: 0;
  bottom: unset;
}

.m_89d60db1[data-orientation="vertical"] {
  --tabs-list-line-start: unset;
  --tabs-list-line-end: 0;
  --tabs-list-line-top: 0;
  --tabs-list-line-bottom: 0;
  --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
  --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
  --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
  --tabs-list-direction: column;
  --tabs-panel-grow: 1;
  --tabs-display: flex;
}

[dir="rtl"] .m_89d60db1[data-orientation="vertical"] {
  --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
  --tab-border-width: 0 0 0 var(--tabs-list-border-width);
  --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

.m_89d60db1[data-orientation="vertical"][data-placement="right"] {
  --tabs-flex-direction: row-reverse;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: unset;
  --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
  --tab-border-width: 0 0 0 var(--tabs-list-border-width);
  --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

[dir="rtl"] .m_89d60db1[data-orientation="vertical"][data-placement="right"] {
  --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
  --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
  --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}

.m_89d60db1[data-variant="default"] {
  --tabs-list-border-width: 2px;
}

[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: 1px;
}

.m_89d60db1[data-variant="pills"] {
  --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
}

[data-mantine-color-scheme="light"] .m_89d60db1[data-variant="pills"] {
  --tab-hover-color: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme="dark"] .m_89d60db1[data-variant="pills"] {
  --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
}

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

.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}

.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

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

.m_4ec4dce6:focus {
  z-index: 1;
}

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

.m_fc420b1f:where([data-position="left"]:not(:only-child)) {
  margin-inline-end: var(--mantine-spacing-xs);
}

.m_fc420b1f:where([data-position="right"]:not(:only-child)) {
  margin-inline-start: var(--mantine-spacing-xs);
}

.m_42bbd1ae {
  flex: 1;
  text-align: center;
}

.m_576c9d4 {
  position: relative;
}

.m_576c9d4:before {
  content: "";
  position: absolute;
  border: 1px solid var(--tab-border-color);
  bottom: var(--tabs-list-line-bottom);
  inset-inline-start: var(--tabs-list-line-start);
  inset-inline-end: var(--tabs-list-line-end);
  top: var(--tabs-list-line-top);
}

.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}

.m_539e827b:where([data-active]) {
  border-color: var(--tabs-color);
}

@media (hover: hover) {
  .m_539e827b:hover {
    background-color: var(--tab-hover-color);
  }

  .m_539e827b:hover:where(:not([data-active])) {
    border-color: var(--tab-border-color);
  }
}

@media (hover: none) {
  .m_539e827b:active {
    background-color: var(--tab-hover-color);
  }

  .m_539e827b:active:where(:not([data-active])) {
    border-color: var(--tab-border-color);
  }
}

@media (hover: hover) {
  .m_539e827b:disabled:hover,
  .m_539e827b[data-disabled]:hover {
    background-color: transparent;
  }
}

@media (hover: none) {
  .m_539e827b:disabled:active,
  .m_539e827b[data-disabled]:active {
    background-color: transparent;
  }
}

.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: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px 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: 1px;
  height: 1px;
}

.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: 1px;
  height: 1px;
}

.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: -1px;
  --tab-after-bottom: auto;
  --tab-after-top: -1px;
}

.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: -1px;
  --tab-before-left: auto;
  --tab-before-bottom: auto;
  --tab-before-top: -1px;
  --tab-after-left: auto;
  --tab-after-right: -1px;
}

[dir="rtl"]
  .m_b59ab47c:where(
    [data-active]
  )[data-orientation="vertical"][data-placement="left"] {
  --tab-before-right: auto;
  --tab-before-left: -1px;
  --tab-after-left: -1px;
  --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: -1px;
  --tab-before-right: auto;
  --tab-before-bottom: auto;
  --tab-before-top: -1px;
  --tab-after-right: auto;
  --tab-after-left: -1px;
}

[dir="rtl"]
  .m_b59ab47c:where(
    [data-active]
  )[data-orientation="vertical"][data-placement="right"] {
  --tab-before-left: auto;
  --tab-before-right: -1px;
  --tab-after-right: -1px;
  --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_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: 400;
  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_7341320d {
  --ti-size-xs: 18px;
  --ti-size-sm: 22px;
  --ti-size-md: 28px;
  --ti-size-lg: 34px;
  --ti-size-xl: 44px;
  --ti-size: var(--ti-size-md);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 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: 20px;
  --tl-line-width: 4px;
  --tl-radius: 1000px;
  --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_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_d08caa0 :first-child {
  margin-top: 0;
}

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

.m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--mantine-spacing-xs);
  text-wrap: var(--mantine-heading-text-wrap);
  font-family: var(--mantine-font-family-headings);
}

.m_d08caa0 :where(h1) {
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h1-font-size);
  line-height: var(--mantine-h1-line-height);
  font-weight: var(--mantine-h1-font-weight);
}

.m_d08caa0 :where(h2) {
  margin-top: var(--mantine-spacing-xl);
  font-size: var(--mantine-h2-font-size);
  line-height: var(--mantine-h2-line-height);
  font-weight: var(--mantine-h2-font-weight);
}

.m_d08caa0 :where(h3) {
  margin-top: calc(0.8 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h3-font-size);
  line-height: var(--mantine-h3-line-height);
  font-weight: var(--mantine-h3-font-weight);
}

.m_d08caa0 :where(h4) {
  margin-top: calc(0.8 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h4-font-size);
  line-height: var(--mantine-h4-line-height);
  font-weight: var(--mantine-h4-font-weight);
}

.m_d08caa0 :where(h5) {
  margin-top: calc(0.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h5-font-size);
  line-height: var(--mantine-h5-line-height);
  font-weight: var(--mantine-h5-font-weight);
}

.m_d08caa0 :where(h6) {
  margin-top: calc(0.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h6-font-size);
  line-height: var(--mantine-h6-line-height);
  font-weight: var(--mantine-h6-font-weight);
}

.m_d08caa0 :where(img) {
  max-width: 100%;
  margin-bottom: var(--mantine-spacing-xs);
}

.m_d08caa0 :where(p) {
  margin-top: 0;
  margin-bottom: var(--mantine-spacing-lg);
}

:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(mark) {
  background-color: var(--mantine-color-yellow-2);
  color: inherit;
}

:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(mark) {
  background-color: var(--mantine-color-yellow-5);
  color: var(--mantine-color-black);
}

.m_d08caa0 :where(a) {
  color: var(--mantine-color-anchor);
  text-decoration: none;
}

@media (hover: hover) {
  .m_d08caa0 :where(a):hover {
    text-decoration: underline;
  }
}

@media (hover: none) {
  .m_d08caa0 :where(a):active {
    text-decoration: underline;
  }
}

.m_d08caa0 :where(hr) {
  margin-top: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
  border: 0;
  border-top: 1px solid;
}

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

:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(hr) {
  border-color: var(--mantine-color-dark-3);
}

.m_d08caa0 :where(pre) {
  padding: var(--mantine-spacing-xs);
  line-height: var(--mantine-line-height);
  margin: 0;
  margin-top: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
  overflow-x: auto;
  font-family: var(--mantine-font-family-monospace);
  font-size: var(--mantine-font-size-xs);
  border-radius: var(--mantine-radius-sm);
}

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

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

.m_d08caa0 :where(pre) :where(code) {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  color: inherit;
  border: 0;
}

.m_d08caa0 :where(kbd) {
  --kbd-fz: 12px;
  --kbd-padding: 3px 5px;
  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: 1px solid;
  border-bottom-width: 3px;
}

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

:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(kbd) {
  border-color: var(--mantine-color-dark-3);
  color: var(--mantine-color-dark-0);
  background-color: var(--mantine-color-dark-5);
}

.m_d08caa0 :where(code) {
  line-height: var(--mantine-line-height);
  padding: 1px 5px;
  border-radius: var(--mantine-radius-sm);
  font-family: var(--mantine-font-family-monospace);
  font-size: var(--mantine-font-size-xs);
}

:where([data-mantine-color-scheme="light"]) .m_d08caa0 :where(code) {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme="dark"]) .m_d08caa0 :where(code) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}

.m_d08caa0 :where(ul, ol):not([data-type="taskList"]) {
  margin-bottom: var(--mantine-spacing-md);
  padding-inline-start: var(--mantine-spacing-xl);
  list-style-position: outside;
}

.m_d08caa0 :where(table) {
  width: 100%;
  border-collapse: collapse;
  caption-side: bottom;
  margin-bottom: var(--mantine-spacing-md);
}

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

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

.m_d08caa0 :where(table) :where(caption) {
  margin-top: var(--mantine-spacing-xs);
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-dimmed);
}

.m_d08caa0 :where(table) :where(th) {
  text-align: left;
  font-weight: 700;
  font-size: var(--mantine-font-size-sm);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
}

.m_d08caa0 :where(table) :where(thead th) {
  border-bottom: 1px solid;
  border-color: var(--table-border-color);
}

.m_d08caa0 :where(table) :where(tfoot th) {
  border-top: 1px solid;
  border-color: var(--table-border-color);
}

.m_d08caa0 :where(table) :where(td) {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-bottom: 1px solid;
  border-color: var(--table-border-color);
  font-size: var(--mantine-font-size-sm);
}

.m_d08caa0 :where(table) :where(tr:last-of-type td) {
  border-bottom: 0;
}

.m_d08caa0 :where(blockquote) {
  font-size: var(--mantine-font-size-lg);
  line-height: var(--mantine-line-height);
  margin: var(--mantine-spacing-md) 0;
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
}

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

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

.bn-mantine {
  color-scheme: var(--mantine-color-scheme);
}

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

.bn-mantine button,
.bn-mantine select {
  text-transform: none;
}

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

@media screen and (max-device-width: 500px) {
  .bn-mantine {
    -webkit-text-size-adjust: 100%;
  }
}

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

.bn-mantine[data-mantine-color-scheme="dark"] {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.15);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(250, 82, 82, 0.15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(64, 192, 87, 0.15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}

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

.bn-block-outer {
  line-height: 1.5;
  transition: margin 0.2s;
}

.bn-block {
  display: flex;
  flex-direction: column;
}

.bn-block-content {
  padding: 3px 0;
  display: flex;
  transition: font-size 0.2s;
  width: 100%;
}

.bn-block-content.ProseMirror-selectednode > *,
.ProseMirror-selectednode > .bn-block-content > * {
  border-radius: 4px;
  outline: 4px solid rgb(100, 160, 255);
}

.bn-block-content:before {
  content: "";
  margin-right: 0;
  transition: all 0.2s;
  height: 0;
  overflow: visible;
}

.bn-inline-content {
  width: 100%;
}

.bn-block-group .bn-block-group {
  margin-left: 24px;
}

.bn-block-group .bn-block-group > .bn-block-outer {
  position: relative;
}

.bn-block-group
  .bn-block-group
  > .bn-block-outer:not([data-prev-depth-changed]):before {
  content: " ";
  display: inline;
  position: absolute;
  left: -20px;
  height: 100%;
  transition: all 0.2s 0.1s;
}

.bn-block-group
  .bn-block-group
  > .bn-block-outer[data-prev-depth-change="-2"]:before {
  height: 0;
}

.bn-inline-content code {
  font-family: monospace;
}

[data-prev-depth-change="1"] {
  --x: 1;
}

[data-prev-depth-change="2"] {
  --x: 2;
}

[data-prev-depth-change="3"] {
  --x: 3;
}

[data-prev-depth-change="4"] {
  --x: 4;
}

[data-prev-depth-change="5"] {
  --x: 5;
}

[data-prev-depth-change="-1"] {
  --x: -1;
}

[data-prev-depth-change="-2"] {
  --x: -2;
}

[data-prev-depth-change="-3"] {
  --x: -3;
}

[data-prev-depth-change="-4"] {
  --x: -4;
}

[data-prev-depth-change="-5"] {
  --x: -5;
}

.bn-block-outer[data-prev-depth-change] {
  margin-left: calc(10px * var(--x));
}

.bn-block-outer[data-prev-depth-change]
  .bn-block-outer[data-prev-depth-change] {
  margin-left: 0;
}

[data-content-type="heading"] {
  --level: 3em;
}

[data-content-type="heading"][data-level="2"] {
  --level: 2em;
}

[data-content-type="heading"][data-level="3"] {
  --level: 1.3em;
}

[data-content-type="heading"][data-level="4"] {
  --level: 1em;
}

[data-content-type="heading"][data-level="5"] {
  --level: 0.9em;
}

[data-content-type="heading"][data-level="6"] {
  --level: 0.8em;
}

[data-prev-level="1"] {
  --prev-level: 3em;
}

[data-prev-level="2"] {
  --prev-level: 2em;
}

[data-prev-level="3"] {
  --prev-level: 1.3em;
}

[data-prev-level="4"] {
  --prev-level: 1em;
}

[data-prev-level="5"] {
  --prev-level: 0.9em;
}

[data-prev-level="6"] {
  --prev-level: 0.8em;
}

.bn-block-outer[data-prev-type="heading"] > .bn-block > .bn-block-content {
  font-size: var(--prev-level);
  font-weight: 700;
}

.bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="heading"],
.bn-block-outer:not([data-prev-type])
  > .bn-block
  > div[data-type="modification"]
  > div[data-type="modification"]
  > .bn-block-content[data-content-type="heading"] {
  font-size: var(--level);
  font-weight: 700;
}

[data-content-type="quote"] blockquote {
  border-left: 2px solid rgb(125, 121, 122);
  color: #7d797a;
  margin: 0;
  padding-left: 1em;
}

[data-content-type="divider"] hr {
  border: none;
  border-top: 1px solid rgb(125, 121, 122);
  margin: 0.5em 0;
  flex: 1;
}

.bn-block-content:before {
  margin-right: 0;
  content: "";
}

.bn-block-content[data-content-type="numberedListItem"]:before {
  display: flex;
  justify-content: center;
  min-width: 24px;
  padding-right: 4px;
}

[data-content-type="numberedListItem"] {
  --index: attr(data-index);
}

[data-prev-type="numberedListItem"] {
  --prev-index: attr(data-prev-index);
}

.bn-block-outer[data-prev-type="numberedListItem"]:not([data-prev-index="none"])
  > .bn-block
  > .bn-block-content:before {
  content: var(--prev-index) ".";
}

.bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="numberedListItem"]:before,
.bn-block-outer:not([data-prev-type])
  > .bn-block
  > div[data-type="modification"]
  > .bn-block-content[data-content-type="numberedListItem"]:before {
  content: var(--index) ".";
}

.bn-block-content[data-content-type="bulletListItem"]:before {
  display: flex;
  justify-content: center;
  min-width: 24px;
  padding-right: 4px;
}

.bn-block-content[data-content-type="checkListItem"] > div > input {
  cursor: pointer;
  height: 24px;
  margin-left: 4px;
  margin-right: 8px;
  margin-top: 0;
  width: 12px;
}

.bn-block-content[data-content-type="checkListItem"][data-checked="true"]
  .bn-inline-content {
  text-decoration: line-through;
}

.bn-block-content[data-text-alignment="center"] {
  justify-content: center;
}

.bn-block-content[data-text-alignment="right"] {
  justify-content: flex-end;
}

.bn-block:has(
    > .bn-block-content > div > .bn-toggle-wrapper[data-show-children="false"]
  )
  > .bn-block-group,
.bn-block:has(
    > .react-renderer
      > .bn-block-content
      > div
      > .bn-toggle-wrapper[data-show-children="false"]
  )
  > .bn-block-group {
  display: none;
}

.bn-toggle-wrapper {
  display: flex;
  align-items: center;
}

.bn-toggle-button {
  color: var(--bn-colors-editor-text);
  padding: 3px;
}

.bn-toggle-button > svg {
  width: 18px;
  height: 18px;
}

.bn-toggle-wrapper[data-show-children="true"] .bn-toggle-button {
  transform: rotate(90deg);
}

.bn-toggle-add-block-button {
  font-size: 16px;
  color: var(--bn-colors-side-menu);
  font-weight: 400;
  margin-left: 22px;
  padding-inline: 2px;
  width: -moz-fit-content;
  width: fit-content;
}

.bn-toggle-button,
.bn-toggle-add-block-button {
  background: none;
  border: none;
  border-radius: var(--bn-border-radius-small);
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bn-toggle-button:hover,
.bn-toggle-add-block-button:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content:before {
  content: "•";
}

.bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="bulletListItem"]:before,
.bn-block-outer:not([data-prev-type])
  > .bn-block
  > div[data-type="modification"]
  > .bn-block-content[data-content-type="bulletListItem"]:before {
  content: "•";
}

[data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content:before {
  content: "◦";
}

[data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="bulletListItem"]:before,
[data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer:not([data-prev-type])
  > .bn-block
  > div[data-type="modification"]
  > .bn-block-content[data-content-type="bulletListItem"]:before {
  content: "◦";
}

[data-content-type="bulletListItem"]
  ~ .bn-block-group
  [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer[data-prev-type="bulletListItem"]
  > .bn-block
  > .bn-block-content:before {
  content: "▪";
}

[data-content-type="bulletListItem"]
  ~ .bn-block-group
  [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer:not([data-prev-type])
  > .bn-block
  > .bn-block-content[data-content-type="bulletListItem"]:before,
[data-content-type="bulletListItem"]
  ~ .bn-block-group
  [data-content-type="bulletListItem"]
  ~ .bn-block-group
  > .bn-block-outer:not([data-prev-type])
  > .bn-block
  > div[data-type="modification"]
  > .bn-block-content[data-content-type="bulletListItem"]:before {
  content: "▪";
}

.bn-block-content[data-content-type="codeBlock"] {
  position: relative;
  background-color: #161616;
  color: #fff;
  border-radius: 8px;
}

.bn-block-content[data-content-type="codeBlock"] > pre {
  white-space: pre;
  overflow-x: auto;
  margin: 0;
  width: 100%;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  padding: 24px;
}

.bn-block-content[data-content-type="codeBlock"] > div {
  outline: none !important;
}

.bn-block-content[data-content-type="codeBlock"] > div > select {
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  position: absolute;
  top: 8px;
  left: 18px;
  font-size: 0.8em;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 1s;
}

.bn-block-content[data-content-type="codeBlock"] > div > select > option {
  color: #000;
}

.bn-block-content[data-content-type="codeBlock"]:hover > div > select,
.bn-block-content[data-content-type="codeBlock"] > div > select:focus {
  opacity: 0.5;
  transition-delay: 0.1s;
}

.bn-block-content[data-content-type="pageBreak"] > div {
  width: 100%;
  height: 0;
  border-top: dotted rgb(125, 121, 122) 2px;
  margin-block: 11px;
}

@media print {
  .bn-block-content[data-content-type="pageBreak"] > div {
    page-break-after: always;
  }
}

[data-file-block] .bn-file-block-content-wrapper {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),
[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon) {
  width: 100%;
}

[data-file-block] .bn-add-file-button {
  align-items: center;
  background-color: #f2f1ee;
  border-radius: 4px;
  color: #7d797a;
  display: flex;
  gap: 10px;
  padding: 12px;
}

.bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover,
[data-file-block] .bn-file-name-with-icon:hover,
.ProseMirror-selectednode .bn-file-name-with-icon {
  background-color: #e1e1e1;
}

[data-file-block] .bn-add-file-button-icon,
[data-file-block] .bn-file-icon {
  width: 24px;
  height: 24px;
}

[data-file-block] .bn-add-file-button-text {
  font-size: 0.9rem;
}

[data-file-block] .bn-file-name-with-icon {
  border-radius: 4px;
  display: flex;
  gap: 4px;
  padding: 4px;
}

[data-file-block] .bn-file-caption {
  font-size: 0.8em;
  padding-block: 4px;
  word-break: break-word;
}

[data-file-block] .bn-file-caption:empty {
  padding-block: 0;
}

[data-file-block] .bn-resize-handle {
  position: absolute;
  width: 8px;
  height: 30px;
  background-color: #000;
  border: 1px solid white;
  border-radius: 4px;
  cursor: ew-resize;
}

[data-file-block] .bn-visual-media-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
}

[data-file-block] .bn-visual-media {
  border-radius: 4px;
  width: 100%;
}

[data-content-type="audio"] > .bn-file-block-content-wrapper,
.bn-audio {
  width: 100%;
}

.bn-inline-content:has(> .ProseMirror-trailingBreak:only-child):before {
  pointer-events: none;
  height: 0;
  position: absolute;
  font-style: italic;
}

[data-style-type="textColor"][data-value="gray"],
[data-text-color="gray"],
.bn-block:has(> .bn-block-content[data-text-color="gray"]) {
  color: #9b9a97;
}

[data-style-type="textColor"][data-value="brown"],
[data-text-color="brown"],
.bn-block:has(> .bn-block-content[data-text-color="brown"]) {
  color: #64473a;
}

[data-style-type="textColor"][data-value="red"],
[data-text-color="red"],
.bn-block:has(> .bn-block-content[data-text-color="red"]) {
  color: #e03e3e;
}

[data-style-type="textColor"][data-value="orange"],
[data-text-color="orange"],
.bn-block:has(> .bn-block-content[data-text-color="orange"]) {
  color: #d9730d;
}

[data-style-type="textColor"][data-value="yellow"],
[data-text-color="yellow"],
.bn-block:has(> .bn-block-content[data-text-color="yellow"]) {
  color: #dfab01;
}

[data-style-type="textColor"][data-value="green"],
[data-text-color="green"],
.bn-block:has(> .bn-block-content[data-text-color="green"]) {
  color: #4d6461;
}

[data-style-type="textColor"][data-value="blue"],
[data-text-color="blue"],
.bn-block:has(> .bn-block-content[data-text-color="blue"]) {
  color: #0b6e99;
}

[data-style-type="textColor"][data-value="purple"],
[data-text-color="purple"],
.bn-block:has(> .bn-block-content[data-text-color="purple"]) {
  color: #6940a5;
}

[data-style-type="textColor"][data-value="pink"],
[data-text-color="pink"],
.bn-block:has(> .bn-block-content[data-text-color="pink"]) {
  color: #ad1a72;
}

[data-style-type="backgroundColor"][data-value="gray"],
[data-background-color="gray"],
.bn-block:has(> .bn-block-content[data-background-color="gray"]) {
  background-color: #ebeced;
}

[data-style-type="backgroundColor"][data-value="brown"],
[data-background-color="brown"],
.bn-block:has(> .bn-block-content[data-background-color="brown"]) {
  background-color: #e9e5e3;
}

[data-style-type="backgroundColor"][data-value="red"],
[data-background-color="red"],
.bn-block:has(> .bn-block-content[data-background-color="red"]) {
  background-color: #fbe4e4;
}

[data-style-type="backgroundColor"][data-value="orange"],
[data-background-color="orange"],
.bn-block:has(> .bn-block-content[data-background-color="orange"]) {
  background-color: #f6e9d9;
}

[data-style-type="backgroundColor"][data-value="yellow"],
[data-background-color="yellow"],
.bn-block:has(> .bn-block-content[data-background-color="yellow"]) {
  background-color: #fbf3db;
}

[data-style-type="backgroundColor"][data-value="green"],
[data-background-color="green"],
.bn-block:has(> .bn-block-content[data-background-color="green"]) {
  background-color: #ddedea;
}

[data-style-type="backgroundColor"][data-value="blue"],
[data-background-color="blue"],
.bn-block:has(> .bn-block-content[data-background-color="blue"]) {
  background-color: #ddebf1;
}

[data-style-type="backgroundColor"][data-value="purple"],
[data-background-color="purple"],
.bn-block:has(> .bn-block-content[data-background-color="purple"]) {
  background-color: #eae4f2;
}

[data-style-type="backgroundColor"][data-value="pink"],
[data-background-color="pink"],
.bn-block:has(> .bn-block-content[data-background-color="pink"]) {
  background-color: #f4dfeb;
}

[data-text-alignment="left"] {
  justify-content: flex-start !important;
  text-align: left !important;
}

[data-text-alignment="center"] {
  justify-content: center !important;
  text-align: center !important;
}

[data-text-alignment="right"] {
  justify-content: flex-end !important;
  text-align: right !important;
}

[data-text-alignment="justify"] {
  justify-content: flex-start !important;
  text-align: justify !important;
}

.bn-block-column-list {
  display: flex;
  flex-direction: row;
}

.bn-block-column {
  flex: 1;
  padding: 12px 20px;
  overflow-x: auto;
}

.bn-block-column:first-child {
  padding-left: 0;
}

.bn-block-column:last-child {
  padding-right: 0;
}

.bn-thread-mark:not([data-orphan="true"]) {
  background: #ffc80026;
}

.bn-thread-mark .bn-thread-mark-selected {
  background: #ffc80040;
}

.ProseMirror .tableWrapper {
  overflow-x: auto;
}

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

.ProseMirror td,
.ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}

.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
  min-width: var(--default-cell-min-width);
}

.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  z-index: 20;
  background-color: #adf;
  pointer-events: none;
}

.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}

.ProseMirror .selectedCell:after {
  z-index: 2;
  position: absolute;
  content: "";
  inset: 0;
  background: #c8c8ff66;
  pointer-events: none;
}

.bn-editor {
  outline: none;
  padding-inline: 54px;
  --N800: #172b4d;
  --N40: #dfe1e6;
}

.bn-comment-editor {
  width: 100%;
  padding: 0;
}

.bn-comment-editor .bn-editor {
  padding: 0;
}

.bn-root {
  box-sizing: border-box;
}

.bn-root *,
.bn-root *:before,
.bn-root *:after {
  box-sizing: inherit;
}

.bn-default-styles p,
.bn-default-styles h1,
.bn-default-styles h2,
.bn-default-styles h3,
.bn-default-styles h4,
.bn-default-styles h5,
.bn-default-styles h6,
.bn-default-styles li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  min-width: 2px !important;
}

.bn-default-styles {
  font-size: 16px;
  font-weight: 400;
  font-family:
    Inter,
    SF Pro Display,
    -apple-system,
    BlinkMacSystemFont,
    Open Sans,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bn-table-drop-cursor {
  position: absolute;
  z-index: 20;
  background-color: #adf;
  pointer-events: none;
}

.bn-drag-preview {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  opacity: 0.001;
}

.bn-editor .bn-collaboration-cursor__base {
  position: relative;
}

.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret {
  position: absolute;
  width: 2px;
  top: 1px;
  bottom: -2px;
  left: -1px;
}

.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label {
  pointer-events: none;
  border-radius: 0 1.5px 1.5px 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  left: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: transparent;
  max-height: 5px;
  max-width: 4px;
  padding: 0;
  top: -1px;
  transition: all 0.2s;
}

.bn-editor
  .bn-collaboration-cursor__base[data-active]
  .bn-collaboration-cursor__label {
  color: #0d0d0d;
  max-height: 1.1rem;
  max-width: 20rem;
  padding: 0.1rem 0.3rem;
  top: -17px;
  left: 0;
  border-radius: 3px 3px 3px 0;
  transition: all 0.2s;
}

.bn-editor [data-content-type="table"] .tableWrapper {
  --bn-table-widget-size: 22px;
  --bn-table-handle-size: 9px;
  overflow-y: hidden;
  padding: var(--bn-table-handle-size) var(--bn-table-widget-size)
    var(--bn-table-widget-size) var(--bn-table-handle-size);
  position: relative;
  width: 100%;
}

.bn-editor [data-content-type="table"] table {
  width: auto !important;
  word-break: break-word;
}

.bn-editor [data-content-type="table"] th,
.bn-editor [data-content-type="table"] td {
  border: 1px solid #ddd;
  padding: 5px 10px;
}

.bn-editor [data-content-type="table"] th {
  font-weight: 700;
  text-align: left;
}

.bn-editor [data-content-type="table"] th > p,
.bn-editor [data-content-type="table"] td > p {
  min-height: 1.5rem;
}

.ProseMirror td,
.ProseMirror th {
  min-width: auto !important;
}

.ProseMirror td:not([colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([colwidth]):not(.column-resize-dragging) {
  min-width: var(--default-cell-min-width) !important;
}

.prosemirror-dropcursor-block {
  transition-property: top, bottom;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.prosemirror-dropcursor-vertical {
  transition-property: left, right;
}

[data-show-selection] {
  background-color: highlight;
  padding: 2px 0;
}

.bn-container {
  --bn-colors-editor-text: #3f3f3f;
  --bn-colors-editor-background: #ffffff;
  --bn-colors-menu-text: #3f3f3f;
  --bn-colors-menu-background: #ffffff;
  --bn-colors-tooltip-text: #3f3f3f;
  --bn-colors-tooltip-background: #efefef;
  --bn-colors-hovered-text: #3f3f3f;
  --bn-colors-hovered-background: #efefef;
  --bn-colors-selected-text: #ffffff;
  --bn-colors-selected-background: #3f3f3f;
  --bn-colors-disabled-text: #afafaf;
  --bn-colors-disabled-background: #efefef;
  --bn-colors-shadow: #cfcfcf;
  --bn-colors-border: #efefef;
  --bn-colors-side-menu: #cfcfcf;
  --bn-colors-highlights-gray-text: #9b9a97;
  --bn-colors-highlights-gray-background: #ebeced;
  --bn-colors-highlights-brown-text: #64473a;
  --bn-colors-highlights-brown-background: #e9e5e3;
  --bn-colors-highlights-red-text: #e03e3e;
  --bn-colors-highlights-red-background: #fbe4e4;
  --bn-colors-highlights-orange-text: #d9730d;
  --bn-colors-highlights-orange-background: #f6e9d9;
  --bn-colors-highlights-yellow-text: #dfab01;
  --bn-colors-highlights-yellow-background: #fbf3db;
  --bn-colors-highlights-green-text: #4d6461;
  --bn-colors-highlights-green-background: #ddedea;
  --bn-colors-highlights-blue-text: #0b6e99;
  --bn-colors-highlights-blue-background: #ddebf1;
  --bn-colors-highlights-purple-text: #6940a5;
  --bn-colors-highlights-purple-background: #eae4f2;
  --bn-colors-highlights-pink-text: #ad1a72;
  --bn-colors-highlights-pink-background: #f4dfeb;
  --bn-font-family:
    "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  --bn-border-radius: 6px;
  --bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);
  --bn-shadow-light: 0 2px 6px var(--bn-colors-border);
  --bn-border: 1px solid var(--bn-colors-border);
  --bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);
  --bn-border-radius-medium: var(--bn-border-radius);
  --bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px);
}

.bn-container[data-color-scheme="dark"] {
  --bn-colors-editor-text: #cfcfcf;
  --bn-colors-editor-background: #1f1f1f;
  --bn-colors-menu-text: #cfcfcf;
  --bn-colors-menu-background: #1f1f1f;
  --bn-colors-tooltip-text: #cfcfcf;
  --bn-colors-tooltip-background: #161616;
  --bn-colors-hovered-text: #cfcfcf;
  --bn-colors-hovered-background: #161616;
  --bn-colors-selected-text: #cfcfcf;
  --bn-colors-selected-background: #0f0f0f;
  --bn-colors-disabled-text: #3f3f3f;
  --bn-colors-disabled-background: #161616;
  --bn-colors-shadow: #0f0f0f;
  --bn-colors-border: #161616;
  --bn-colors-side-menu: #7f7f7f;
  --bn-colors-highlights-gray-text: #bebdb8;
  --bn-colors-highlights-gray-background: #9b9a97;
  --bn-colors-highlights-brown-text: #8e6552;
  --bn-colors-highlights-brown-background: #64473a;
  --bn-colors-highlights-red-text: #ec4040;
  --bn-colors-highlights-red-background: #be3434;
  --bn-colors-highlights-orange-text: #e3790d;
  --bn-colors-highlights-orange-background: #b7600a;
  --bn-colors-highlights-yellow-text: #dfab01;
  --bn-colors-highlights-yellow-background: #b58b00;
  --bn-colors-highlights-green-text: #6b8b87;
  --bn-colors-highlights-green-background: #4d6461;
  --bn-colors-highlights-blue-text: #0e87bc;
  --bn-colors-highlights-blue-background: #0b6e99;
  --bn-colors-highlights-purple-text: #8552d7;
  --bn-colors-highlights-purple-background: #6940a5;
  --bn-colors-highlights-pink-text: #da208f;
  --bn-colors-highlights-pink-background: #ad1a72;
}

.bn-container {
  font-family: var(--bn-font-family);
}

.bn-editor {
  background-color: var(--bn-colors-editor-background);
  border-radius: var(--bn-border-radius-large);
  color: var(--bn-colors-editor-text);
}

.bn-react-node-view-renderer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bn-block-group
  .bn-block:not(:has(.bn-toggle-wrapper))
  .bn-block-group
  .bn-block-outer:not([data-prev-depth-changed]):before {
  border-left: 1px solid var(--bn-colors-side-menu);
}

.bn-inline-content:has(> .ProseMirror-trailingBreak):before {
  color: var(--bn-colors-side-menu);
}

.bn-container .bn-color-icon {
  align-items: center;
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  display: flex;
  justify-content: center;
}

.bn-error-text {
  color: red;
  font-size: 12px;
}

[data-style-type="textColor"][data-value="gray"],
[data-text-color="gray"] {
  color: var(--bn-colors-highlights-gray-text);
}

[data-style-type="textColor"][data-value="brown"],
[data-text-color="brown"] {
  color: var(--bn-colors-highlights-brown-text);
}

[data-style-type="textColor"][data-value="red"],
[data-text-color="red"] {
  color: var(--bn-colors-highlights-red-text);
}

[data-style-type="textColor"][data-value="orange"],
[data-text-color="orange"] {
  color: var(--bn-colors-highlights-orange-text);
}

[data-style-type="textColor"][data-value="yellow"],
[data-text-color="yellow"] {
  color: var(--bn-colors-highlights-yellow-text);
}

[data-style-type="textColor"][data-value="green"],
[data-text-color="green"] {
  color: var(--bn-colors-highlights-green-text);
}

[data-style-type="textColor"][data-value="blue"],
[data-text-color="blue"] {
  color: var(--bn-colors-highlights-blue-text);
}

[data-style-type="textColor"][data-value="purple"],
[data-text-color="purple"] {
  color: var(--bn-colors-highlights-purple-text);
}

[data-style-type="textColor"][data-value="pink"],
[data-text-color="pink"] {
  color: var(--bn-colors-highlights-pink-text);
}

[data-style-type="backgroundColor"][data-value="gray"],
[data-background-color="gray"] {
  background-color: var(--bn-colors-highlights-gray-background);
}

[data-style-type="backgroundColor"][data-value="brown"],
[data-background-color="brown"] {
  background-color: var(--bn-colors-highlights-brown-background);
}

[data-style-type="backgroundColor"][data-value="red"],
[data-background-color="red"] {
  background-color: var(--bn-colors-highlights-red-background);
}

[data-style-type="backgroundColor"][data-value="orange"],
[data-background-color="orange"] {
  background-color: var(--bn-colors-highlights-orange-background);
}

[data-style-type="backgroundColor"][data-value="yellow"],
[data-background-color="yellow"] {
  background-color: var(--bn-colors-highlights-yellow-background);
}

[data-style-type="backgroundColor"][data-value="green"],
[data-background-color="green"] {
  background-color: var(--bn-colors-highlights-green-background);
}

[data-style-type="backgroundColor"][data-value="blue"],
[data-background-color="blue"] {
  background-color: var(--bn-colors-highlights-blue-background);
}

[data-style-type="backgroundColor"][data-value="purple"],
[data-background-color="purple"] {
  background-color: var(--bn-colors-highlights-purple-background);
}

[data-style-type="backgroundColor"][data-value="pink"],
[data-background-color="pink"] {
  background-color: var(--bn-colors-highlights-pink-background);
}

.bn-container {
  --bn-ui-base-z-index: 0;
}

.bn-side-menu {
  height: 30px;
}

.bn-side-menu[data-block-type="heading"][data-level="1"] {
  height: 78px;
}

.bn-side-menu[data-block-type="heading"][data-level="2"] {
  height: 54px;
}

.bn-side-menu[data-block-type="heading"][data-level="3"] {
  height: 37px;
}

.bn-side-menu[data-block-type="file"] {
  height: 38px;
}

.bn-side-menu[data-block-type="audio"] {
  height: 60px;
}

.bn-side-menu[data-url="false"] {
  height: 54px;
}

.bn-threads-sidebar {
  border-radius: var(--bn-border-radius-medium);
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
}

.bn-thread-expand-prompt .mantine-Text-root,
.bn-thread .bn-header-text {
  color: var(--bn-colors-menu-text);
}

.bn-threads-sidebar .bn-thread .bn-editor {
  background-color: transparent;
}

.bn-threads-sidebar .bn-thread.selected {
  background-color: #f5f9fd;
  border: 2px solid #c2dcf8;
}

.dark .bn-threads-sidebar .bn-thread.selected {
  background-color: #20242a;
  border: 2px solid #23405b;
}

em-emoji-picker {
  max-height: 100%;
  z-index: 11000;
}

.bn-mantine .mantine-active:active {
  transform: none;
}

.bn-mantine .mantine-Badge-root {
  background-color: var(--bn-colors-tooltip-background);
  color: var(--bn-colors-tooltip-text);
}

.bn-mantine .mantine-FileInput-input {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: row;
  font-family: var(--bn-font-family);
  justify-content: center;
}

.bn-mantine .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-FileInput-wrapper {
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
}

.bn-mantine .mantine-InputPlaceholder-placeholder {
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  font-weight: 600;
}

.bn-mantine .mantine-Menu-dropdown,
.bn-mantine .bn-menu-dropdown {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  padding: 2px;
  overflow: auto;
}

.bn-mantine .mantine-Menu-label {
  background-color: var(--bn-colors-menu-background);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Menu-item {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Menu-item[aria-selected="true"],
.bn-mantine .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .bn-panel-popover,
.bn-mantine .bn-emoji-picker-popover {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  padding: 0;
}

.bn-mantine .mantine-Tabs-root {
  width: 100%;
  background-color: var(--bn-colors-menu-background);
}

.bn-mantine .mantine-Tabs-list:before {
  border-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-Tabs-tab {
  color: var(--bn-colors-menu-text);
  border-color: var(--bn-colors-hovered-background);
}

.bn-mantine .mantine-Tabs-tab:hover {
  background-color: var(--bn-colors-hovered-background);
  border-color: var(--bn-colors-hovered-background);
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .mantine-Tabs-tab[data-active],
.bn-mantine .mantine-Tabs-tab[data-active]:hover {
  border-color: var(--bn-colors-menu-text);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .mantine-Tabs-panel {
  padding: 8px;
}

.bn-mantine .mantine-TextInput-input {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: 4px;
  color: var(--bn-colors-menu-text);
  font-family: var(--bn-font-family);
  height: 32px;
}

.bn-mantine .bn-mt-input-large .mantine-TextInput-input {
  border: none;
  font-size: 14px;
  height: 52px;
}

.bn-mantine .mantine-Tooltip-tooltip {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.bn-mantine .mantine-Tooltip-tooltip p:last-child {
  white-space: pre-wrap;
}

.bn-mantine .mantine-Tooltip-tooltip p:first-child {
  white-space: unset;
}

.bn-mantine .bn-select {
  overflow: auto;
}

.bn-mantine .mantine-Button-root[aria-controls*="dropdown"] {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.bn-mantine .bn-toolbar {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  flex-wrap: nowrap;
  gap: 2px;
  padding: 2px;
  width: -moz-fit-content;
  width: fit-content;
  overflow-x: auto;
  max-width: 100vw;
}

.bn-mantine .bn-toolbar:empty {
  display: none;
}

.bn-toolbar .mantine-Button-root,
.bn-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-toolbar .mantine-Button-root:hover,
.bn-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-toolbar .mantine-Button-root[data-selected],
.bn-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}

.bn-toolbar .mantine-Button-root[data-disabled],
.bn-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}

.bn-toolbar .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}

.bn-toolbar .mantine-Menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-form-popover {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}

.bn-form-popover .mantine-TextInput-root,
.bn-form-popover .mantine-FileInput-root {
  width: 300px;
}

.bn-form-popover .mantine-TextInput-wrapper,
.bn-form-popover .mantine-FileInput-wrapper {
  padding: 0;
  border-radius: 4px;
}

.bn-form-popover .mantine-TextInput-wrapper:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-form-popover .mantine-TextInput-input,
.bn-form-popover .mantine-FileInput-input {
  border: none;
  font-size: 12px;
}

.bn-form-popover .mantine-FileInput-input:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-form-popover .mantine-FileInput-section[data-position="left"],
.bn-form-popover .mantine-FileInput-placeholder {
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-suggestion-menu {
  max-height: 100%;
  position: relative;
  box-shadow: var(--mantine-shadow-md);
  border: calc(0.0625rem * var(--mantine-scale)) solid
    var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-default);
  padding: 4px;
}

.bn-mantine .bn-suggestion-menu-label {
  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;
}

.bn-mantine .bn-suggestion-menu-item {
  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;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bn-mantine .bn-suggestion-menu-item:where([data-disabled], :disabled) {
  color: var(--mantine-color-dimmed);
  opacity: 0.6;
  pointer-events: none;
}

.bn-mt-suggestion-menu-item-body {
  flex: 1;
}

.bn-mt-suggestion-menu-item-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bn-mt-suggestion-menu-item-section:where([data-position="left"]) {
  margin-inline-end: var(--mantine-spacing-xs);
}

.bn-mt-suggestion-menu-item-section:where([data-position="right"]) {
  margin-inline-start: var(--mantine-spacing-xs);
}

.bn-mantine .bn-suggestion-menu {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  box-sizing: border-box;
  color: var(--bn-colors-menu-text);
  height: -moz-fit-content;
  height: fit-content;
  max-height: inherit;
  overflow-y: auto;
  padding: 2px;
}

.bn-mantine .bn-suggestion-menu-item {
  cursor: pointer;
  height: 52px;
}

.bn-mantine .bn-suggestion-menu-item-small {
  height: -moz-fit-content;
  height: fit-content;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
}

.bn-mantine .bn-suggestion-menu-item[aria-selected="true"],
.bn-mantine .bn-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mt-suggestion-menu-item-section {
  color: var(--bn-colors-tooltip-text);
}

.bn-mt-suggestion-menu-item-section[data-position="left"] {
  background-color: var(--bn-colors-tooltip-background);
  border-radius: var(--bn-border-radius-small);
  padding: 8px;
}

.bn-suggestion-menu-item-small
  .bn-mt-suggestion-menu-item-section[data-position="left"] {
  background-color: transparent;
  padding: 0;
}

.bn-suggestion-menu-item-small
  .bn-mt-suggestion-menu-item-section[data-position="left"]
  svg {
  height: 14px;
  width: 14px;
}

.bn-mt-suggestion-menu-item-body {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 16px;
}

.bn-mt-suggestion-menu-item-title {
  color: var(--bn-colors-menu-text);
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-title {
  font-size: 12px;
}

.bn-mt-suggestion-menu-item-subtitle {
  color: var(--bn-colors-menu-text);
  line-height: 16px;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

.bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-subtitle {
  display: none;
}

.bn-mantine .bn-suggestion-menu-label {
  color: var(--bn-colors-hovered-text);
}

.bn-mantine .bn-suggestion-menu-loader {
  height: 20px;
  width: 100%;
}

.bn-mantine .bn-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

.bn-mantine .bn-grid-suggestion-menu {
  background: var(--bn-colors-menu-background);
  border-radius: var(--bn-border-radius-large);
  box-shadow: var(--bn-shadow-medium);
  display: grid;
  gap: 7px;
  height: -moz-fit-content;
  height: fit-content;
  justify-items: center;
  max-height: inherit;
  overflow-y: auto;
  padding: 20px;
}

.bn-mantine .bn-grid-suggestion-menu-item {
  align-items: center;
  border-radius: var(--bn-border-radius-large);
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 32px;
  justify-content: center;
  margin: 2px;
  padding: 4px;
  width: 32px;
}

.bn-mantine .bn-grid-suggestion-menu-item[aria-selected="true"],
.bn-mantine .bn-grid-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-grid-suggestion-menu-empty-item,
.bn-mantine .bn-grid-suggestion-menu-loader {
  align-items: center;
  color: var(--bn-colors-menu-text);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
}

.bn-mantine .bn-grid-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

.bn-mantine .bn-side-menu {
  background-color: transparent;
  overflow: visible;
}

.bn-side-menu .mantine-Menu-item,
.bn-table-handle-menu .mantine-Menu-item {
  font-size: 12px;
  height: 30px;
}

.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) {
  background-color: transparent;
}

.bn-side-menu .mantine-UnstyledButton-root:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) svg {
  background-color: transparent;
  color: var(--bn-colors-side-menu);
  height: 22px;
  width: 22px;
}

.bn-mantine .bn-side-menu > [draggable="true"] {
  display: flex;
}

.bn-side-menu .mantine-Menu-dropdown {
  min-width: 100px;
  padding: 2px;
  position: absolute;
}

.bn-mantine .bn-panel {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  padding: 2px;
  width: 500px;
  max-width: 100vw;
}

.bn-mantine .bn-panel .bn-tab-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.bn-panel .mantine-TextInput-root,
.bn-panel .mantine-FileInput-root {
  width: 100%;
}

.bn-panel .mantine-Button-root {
  background-color: var(--bn-colors-menu-background);
  border: solid var(--bn-colors-border) 1px;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
  height: 32px;
  width: 60%;
}

.bn-panel .mantine-Button-root:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-panel .mantine-Text-root {
  text-align: center;
}

.bn-mantine .bn-table-handle,
.bn-mantine .bn-extend-button,
.bn-mantine .bn-table-cell-handle {
  align-items: center;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  box-shadow: var(--bn-shadow-light);
  color: var(--bn-colors-side-menu);
  cursor: grab;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  overflow: visible;
  padding: 0;
}

.bn-mantine .bn-table-cell-handle {
  padding: 0 4px;
}

.bn-mantine .bn-table-handle svg {
  margin-inline: -4px;
}

.bn-mantine .bn-table-handle-not-draggable {
  cursor: pointer;
}

.bn-mantine .bn-table-handle:hover,
.bn-mantine .bn-table-handle-dragging,
.bn-mantine .bn-extend-button:hover,
.bn-mantine .bn-extend-button-editing,
.bn-mantine .bn-table-cell-handle:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-mantine .bn-extend-button-add-remove-columns {
  height: 100%;
  width: 18px;
  margin-left: 4px;
  cursor: col-resize;
}

.bn-mantine .bn-extend-button-add-remove-rows {
  height: 18px;
  width: 100%;
  margin-top: 4px;
  cursor: row-resize;
}

.bn-mantine .bn-drag-handle-menu,
.bn-mantine .bn-table-handle-menu {
  overflow: visible;
}

.bn-mantine .bn-tooltip {
  background-color: var(--bn-colors-tooltip-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-tooltip-text);
  padding: 4px 10px;
  text-align: center;
}

.bn-mantine .bn-tick-space {
  padding: 0;
  width: 20px;
}

.bn-mantine .bn-thread {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 350px;
  overflow: visible;
}

.bn-mantine .bn-threads-sidebar .bn-thread {
  box-shadow: none;
}

.bn-mantine .bn-thread-comments,
.bn-mantine .bn-thread-composer {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.bn-mantine .bn-thread-comments {
  gap: 1rem;
}

.bn-mantine .bn-thread-comment {
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

.bn-mantine .bn-thread-comment > .mantine-Group-root {
  gap: 12px;
}

.bn-mantine .bn-thread-comment p {
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-thread .bn-header-text,
.bn-mantine .bn-thread-comment .bn-resolved-text {
  font-size: 0.8rem;
  font-style: italic;
}

.bn-mantine .bn-comment-actions-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.bn-mantine .bn-action-toolbar {
  align-self: flex-end;
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  gap: 0;
  padding: 2px;
}

.bn-action-toolbar .mantine-Button-root,
.bn-action-toolbar .mantine-ActionIcon-root {
  background-color: var(--bn-colors-menu-background);
  border: none;
  border-radius: var(--bn-border-radius-small);
  color: var(--bn-colors-menu-text);
}

.bn-action-toolbar .mantine-Button-root:hover,
.bn-action-toolbar .mantine-ActionIcon-root:hover {
  background-color: var(--bn-colors-hovered-background);
  border: none;
  color: var(--bn-colors-hovered-text);
}

.bn-action-toolbar .mantine-Button-root[data-selected],
.bn-action-toolbar .mantine-ActionIcon-root[data-selected] {
  background-color: var(--bn-colors-selected-background);
  border: none;
  color: var(--bn-colors-selected-text);
}

.bn-action-toolbar .mantine-Button-root[data-disabled],
.bn-action-toolbar .mantine-ActionIcon-root[data-disabled] {
  background-color: var(--bn-colors-disabled-background);
  border: none;
  color: var(--bn-colors-disabled-text);
}

.bn-mantine .bn-action-toolbar .mantine-Menu-itemLabel {
  font-size: 12px;
}

.bn-mantine .bn-badge-group {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  width: 100%;
}

.bn-mantine .bn-badge {
  flex-grow: 0;
}

.bn-mantine .bn-badge .mantine-Chip-label {
  padding: 0 8px;
}

.bn-mantine .bn-badge .mantine-Chip-label:not([data-checked="true"]) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  color: var(--bn-colors-menu-text);
}

.bn-mantine .bn-badge .mantine-Chip-label:hover {
  border: 1px solid var(--mantine-primary-color-filled-hover);
  color: var(--mantine-primary-color-filled-hover);
}

.bn-mantine
  .bn-badge
  .mantine-Chip-label
  > span:not(.mantine-Chip-iconWrapper) {
  display: inline-flex;
  gap: 4px;
}

.bn-mantine
  .bn-badge
  .mantine-Chip-label
  > span:not(.mantine-Chip-iconWrapper)
  > span {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.bn-mantine .bn-combobox-input,
.bn-mantine .bn-combobox-items:not(:empty) {
  background-color: var(--bn-colors-menu-background);
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-medium);
  box-shadow: var(--bn-shadow-medium);
  color: var(--bn-colors-menu-text);
  gap: 4px;
  min-width: 145px;
  padding: 2px;
}

.bn-mantine .bn-combobox-input .bn-combobox-icon,
.bn-mantine .bn-combobox-input .bn-combobox-right-section {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bn-mantine .bn-combobox-input .bn-combobox-error {
  color: var(--bn-colors-highlights-red-background);
}

.bn-mantine .bn-badge .mantine-Chip-iconWrapper {
  display: none;
}