@keyframes skeleton {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes progress {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}

html,
:host {
  --font-fallback:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: var(--global-font-body, var(--font-fallback));
  -webkit-tap-highlight-color: transparent;
}

*,
::before,
::after,
::backdrop,
::file-selector-button {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: var(--global-color-border, currentcolor);
  box-sizing: border-box;
}

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

body {
  line-height: inherit;
  height: 100%;
}

img {
  border-style: none;
}

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

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

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

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

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
  appearance: button;
  -webkit-appearance: button;
}

button,
input,
optgroup,
select,
textarea,
::file-selector-button {
  font: inherit;
  background: var(--colors-transparent);
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
}

::placeholder {
  --placeholder-fallback: rgba(0, 0, 0, 0.5);
  opacity: 1;
  color: var(--global-color-placeholder, var(--placeholder-fallback));
}

@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::placeholder {
    --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

::selection {
  background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
}

textarea {
  resize: vertical;
}

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

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

dialog {
  padding: 0px;
}

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

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

b,
strong {
  font-weight: bolder;
}

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

progress {
  vertical-align: baseline;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

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

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

:-moz-focusring {
  outline: auto;
}

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

:root:not(#\#) {
  --made-with-panda: '🐼';
  --font-inter: Inter;
}

@supports (font-variation-settings: normal) {
  :root:not(#\#) {
    --font-inter: InterVariable;
    font-optical-sizing: auto;
  }
}

html:not(#\#) {
  --global-font-body: var(--fonts-body);
  --global-color-border: var(--colors-border);
  font-size: 16px;
}

body:not(#\#) {
  position: relative;
  color: var(--colors-text-high);
  background-color: var(--colors-bg-high);
  font-family: var(--fonts-sans);
  line-height: var(--line-heights-base);
  font-size: var(--font-sizes-base);
  font-weight: var(--font-weights-regular);
}

[data-panda-theme='landr2025']:not(#\#) body {
  background-color: var(--colors-bg-medium);
}

svg:not(#\#) {
  display: inline-block;
  vertical-align: baseline;
}

*:not(#\#),
:not(#\#)::before,
:not(#\#)::after,
:not(#\#)::backdrop,
:not(#\#)::file-selector-button {
  outline-color: var(--global-color-border);
}

:is(:disabled, [disabled], [data-disabled]):not(#\#) {
  cursor: var(--cursor-disabled);
}

:where(:lang(ja), :lang(ko), :lang(zh)):not(#\#) {
  word-break: keep-all;
}

*:not(#\#),
:not(#\#)::before,
:not(#\#)::after,
:not(#\#)::backdrop {
  --blur: /*-*/ /*-*/;
  --brightness: /*-*/ /*-*/;
  --contrast: /*-*/ /*-*/;
  --grayscale: /*-*/ /*-*/;
  --hue-rotate: /*-*/ /*-*/;
  --invert: /*-*/ /*-*/;
  --saturate: /*-*/ /*-*/;
  --sepia: /*-*/ /*-*/;
  --drop-shadow: /*-*/ /*-*/;
  --backdrop-blur: /*-*/ /*-*/;
  --backdrop-brightness: /*-*/ /*-*/;
  --backdrop-contrast: /*-*/ /*-*/;
  --backdrop-grayscale: /*-*/ /*-*/;
  --backdrop-hue-rotate: /*-*/ /*-*/;
  --backdrop-invert: /*-*/ /*-*/;
  --backdrop-opacity: /*-*/ /*-*/;
  --backdrop-saturate: /*-*/ /*-*/;
  --backdrop-sepia: /*-*/ /*-*/;
  --gradient-from-position: /*-*/ /*-*/;
  --gradient-to-position: /*-*/ /*-*/;
  --gradient-via-position: /*-*/ /*-*/;
  --scroll-snap-strictness: proximity;
  --border-spacing-x: 0;
  --border-spacing-y: 0;
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --rotate-x: 0;
  --rotate-y: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
}

:where(:root, :host):not(#\#):not(#\#) {
  --colors-current: currentColor;
  --colors-black: #000000;
  --colors-white: #ffffff;
  --colors-transparent: rgb(0 0 0 / 0);
  --colors-blue-0: #ffffff;
  --colors-blue-50: #f3f9ff;
  --colors-blue-100: #dbeeff;
  --colors-blue-150: #c2e3ff;
  --colors-blue-200: #aad7ff;
  --colors-blue-250: #92ccff;
  --colors-blue-300: #79c0ff;
  --colors-blue-350: #61b5ff;
  --colors-blue-400: #49aaff;
  --colors-blue-450: #319eff;
  --colors-blue-500: #1893ff;
  --colors-blue-550: #0087ff;
  --colors-blue-600: #007ae7;
  --colors-blue-650: #006ece;
  --colors-blue-700: #0061b6;
  --colors-blue-750: #00549e;
  --colors-blue-800: #004786;
  --colors-blue-850: #003a6d;
  --colors-blue-900: #002d55;
  --colors-blue-950: #00203d;
  --colors-blue-1000: #001324;
  --colors-coal-0: #ffffff;
  --colors-coal-50: #f5f5f5;
  --colors-coal-100: #f0f0f0;
  --colors-coal-150: #e7e7e7;
  --colors-coal-200: #dedede;
  --colors-coal-250: #d4d4d4;
  --colors-coal-300: #cacaca;
  --colors-coal-350: #c1c1c1;
  --colors-coal-400: #b7b7b7;
  --colors-coal-450: #aeaeae;
  --colors-coal-500: #727272;
  --colors-coal-550: #676767;
  --colors-coal-600: #5c5c5c;
  --colors-coal-650: #515151;
  --colors-coal-700: #464646;
  --colors-coal-750: #3b3b3b;
  --colors-coal-800: #313131;
  --colors-coal-850: #272727;
  --colors-coal-900: #1c1c1c;
  --colors-coal-950: #050505;
  --colors-coal-1000: #000000;
  --colors-cyan-0: #ffffff;
  --colors-cyan-50: #f3fcfe;
  --colors-cyan-100: #dcf6fc;
  --colors-cyan-150: #c5f0fa;
  --colors-cyan-200: #adeaf7;
  --colors-cyan-250: #96e4f5;
  --colors-cyan-300: #7fdef3;
  --colors-cyan-350: #67d8f1;
  --colors-cyan-400: #50d2ef;
  --colors-cyan-450: #39cbec;
  --colors-cyan-500: #21c5ea;
  --colors-cyan-550: #15b9de;
  --colors-cyan-600: #13a5c6;
  --colors-cyan-650: #1092af;
  --colors-cyan-700: #0e7e98;
  --colors-cyan-750: #0c6b80;
  --colors-cyan-800: #0a5769;
  --colors-cyan-850: #084452;
  --colors-cyan-900: #05313a;
  --colors-cyan-950: #031d23;
  --colors-cyan-1000: #010a0c;
  --colors-gray-0: #ffffff;
  --colors-gray-50: #f5f5f5;
  --colors-gray-100: #f0f0f0;
  --colors-gray-150: #e7e7e7;
  --colors-gray-200: #dedede;
  --colors-gray-250: #d4d4d4;
  --colors-gray-300: #cacaca;
  --colors-gray-350: #c1c1c1;
  --colors-gray-400: #b7b7b7;
  --colors-gray-450: #aeaeae;
  --colors-gray-500: #727272;
  --colors-gray-550: #676767;
  --colors-gray-600: #5c5c5c;
  --colors-gray-650: #515151;
  --colors-gray-700: #464646;
  --colors-gray-750: #3b3b3b;
  --colors-gray-800: #313131;
  --colors-gray-850: #272727;
  --colors-gray-900: #1c1c1c;
  --colors-gray-950: #050505;
  --colors-gray-1000: #000000;
  --colors-green-0: #ffffff;
  --colors-green-50: #f0fdf4;
  --colors-green-100: #dcfce7;
  --colors-green-150: #ccfadc;
  --colors-green-200: #bbf7d0;
  --colors-green-250: #a0f3be;
  --colors-green-300: #86efac;
  --colors-green-350: #68e696;
  --colors-green-400: #4ade80;
  --colors-green-450: #36d26f;
  --colors-green-500: #22c55e;
  --colors-green-550: #1cb454;
  --colors-green-600: #16a34a;
  --colors-green-650: #169244;
  --colors-green-700: #15803d;
  --colors-green-750: #167238;
  --colors-green-800: #166534;
  --colors-green-850: #155c30;
  --colors-green-900: #14532d;
  --colors-green-950: #0c4022;
  --colors-green-1000: #052e16;
  --colors-orange-0: #ffffff;
  --colors-orange-50: #fef8f3;
  --colors-orange-100: #fdeadb;
  --colors-orange-150: #fbdcc3;
  --colors-orange-200: #f9ceab;
  --colors-orange-250: #f8c093;
  --colors-orange-300: #f6b27c;
  --colors-orange-350: #f5a364;
  --colors-orange-400: #f3954c;
  --colors-orange-450: #f18734;
  --colors-orange-500: #f0791c;
  --colors-orange-550: #e36c0f;
  --colors-orange-600: #cb610e;
  --colors-orange-650: #b3560c;
  --colors-orange-700: #9b4a0a;
  --colors-orange-750: #833f09;
  --colors-orange-800: #6c3307;
  --colors-orange-850: #542806;
  --colors-orange-900: #3c1d04;
  --colors-orange-950: #241102;
  --colors-orange-1000: #0c0601;
  --colors-purple-0: #ffffff;
  --colors-purple-50: #f6f5fd;
  --colors-purple-100: #e5e1f8;
  --colors-purple-150: #d4cdf4;
  --colors-purple-200: #c3b9f0;
  --colors-purple-250: #b1a5eb;
  --colors-purple-300: #a091e7;
  --colors-purple-350: #8f7de3;
  --colors-purple-400: #7e69de;
  --colors-purple-450: #6c55da;
  --colors-purple-500: #5b41d6;
  --colors-purple-550: #4a2ed1;
  --colors-purple-600: #4329bd;
  --colors-purple-650: #3c25aa;
  --colors-purple-700: #352196;
  --colors-purple-750: #2e1c82;
  --colors-purple-800: #27186e;
  --colors-purple-850: #20145a;
  --colors-purple-900: #190f46;
  --colors-purple-950: #120b32;
  --colors-purple-1000: #0b071e;
  --colors-red-0: #ffffff;
  --colors-red-50: #fef4f4;
  --colors-red-100: #fcddde;
  --colors-red-150: #fbc7c9;
  --colors-red-200: #f9b0b3;
  --colors-red-250: #f79a9d;
  --colors-red-300: #f58388;
  --colors-red-350: #f36d72;
  --colors-red-400: #f2565c;
  --colors-red-450: #f04046;
  --colors-red-500: #ee2931;
  --colors-red-550: #ec131b;
  --colors-red-600: #d61118;
  --colors-red-650: #bf0f16;
  --colors-red-700: #a90d13;
  --colors-red-750: #920c11;
  --colors-red-800: #7c0a0e;
  --colors-red-850: #65080c;
  --colors-red-900: #4f0609;
  --colors-red-950: #380406;
  --colors-red-1000: #220304;
  --colors-slate-0: #ffffff;
  --colors-slate-50: #f9fafb;
  --colors-slate-100: #f6f6f8;
  --colors-slate-150: #ebecf0;
  --colors-slate-200: #dfe3e9;
  --colors-slate-250: #d2d8df;
  --colors-slate-300: #c5cdd5;
  --colors-slate-350: #b9c2ca;
  --colors-slate-400: #adb7bf;
  --colors-slate-450: #8c97a0;
  --colors-slate-500: #6c7782;
  --colors-slate-550: #636f7b;
  --colors-slate-600: #5a6774;
  --colors-slate-650: #4e5d6a;
  --colors-slate-700: #435261;
  --colors-slate-750: #384757;
  --colors-slate-800: #2c3c4d;
  --colors-slate-850: #203243;
  --colors-slate-900: #142739;
  --colors-slate-950: #102132;
  --colors-slate-1000: #0c1b2b;
  --colors-smoke-0: #ffffff;
  --colors-smoke-50: #f5f5f5;
  --colors-smoke-100: #eeeef0;
  --colors-smoke-150: #e4e5e7;
  --colors-smoke-200: #d9dade;
  --colors-smoke-250: #cecfd4;
  --colors-smoke-300: #c3c5ca;
  --colors-smoke-350: #b8bac1;
  --colors-smoke-400: #aeb0b7;
  --colors-smoke-450: #a3a6ae;
  --colors-smoke-500: #646872;
  --colors-smoke-550: #5a5d67;
  --colors-smoke-600: #51545c;
  --colors-smoke-650: #484a51;
  --colors-smoke-700: #3e4046;
  --colors-smoke-750: #34363b;
  --colors-smoke-800: #2a2c31;
  --colors-smoke-850: #202226;
  --colors-smoke-900: #18191c;
  --colors-smoke-950: #050505;
  --colors-smoke-1000: #000000;
  --colors-turquoise-0: #ffffff;
  --colors-turquoise-50: #f5f5f5;
  --colors-turquoise-100: #e2f8f8;
  --colors-turquoise-150: #ccf2f2;
  --colors-turquoise-200: #b7eded;
  --colors-turquoise-250: #a3e8e8;
  --colors-turquoise-300: #8ee3e3;
  --colors-turquoise-350: #7adede;
  --colors-turquoise-400: #51d4d4;
  --colors-turquoise-450: #30c2c2;
  --colors-turquoise-500: #1baeb1;
  --colors-turquoise-550: #269999;
  --colors-turquoise-600: #218585;
  --colors-turquoise-650: #1c7171;
  --colors-turquoise-700: #175c5c;
  --colors-turquoise-750: #124848;
  --colors-turquoise-800: #0d3333;
  --colors-turquoise-850: #081f1f;
  --colors-turquoise-900: #021416;
  --colors-turquoise-950: #010d0e;
  --colors-turquoise-1000: #020a0a;
  --colors-vermillon-0: #ffffff;
  --colors-vermillon-50: #fff3f5;
  --colors-vermillon-100: #fedbe0;
  --colors-vermillon-150: #fec3cc;
  --colors-vermillon-200: #feabb8;
  --colors-vermillon-250: #fd93a3;
  --colors-vermillon-300: #fd7b8f;
  --colors-vermillon-350: #fd637b;
  --colors-vermillon-400: #fc4c66;
  --colors-vermillon-450: #fc3452;
  --colors-vermillon-500: #fc1c3e;
  --colors-vermillon-550: #fc1c3e;
  --colors-vermillon-600: #e30326;
  --colors-vermillon-650: #cb0322;
  --colors-vermillon-700: #b3031e;
  --colors-vermillon-750: #9c021a;
  --colors-vermillon-800: #840216;
  --colors-vermillon-850: #6c0212;
  --colors-vermillon-900: #54010e;
  --colors-vermillon-950: #3c010a;
  --colors-vermillon-1000: #240106;
  --colors-yellow-0: #ffffff;
  --colors-yellow-50: #fff9f3;
  --colors-yellow-100: #fff4db;
  --colors-yellow-150: #fff1c3;
  --colors-yellow-200: #ffeaac;
  --colors-yellow-250: #ffe594;
  --colors-yellow-300: #ffe17c;
  --colors-yellow-350: #ffd864;
  --colors-yellow-400: #ffd54c;
  --colors-yellow-450: #ffd035;
  --colors-yellow-500: #ffc71f;
  --colors-yellow-550: #ffbc11;
  --colors-yellow-600: #f3af0f;
  --colors-yellow-650: #db9d0e;
  --colors-yellow-700: #c2890d;
  --colors-yellow-750: #aa750c;
  --colors-yellow-800: #91640b;
  --colors-yellow-850: #785109;
  --colors-yellow-900: #603e08;
  --colors-yellow-950: #462806;
  --colors-yellow-1000: #2d1405;
  --shadows-1: 0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 3px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
  --shadows-2: 0 6px 10px 0 rgba(0, 0, 0, 0.04), 0 1px 18px 0 rgba(0, 0, 0, 0.04), 0 3px 5px 0 rgba(0, 0, 0, 0.08);
  --shadows-3: 0 12px 17px 2px rgba(0, 0, 0, 0.04), 0 5px 22px 4px rgba(0, 0, 0, 0.04), 0 7px 8px 0 rgba(0, 0, 0, 0.08);
  --font-sizes-xs: 0.6875rem;
  --font-sizes-sm: 0.8125rem;
  --font-sizes-md: 1rem;
  --font-sizes-base: 1rem;
  --font-sizes-lg: 1.125rem;
  --font-sizes-xl: 1.5rem;
  --font-sizes-2xl: 1.875rem;
  --font-sizes-3xl: 2.25rem;
  --font-sizes-4xl: 3rem;
  --font-sizes-5xl: 3.75rem;
  --font-sizes-6xl: 6rem;
  --font-sizes-xxl: 1.875rem;
  --font-sizes-xxxl: 2.25rem;
  --font-sizes-jb: 3rem;
  --font-sizes-mg: 3.75rem;
  --font-weights-light: 300;
  --font-weights-regular: 400;
  --font-weights-semibold: 500;
  --font-weights-bold: 500;
  --font-weights-extrabold: 500;
  --fonts-sans:
    var(--font-inter), -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Avenir Next', 'Avenir', 'Segoe UI',
    'Helvetica', 'Cantarell', 'Ubuntu', 'Roboto', 'Noto', 'Arial', sans-serif;
  --fonts-serif:
    -apple-system-ui-serif, ui-serif, 'Iowan Old Style', 'Apple Garamond', 'Georgia', 'Baskerville', 'Times New Roman',
    'Droid Serif', 'Times', 'Source Serif Pro', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --fonts-mono:
    ui-monospace, SFMono-Regular, ui-monospace, 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console',
    monospace;
  --letter-spacings-1: -1.2px;
  --letter-spacings-2: -0.8px;
  --letter-spacings-3: -0.4px;
  --letter-spacings-4: -0.2px;
  --letter-spacings-6: 0.2px;
  --letter-spacings-base: 0px;
  --line-heights-xs: 1rem;
  --line-heights-sm: 1.25rem;
  --line-heights-base: 1.5rem;
  --line-heights-md: 1.5rem;
  --line-heights-lg: 1.75rem;
  --line-heights-xl: 2rem;
  --line-heights-2xl: 2.25rem;
  --line-heights-3xl: 2.5rem;
  --line-heights-4xl: 3rem;
  --line-heights-5xl: 3.5rem;
  --line-heights-6xl: 4rem;
  --line-heights-xxl: 2.25rem;
  --line-heights-xxxl: 2.5rem;
  --line-heights-jb: 3rem;
  --line-heights-mg: 4rem;
  --animations-spin: spin 1.4s linear infinite;
  --animations-progress: progress 1.4s ease-in-out infinite;
  --radii-none: 0;
  --radii-sm: 0.25rem;
  --radii-md: 0.375rem;
  --radii-lg: 0.5rem;
  --radii-xl: 0.75rem;
  --radii-2xl: 1rem;
  --radii-3xl: 1.5rem;
  --radii-round: 100rem;
  --spacing-0: 0rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-18: 4.5rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-0\.5: 0.125rem;
  --spacing-1\.5: 0.375rem;
  --spacing-2\.5: 0.625rem;
  --spacing-3\.5: 0.875rem;
  --cursor-click: pointer;
  --cursor-disabled: not-allowed;
  --cursor-dragging: grabbing;
  --sizes-0: 0rem;
  --sizes-1: 0.25rem;
  --sizes-2: 0.5rem;
  --sizes-3: 0.75rem;
  --sizes-4: 1rem;
  --sizes-5: 1.25rem;
  --sizes-6: 1.5rem;
  --sizes-7: 1.75rem;
  --sizes-8: 2rem;
  --sizes-9: 2.25rem;
  --sizes-10: 2.5rem;
  --sizes-11: 2.75rem;
  --sizes-12: 3rem;
  --sizes-14: 3.5rem;
  --sizes-16: 4rem;
  --sizes-20: 5rem;
  --sizes-24: 6rem;
  --sizes-28: 7rem;
  --sizes-32: 8rem;
  --sizes-36: 9rem;
  --sizes-40: 10rem;
  --sizes-44: 11rem;
  --sizes-48: 12rem;
  --sizes-52: 13rem;
  --sizes-56: 14rem;
  --sizes-60: 15rem;
  --sizes-64: 16rem;
  --sizes-72: 18rem;
  --sizes-80: 20rem;
  --sizes-96: 24rem;
  --sizes-0\.5: 0.125rem;
  --sizes-1\.5: 0.375rem;
  --sizes-2\.5: 0.625rem;
  --sizes-3\.5: 0.875rem;
  --sizes-xs: 1.5rem;
  --sizes-sm: 2.25rem;
  --sizes-md: 3rem;
  --sizes-lg: 4rem;
  --sizes-xl: 5rem;
  --sizes-2xl: 7rem;
  --sizes-3xl: 11rem;
  --sizes-4xl: 15rem;
  --sizes-5xl: 64rem;
  --sizes-6xl: 72rem;
  --sizes-7xl: 80rem;
  --sizes-8xl: 90rem;
  --sizes-prose: 65ch;
  --sizes-full: 100%;
  --sizes-min: min-content;
  --sizes-max: max-content;
  --sizes-fit: fit-content;
  --sizes-breakpoint-xs: 320px;
  --sizes-breakpoint-sm: 480px;
  --sizes-breakpoint-ms: 600px;
  --sizes-breakpoint-md: 768px;
  --sizes-breakpoint-ml: 960px;
  --sizes-breakpoint-lg: 1024px;
  --sizes-breakpoint-xl: 1280px;
  --sizes-breakpoint-xxl: 1330px;
  --sizes-breakpoint-jb: 1440px;
  --sizes-breakpoint-mobile: 320px;
  --sizes-breakpoint-mobile-landscape: 480px;
  --sizes-breakpoint-tablet: 600px;
  --sizes-breakpoint-tablet-landscape: 768px;
  --sizes-breakpoint-laptop: 960px;
  --sizes-breakpoint-desktop: 1024px;
  --sizes-breakpoint-widescreen: 1280px;
  --sizes-breakpoint-ultra-wide: 1330px;
  --sizes-breakpoint-full-h-d: 1440px;
  --breakpoints-xs: 320px;
  --breakpoints-sm: 480px;
  --breakpoints-ms: 600px;
  --breakpoints-md: 768px;
  --breakpoints-ml: 960px;
  --breakpoints-lg: 1024px;
  --breakpoints-xl: 1280px;
  --breakpoints-xxl: 1330px;
  --breakpoints-jb: 1440px;
  --breakpoints-mobile: 320px;
  --breakpoints-mobile-landscape: 480px;
  --breakpoints-tablet: 600px;
  --breakpoints-tablet-landscape: 768px;
  --breakpoints-laptop: 960px;
  --breakpoints-desktop: 1024px;
  --breakpoints-widescreen: 1280px;
  --breakpoints-ultra-wide: 1330px;
  --breakpoints-full-h-d: 1440px;
  --gradients-hero: radial-gradient(
    90.35% 95.74% at 74.24% -39.14%,
    var(--colors-primary) 0%,
    var(--colors-bg-high) 100%
  );
  --gradients-primary-linear: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--colors-surface-primary-high) 20%, transparent) 0.27%,
    color-mix(in srgb, var(--colors-surface-primary-disabled) 20%, transparent) 124.5%
  );
  --gradients-primary-radial: radial-gradient(
    59.47% 47.25% at 50% 0%,
    color-mix(in srgb, var(--colors-surface-primary-high) 12%, transparent),
    color-mix(in srgb, var(--colors-surface-primary-disabled) 12%, transparent)
  );
  --gradients-neutral-linear: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--colors-surface-neutral-high-active) 20%, transparent) 0.46%,
    color-mix(in srgb, var(--colors-surface-neutral-medium-subtle) 20%, transparent) 121.09%
  );
  --gradients-neutral-radial: radial-gradient(
    59.47% 47.25% at 50% 0%,
    color-mix(in srgb, var(--colors-surface-neutral-high-active) 20%, transparent),
    color-mix(in srgb, var(--colors-surface-neutral-medium-subtle) 20%, transparent)
  );
  --gradients-neutral-background: radial-gradient(
    98.18% 64.02% at 54.99% -0.7%,
    var(--colors-lightings-neutral-start),
    var(--colors-lightings-neutral-end)
  );
  --gradients-success-linear: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--colors-surface-success-high) 20%, transparent) 0.27%,
    color-mix(in srgb, var(--colors-surface-success-disabled) 20%, transparent) 124.5%
  );
  --gradients-success-radial: radial-gradient(
    59.47% 47.25% at 50% 0%,
    color-mix(in srgb, var(--colors-surface-success-high) 12%, transparent),
    color-mix(in srgb, var(--colors-surface-success-disabled) 12%, transparent)
  );
  --gradients-warning-linear: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--colors-surface-warning-high) 20%, transparent) 0.54%,
    color-mix(in srgb, var(--colors-surface-warning-disabled) 20%, transparent) 121.77%
  );
  --gradients-warning-radial: radial-gradient(
    59.47% 47.25% at 50% 0%,
    color-mix(in srgb, var(--colors-surface-warning-high) 12%, transparent),
    color-mix(in srgb, var(--colors-surface-warning-disabled) 12%, transparent)
  );
  --gradients-danger-linear: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--colors-surface-danger-high) 20%, transparent) 0.54%,
    color-mix(in srgb, var(--colors-surface-danger-disabled) 20%, transparent) 126.21%
  );
  --gradients-danger-radial: radial-gradient(
    59.47% 47.25% at 50% 0%,
    color-mix(in srgb, var(--colors-surface-danger-high) 12%, transparent),
    color-mix(in srgb, var(--colors-surface-danger-disabled) 12%, transparent)
  );
  --gradients-info-linear: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--colors-surface-info-high) 20%, transparent) 0.54%,
    color-mix(in srgb, var(--colors-surface-info-disabled) 20%, transparent) 123.58%
  );
  --gradients-info-radial: radial-gradient(
    59.47% 47.25% at 50% 0%,
    color-mix(in srgb, var(--colors-surface-info-high) 12%, transparent),
    color-mix(in srgb, var(--colors-surface-info-disabled) 12%, transparent)
  );
  --opacity-invisible: 0;
  --opacity-transparent: 0.16;
  --opacity-shadow: 0.32;
  --opacity-subtle: 0.48;
  --opacity-translucent: 0.64;
  --opacity-overlay: 0.8;
  --opacity-opaque: 1;
  --radii-xs: 0.125rem;
  --radii-4xl: 2rem;
  --radii-full: 9999px;
  --radii-base: var(--radii-md);
  --radii-popover: var(--radii-lg);
  --radii-tooltip: var(--radii-md);
  --radii-hover-card: var(--radii-lg);
  --radii-modal: var(--radii-xl);
  --radii-drawer: var(--radii-2xl);
  --radii-button: var(--radii-md);
  --radii-input: var(--radii-md);
  --radii-menu-item: var(--radii-lg);
  --radii-container-sm: var(--radii-lg);
  --shadows-2xs: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  --shadows-xs: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
  --shadows-sm: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
  --shadows-md: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
  --shadows-lg: 0px 16px 24px 0px rgba(0, 0, 0, 0.24);
  --shadows-xl: 0px 24px 36px 0px rgba(0, 0, 0, 0.24);
  --spacing-none: var(--spacing-0);
  --spacing-2xs: var(--spacing-1);
  --spacing-xs: var(--spacing-2);
  --spacing-sm: var(--spacing-3);
  --spacing-md: var(--spacing-4);
  --spacing-lg: var(--spacing-5);
  --spacing-xl: var(--spacing-6);
  --spacing-2xl: var(--spacing-9);
  --spacing-3xl: var(--spacing-12);
  --spacing-4xl: var(--spacing-18);
  --spacing-xxs: var(--spacing-1);
  --spacing-xxl: var(--spacing-9);
  --spacing-jb: var(--spacing-12);
  --spacing-mg: var(--spacing-18);
  --fonts-heading: var(--fonts-sans);
  --fonts-body: var(--fonts-sans);
  --sizes-2xs: 1rem;
  --sizes-container-xs: 320px;
  --sizes-container-sm: 480px;
  --sizes-container-ms: 600px;
  --sizes-container-md: 768px;
  --sizes-container-ml: 960px;
  --sizes-container-lg: 1024px;
  --sizes-container-xl: 1280px;
  --sizes-container-xxl: 1330px;
  --sizes-container-jb: 1440px;
  --sizes-navbar: var(--sizes-lg);
  --z-index-absolute-top: 2147483638;
  --z-index-toast: 5000;
  --z-index-alert: 4000;
  --z-index-modal: 3000;
  --z-index-overlay: 2000;
  --z-index-sub-overlay: 1000;
  --z-index-base: 0;
  --colors-secondary-0: var(--colors-blue-0);
  --colors-secondary-50: var(--colors-blue-50);
  --colors-secondary-100: var(--colors-blue-100);
  --colors-secondary-150: var(--colors-blue-150);
  --colors-secondary-200: var(--colors-blue-200);
  --colors-secondary-250: var(--colors-blue-250);
  --colors-secondary-300: var(--colors-blue-300);
  --colors-secondary-350: var(--colors-blue-350);
  --colors-secondary-400: var(--colors-blue-400);
  --colors-secondary-450: var(--colors-blue-450);
  --colors-secondary-500: var(--colors-blue-500);
  --colors-secondary-550: var(--colors-blue-550);
  --colors-secondary-600: var(--colors-blue-600);
  --colors-secondary-650: var(--colors-blue-650);
  --colors-secondary-700: var(--colors-blue-700);
  --colors-secondary-750: var(--colors-blue-750);
  --colors-secondary-800: var(--colors-blue-800);
  --colors-secondary-850: var(--colors-blue-850);
  --colors-secondary-900: var(--colors-blue-900);
  --colors-secondary-950: var(--colors-blue-950);
  --colors-secondary-1000: var(--colors-blue-1000);
  --colors-secondary: var(--colors-blue-500);
  --colors-warning-0: var(--colors-yellow-0);
  --colors-warning-50: var(--colors-yellow-50);
  --colors-warning-100: var(--colors-yellow-100);
  --colors-warning-150: var(--colors-yellow-150);
  --colors-warning-200: var(--colors-yellow-200);
  --colors-warning-250: var(--colors-yellow-250);
  --colors-warning-300: var(--colors-yellow-300);
  --colors-warning-350: var(--colors-yellow-350);
  --colors-warning-400: var(--colors-yellow-400);
  --colors-warning-450: var(--colors-yellow-450);
  --colors-warning-500: var(--colors-yellow-500);
  --colors-warning-550: var(--colors-yellow-550);
  --colors-warning-600: var(--colors-yellow-600);
  --colors-warning-650: var(--colors-yellow-650);
  --colors-warning-700: var(--colors-yellow-700);
  --colors-warning-750: var(--colors-yellow-750);
  --colors-warning-800: var(--colors-yellow-800);
  --colors-warning-850: var(--colors-yellow-850);
  --colors-warning-900: var(--colors-yellow-900);
  --colors-warning-950: var(--colors-yellow-950);
  --colors-warning-1000: var(--colors-yellow-1000);
  --colors-warning: var(--colors-yellow-500);
  --colors-danger-0: var(--colors-red-0);
  --colors-danger-50: var(--colors-red-50);
  --colors-danger-100: var(--colors-red-100);
  --colors-danger-150: var(--colors-red-150);
  --colors-danger-200: var(--colors-red-200);
  --colors-danger-250: var(--colors-red-250);
  --colors-danger-300: var(--colors-red-300);
  --colors-danger-350: var(--colors-red-350);
  --colors-danger-400: var(--colors-red-400);
  --colors-danger-450: var(--colors-red-450);
  --colors-danger-500: var(--colors-red-500);
  --colors-danger-550: var(--colors-red-550);
  --colors-danger-600: var(--colors-red-600);
  --colors-danger-650: var(--colors-red-650);
  --colors-danger-700: var(--colors-red-700);
  --colors-danger-750: var(--colors-red-750);
  --colors-danger-800: var(--colors-red-800);
  --colors-danger-850: var(--colors-red-850);
  --colors-danger-900: var(--colors-red-900);
  --colors-danger-950: var(--colors-red-950);
  --colors-danger-1000: var(--colors-red-1000);
  --colors-danger: var(--colors-red-500);
  --colors-info-0: var(--colors-blue-0);
  --colors-info-50: var(--colors-blue-50);
  --colors-info-100: var(--colors-blue-100);
  --colors-info-150: var(--colors-blue-150);
  --colors-info-200: var(--colors-blue-200);
  --colors-info-250: var(--colors-blue-250);
  --colors-info-300: var(--colors-blue-300);
  --colors-info-350: var(--colors-blue-350);
  --colors-info-400: var(--colors-blue-400);
  --colors-info-450: var(--colors-blue-450);
  --colors-info-500: var(--colors-blue-500);
  --colors-info-550: var(--colors-blue-550);
  --colors-info-600: var(--colors-blue-600);
  --colors-info-650: var(--colors-blue-650);
  --colors-info-700: var(--colors-blue-700);
  --colors-info-750: var(--colors-blue-750);
  --colors-info-800: var(--colors-blue-800);
  --colors-info-850: var(--colors-blue-850);
  --colors-info-900: var(--colors-blue-900);
  --colors-info-950: var(--colors-blue-950);
  --colors-info-1000: var(--colors-blue-1000);
  --colors-info: var(--colors-blue-500);
  --colors-waveform-play-head: var(--colors-surface-primary);
  --colors-waveform-play-head-text: var(--colors-text-primary-inverted);
  --colors-primary-0: var(--colors-turquoise-0);
  --colors-primary-50: var(--colors-turquoise-50);
  --colors-primary-100: var(--colors-turquoise-100);
  --colors-primary-150: var(--colors-turquoise-150);
  --colors-primary-200: var(--colors-turquoise-200);
  --colors-primary-250: var(--colors-turquoise-250);
  --colors-primary-300: var(--colors-turquoise-300);
  --colors-primary-350: var(--colors-turquoise-350);
  --colors-primary-400: var(--colors-turquoise-400);
  --colors-primary-450: var(--colors-turquoise-450);
  --colors-primary-500: var(--colors-turquoise-500);
  --colors-primary-550: var(--colors-turquoise-550);
  --colors-primary-600: var(--colors-turquoise-600);
  --colors-primary-650: var(--colors-turquoise-650);
  --colors-primary-700: var(--colors-turquoise-700);
  --colors-primary-750: var(--colors-turquoise-750);
  --colors-primary-800: var(--colors-turquoise-800);
  --colors-primary-850: var(--colors-turquoise-850);
  --colors-primary-900: var(--colors-turquoise-900);
  --colors-primary-950: var(--colors-turquoise-950);
  --colors-primary-1000: var(--colors-turquoise-1000);
  --colors-primary: var(--colors-turquoise-500);
  --colors-neutral-0: var(--colors-slate-0);
  --colors-neutral-50: var(--colors-slate-50);
  --colors-neutral-100: var(--colors-slate-100);
  --colors-neutral-150: var(--colors-slate-150);
  --colors-neutral-200: var(--colors-slate-200);
  --colors-neutral-250: var(--colors-slate-250);
  --colors-neutral-300: var(--colors-slate-300);
  --colors-neutral-350: var(--colors-slate-350);
  --colors-neutral-400: var(--colors-slate-400);
  --colors-neutral-450: var(--colors-slate-450);
  --colors-neutral-500: var(--colors-slate-500);
  --colors-neutral-550: var(--colors-slate-550);
  --colors-neutral-600: var(--colors-slate-600);
  --colors-neutral-650: var(--colors-slate-650);
  --colors-neutral-700: var(--colors-slate-700);
  --colors-neutral-750: var(--colors-slate-750);
  --colors-neutral-800: var(--colors-slate-800);
  --colors-neutral-850: var(--colors-slate-850);
  --colors-neutral-900: var(--colors-slate-900);
  --colors-neutral-950: var(--colors-slate-950);
  --colors-neutral-1000: var(--colors-slate-1000);
  --colors-neutral: var(--colors-slate-500);
  --colors-success-0: var(--colors-turquoise-0);
  --colors-success-50: var(--colors-turquoise-50);
  --colors-success-100: var(--colors-turquoise-100);
  --colors-success-150: var(--colors-turquoise-150);
  --colors-success-200: var(--colors-turquoise-200);
  --colors-success-250: var(--colors-turquoise-250);
  --colors-success-300: var(--colors-turquoise-300);
  --colors-success-350: var(--colors-turquoise-350);
  --colors-success-400: var(--colors-turquoise-400);
  --colors-success-450: var(--colors-turquoise-450);
  --colors-success-500: var(--colors-turquoise-500);
  --colors-success-550: var(--colors-turquoise-550);
  --colors-success-600: var(--colors-turquoise-600);
  --colors-success-650: var(--colors-turquoise-650);
  --colors-success-700: var(--colors-turquoise-700);
  --colors-success-750: var(--colors-turquoise-750);
  --colors-success-800: var(--colors-turquoise-800);
  --colors-success-850: var(--colors-turquoise-850);
  --colors-success-900: var(--colors-turquoise-900);
  --colors-success-950: var(--colors-turquoise-950);
  --colors-success-1000: var(--colors-turquoise-1000);
  --colors-success: var(--colors-turquoise-500);
}

:where([data-color-mode='light'], .light):not(#\#):not(#\#) {
  --gradients-skeleton: linear-gradient(
    -45deg,
    var(--colors-neutral-200) 0%,
    var(--colors-neutral-100) 48%,
    var(--colors-neutral-100) 52%,
    var(--colors-neutral-200) 100%
  );
  --borders-base: 1px solid var(--colors-border-high);
  --borders-high: 1px solid var(--colors-border-high);
  --borders-medium: 1px solid var(--colors-border-medium);
  --borders-low: 1px solid var(--colors-border-low);
  --borders-primary: 1px solid var(--colors-border-primary);
  --borders-secondary: 1px solid var(--colors-border-secondary);
  --borders-danger: 1px solid var(--colors-border-danger);
  --borders-warning: 1px solid var(--colors-border-warning);
  --borders-success: 1px solid var(--colors-border-success);
  --shadows-focus: 0px 0px 0px 2px var(--colors-slate-900);
  --colors-bg-high: var(--colors-neutral-100);
  --colors-bg-medium: var(--colors-neutral-50);
  --colors-bg-low: var(--colors-neutral-0);
  --colors-lightings-neutral-start: var(--colors-neutral-0);
  --colors-lightings-neutral-end: color-mix(in srgb, var(--colors-neutral-0) 0%, transparent);
  --colors-surface-high: var(--colors-neutral-0);
  --colors-surface-medium: var(--colors-neutral-50);
  --colors-surface-low: var(--colors-neutral-150);
  --colors-surface-inverted: var(--colors-neutral-1000);
  --colors-surface-overlay: color-mix(in srgb, var(--colors-neutral-1000) 60%, transparent);
  --colors-surface-handle: var(--colors-neutral-50);
  --colors-surface-neutral-high: var(--colors-neutral-750);
  --colors-surface-neutral-high-subtle: color-mix(in srgb, var(--colors-neutral-900) 8%, transparent);
  --colors-surface-neutral-high-clear: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-surface-neutral-high-disabled: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-surface-neutral-high-hover: var(--colors-neutral-550);
  --colors-surface-neutral-high-active: var(--colors-neutral-700);
  --colors-surface-neutral-medium: var(--colors-neutral-150);
  --colors-surface-neutral-medium-subtle: color-mix(in srgb, var(--colors-neutral-100) 52%, transparent);
  --colors-surface-neutral-medium-disabled: color-mix(in srgb, var(--colors-neutral-100) 32%, transparent);
  --colors-surface-neutral-medium-hover: var(--colors-neutral-250);
  --colors-surface-neutral-medium-active: var(--colors-neutral-250);
  --colors-surface-neutral-low: var(--colors-neutral-0);
  --colors-surface-neutral-low-subtle: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-surface-neutral-low-disabled: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-surface-neutral-low-hover: var(--colors-neutral-100);
  --colors-surface-neutral-low-active: var(--colors-neutral-100);
  --colors-surface-primary: var(--colors-primary);
  --colors-surface-primary-high: var(--colors-primary-400);
  --colors-surface-primary-low: var(--colors-primary-100);
  --colors-surface-primary-subtle: color-mix(in srgb, var(--colors-primary-400) 24%, transparent);
  --colors-surface-primary-clear: color-mix(in srgb, var(--colors-primary-400) 32%, transparent);
  --colors-surface-primary-disabled: color-mix(in srgb, var(--colors-primary-400) 32%, transparent);
  --colors-surface-primary-hover: var(--colors-primary-450);
  --colors-surface-primary-active: var(--colors-primary-450);
  --colors-surface-secondary: var(--colors-secondary-650);
  --colors-surface-secondary-high: var(--colors-secondary-650);
  --colors-surface-secondary-low: var(--colors-secondary-100);
  --colors-surface-secondary-subtle: color-mix(in srgb, var(--colors-secondary-700) 8%, transparent);
  --colors-surface-secondary-clear: color-mix(in srgb, var(--colors-secondary-700) 32%, transparent);
  --colors-surface-secondary-disabled: color-mix(in srgb, var(--colors-secondary-700) 32%, transparent);
  --colors-surface-secondary-hover: var(--colors-secondary-750);
  --colors-surface-secondary-active: var(--colors-secondary-750);
  --colors-surface-warning: var(--colors-warning-500);
  --colors-surface-warning-high: var(--colors-warning-500);
  --colors-surface-warning-low: var(--colors-warning-100);
  --colors-surface-warning-subtle: color-mix(in srgb, var(--colors-warning-500) 8%, transparent);
  --colors-surface-warning-clear: color-mix(in srgb, var(--colors-warning-500) 32%, transparent);
  --colors-surface-warning-disabled: color-mix(in srgb, var(--colors-warning-500) 32%, transparent);
  --colors-surface-warning-hover: var(--colors-warning-600);
  --colors-surface-warning-active: var(--colors-warning-600);
  --colors-surface-danger: var(--colors-danger-600);
  --colors-surface-danger-high: var(--colors-danger-600);
  --colors-surface-danger-low: var(--colors-danger-50);
  --colors-surface-danger-subtle: color-mix(in srgb, var(--colors-danger-600) 8%, transparent);
  --colors-surface-danger-clear: color-mix(in srgb, var(--colors-danger-600) 32%, transparent);
  --colors-surface-danger-disabled: color-mix(in srgb, var(--colors-danger-600) 32%, transparent);
  --colors-surface-danger-hover: var(--colors-danger-650);
  --colors-surface-danger-active: var(--colors-danger-650);
  --colors-surface-success: var(--colors-success-400);
  --colors-surface-success-high: var(--colors-success-400);
  --colors-surface-success-low: var(--colors-success-100);
  --colors-surface-success-subtle: color-mix(in srgb, var(--colors-success-400) 24%, transparent);
  --colors-surface-success-clear: color-mix(in srgb, var(--colors-success-400) 32%, transparent);
  --colors-surface-success-disabled: color-mix(in srgb, var(--colors-success-400) 32%, transparent);
  --colors-surface-success-hover: var(--colors-success-500);
  --colors-surface-success-active: var(--colors-success-500);
  --colors-surface-info: var(--colors-info-650);
  --colors-surface-info-high: var(--colors-info-650);
  --colors-surface-info-low: var(--colors-info-100);
  --colors-surface-info-subtle: color-mix(in srgb, var(--colors-info-600) 8%, transparent);
  --colors-surface-info-clear: color-mix(in srgb, var(--colors-info-600) 32%, transparent);
  --colors-surface-info-disabled: color-mix(in srgb, var(--colors-info-600) 32%, transparent);
  --colors-surface-info-hover: var(--colors-info-700);
  --colors-surface-info-active: var(--colors-info-700);
  --colors-text-high: var(--colors-neutral-900);
  --colors-text-medium: var(--colors-neutral-600);
  --colors-text-low: var(--colors-neutral-450);
  --colors-text-disabled: var(--colors-neutral-400);
  --colors-text-inverted: var(--colors-neutral-50);
  --colors-text-inverted-high: var(--colors-neutral-50);
  --colors-text-neutral: var(--colors-neutral-900);
  --colors-text-neutral-high: var(--colors-neutral-50);
  --colors-text-neutral-medium: var(--colors-neutral-900);
  --colors-text-neutral-inverted: var(--colors-neutral-50);
  --colors-text-neutral-inverted-high: var(--colors-neutral-50);
  --colors-text-neutral-inverted-medium: var(--colors-neutral-300);
  --colors-text-neutral-disabled: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-text-neutral-disabled-inverted: color-mix(in srgb, var(--colors-neutral-50) 32%, transparent);
  --colors-text-primary: var(--colors-primary-700);
  --colors-text-primary-high: var(--colors-primary-700);
  --colors-text-primary-low: var(--colors-primary-600);
  --colors-text-primary-inverted: var(--colors-neutral-900);
  --colors-text-primary-inverted-high: var(--colors-neutral-900);
  --colors-text-primary-inverted-low: var(--colors-neutral-0);
  --colors-text-primary-disabled: color-mix(in srgb, var(--colors-primary-400) 32%, transparent);
  --colors-text-primary-disabled-inverted: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-text-secondary: var(--colors-secondary-200);
  --colors-text-secondary-high: var(--colors-secondary-800);
  --colors-text-secondary-low: var(--colors-secondary-700);
  --colors-text-secondary-inverted: var(--colors-neutral-50);
  --colors-text-secondary-inverted-high: var(--colors-neutral-50);
  --colors-text-secondary-disabled: color-mix(in srgb, var(--colors-secondary-700) 32%, transparent);
  --colors-text-secondary-disabled-inverted: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-text-secondary-constant: var(--colors-neutral-50);
  --colors-text-warning: var(--colors-warning-900);
  --colors-text-warning-high: var(--colors-warning-900);
  --colors-text-warning-low: var(--colors-warning-800);
  --colors-text-warning-inverted: var(--colors-neutral-900);
  --colors-text-warning-inverted-high: var(--colors-neutral-900);
  --colors-text-warning-disabled: color-mix(in srgb, var(--colors-warning-500) 32%, transparent);
  --colors-text-warning-disabled-inverted: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-text-danger: var(--colors-danger-800);
  --colors-text-danger-high: var(--colors-danger-800);
  --colors-text-danger-low: var(--colors-danger-700);
  --colors-text-danger-inverted: var(--colors-neutral-50);
  --colors-text-danger-inverted-high: var(--colors-neutral-50);
  --colors-text-danger-disabled: color-mix(in srgb, var(--colors-danger-400) 32%, transparent);
  --colors-text-danger-disabled-inverted: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-text-success: var(--colors-success-800);
  --colors-text-success-high: var(--colors-success-800);
  --colors-text-success-low: var(--colors-success-700);
  --colors-text-success-inverted: var(--colors-neutral-900);
  --colors-text-success-inverted-high: var(--colors-neutral-900);
  --colors-text-success-disabled: color-mix(in srgb, var(--colors-success-400) 32%, transparent);
  --colors-text-success-disabled-inverted: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-text-info: var(--colors-info-800);
  --colors-text-info-high: var(--colors-info-800);
  --colors-text-info-low: var(--colors-info-700);
  --colors-text-info-inverted: var(--colors-neutral-50);
  --colors-text-info-inverted-high: var(--colors-neutral-50);
  --colors-text-info-disabled: color-mix(in srgb, var(--colors-info-400) 32%, transparent);
  --colors-text-info-disabled-inverted: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-icon-high: var(--colors-neutral-900);
  --colors-icon-high-hover: var(--colors-neutral-500);
  --colors-icon-medium: var(--colors-neutral-600);
  --colors-icon-low: var(--colors-neutral-400);
  --colors-icon-inverted-high: var(--colors-neutral-50);
  --colors-icon-disabled: var(--colors-neutral-400);
  --colors-icon-neutral: var(--colors-neutral-600);
  --colors-icon-primary: var(--colors-primary-600);
  --colors-icon-primary-hover: var(--colors-primary-700);
  --colors-icon-secondary: var(--colors-secondary-700);
  --colors-icon-secondary-hover: var(--colors-secondary-800);
  --colors-icon-warning: var(--colors-warning-800);
  --colors-icon-warning-hover: var(--colors-warning-800);
  --colors-icon-danger: var(--colors-danger-700);
  --colors-icon-danger-hover: var(--colors-danger-700);
  --colors-icon-success: var(--colors-success-600);
  --colors-icon-success-hover: var(--colors-success-700);
  --colors-icon-info: var(--colors-info-700);
  --colors-icon-info-hover: var(--colors-info-800);
  --colors-border: var(--colors-neutral-300);
  --colors-border-high: var(--colors-neutral-300);
  --colors-border-medium: var(--colors-neutral-200);
  --colors-border-medium-disabled: var(--colors-neutral-200);
  --colors-border-low: var(--colors-neutral-100);
  --colors-border-inverted: var(--colors-neutral-1000);
  --colors-border-inverted-high: var(--colors-neutral-1000);
  --colors-border-inverted-medium: var(--colors-neutral-900);
  --colors-border-handle: var(--colors-neutral-300);
  --colors-border-neutral-high: var(--colors-neutral-900);
  --colors-border-neutral-medium: var(--colors-neutral-200);
  --colors-border-neutral-low: var(--colors-neutral-0);
  --colors-border-primary: var(--colors-primary-400);
  --colors-border-secondary: var(--colors-secondary-700);
  --colors-border-warning: var(--colors-warning-500);
  --colors-border-danger: var(--colors-danger-600);
  --colors-border-danger-high: var(--colors-danger-600);
  --colors-border-danger-medium: var(--colors-danger-600);
  --colors-border-success: var(--colors-success-400);
  --colors-border-info: var(--colors-info-600);
  --colors-products-mastering-fg: #a467f1;
  --colors-products-mastering: #a467f132;
  --colors-products-samples-fg: #fd9200;
  --colors-products-samples: #fd920032;
  --colors-products-plugins-fg: #fd9200;
  --colors-products-plugins: #fd920032;
  --colors-products-collaboration-fg: #ea2684;
  --colors-products-collaboration: #ea268432;
  --colors-products-extras-fg: var(--colors-warning-700);
  --colors-products-extras: #eec20032;
  --colors-products-courses-fg: var(--colors-secondary-700);
  --colors-products-courses: #3374bf32;
  --colors-products-distribution-fg: #1db691;
  --colors-products-distribution: #1db69132;
  --colors-products-synchro-arts-fg: var(--colors-purple-800);
  --colors-products-synchro-arts: var(--colors-purple-100);
  --colors-products-neutral-fg: var(--colors-neutral-900);
  --colors-products-neutral: var(--colors-neutral-200);
  --colors-waveform-original: color-mix(in srgb, var(--colors-neutral-600) 32%, transparent);
  --colors-waveform-original-played: color-mix(in srgb, var(--colors-neutral-900) 90%, transparent);
  --colors-waveform-original-seeking: color-mix(in srgb, var(--colors-neutral-600) 72%, transparent);
  --colors-waveform-master: color-mix(in srgb, var(--colors-neutral-600) 32%, transparent);
  --colors-waveform-master-played: color-mix(in srgb, var(--colors-primary-500) 90%, transparent);
  --colors-waveform-master-seeking: color-mix(in srgb, var(--colors-primary-500) 72%, transparent);
  --colors-navbar: var(--colors-neutral-0);
  --colors-sidebar: var(--colors-neutral-0);
}

:where([data-color-mode='dark'], .dark):not(#\#):not(#\#) {
  --gradients-skeleton: linear-gradient(
    -45deg,
    var(--colors-neutral-800) 0%,
    var(--colors-neutral-700) 48%,
    var(--colors-neutral-700) 52%,
    var(--colors-neutral-800) 100%
  );
  --borders-base: 1px solid var(--colors-border-high);
  --borders-high: 1px solid var(--colors-border-high);
  --borders-medium: 1px solid var(--colors-border-medium);
  --borders-low: 1px solid var(--colors-border-low);
  --borders-primary: 1px solid var(--colors-border-primary);
  --borders-secondary: 1px solid var(--colors-border-secondary);
  --borders-danger: 1px solid var(--colors-border-danger);
  --borders-warning: 1px solid var(--colors-border-warning);
  --borders-success: 1px solid var(--colors-border-success);
  --shadows-focus: 0px 0px 0px 2px var(--colors-slate-50);
  --colors-bg-high: var(--colors-neutral-1000);
  --colors-bg-medium: var(--colors-neutral-900);
  --colors-bg-low: var(--colors-neutral-850);
  --colors-lightings-neutral-start: #7792e320;
  --colors-lightings-neutral-end: #7792e300;
  --colors-surface-high: var(--colors-neutral-850);
  --colors-surface-medium: var(--colors-neutral-900);
  --colors-surface-low: var(--colors-neutral-950);
  --colors-surface-inverted: var(--colors-neutral-0);
  --colors-surface-overlay: color-mix(in srgb, var(--colors-neutral-1000) 60%, transparent);
  --colors-surface-handle: var(--colors-neutral-50);
  --colors-surface-neutral-high: var(--colors-neutral-50);
  --colors-surface-neutral-high-subtle: color-mix(in srgb, var(--colors-neutral-50) 8%, transparent);
  --colors-surface-neutral-high-clear: color-mix(in srgb, var(--colors-neutral-50) 32%, transparent);
  --colors-surface-neutral-high-disabled: color-mix(in srgb, var(--colors-neutral-50) 32%, transparent);
  --colors-surface-neutral-high-hover: var(--colors-neutral-200);
  --colors-surface-neutral-high-active: var(--colors-neutral-200);
  --colors-surface-neutral-medium: var(--colors-neutral-700);
  --colors-surface-neutral-medium-subtle: color-mix(in srgb, var(--colors-neutral-800) 52%, transparent);
  --colors-surface-neutral-medium-disabled: color-mix(in srgb, var(--colors-neutral-800) 52%, transparent);
  --colors-surface-neutral-medium-hover: var(--colors-neutral-800);
  --colors-surface-neutral-medium-active: var(--colors-neutral-800);
  --colors-surface-neutral-low: var(--colors-neutral-850);
  --colors-surface-neutral-low-subtle: color-mix(in srgb, var(--colors-neutral-1000) 32%, transparent);
  --colors-surface-neutral-low-disabled: color-mix(in srgb, var(--colors-neutral-1000) 32%, transparent);
  --colors-surface-neutral-low-hover: var(--colors-neutral-800);
  --colors-surface-neutral-low-active: var(--colors-neutral-800);
  --colors-surface-primary: var(--colors-primary);
  --colors-surface-primary-high: var(--colors-primary-400);
  --colors-surface-primary-low: var(--colors-primary-800);
  --colors-surface-primary-subtle: color-mix(in srgb, var(--colors-primary-400) 24%, transparent);
  --colors-surface-primary-clear: color-mix(in srgb, var(--colors-primary-400) 32%, transparent);
  --colors-surface-primary-disabled: color-mix(in srgb, var(--colors-primary-400) 32%, transparent);
  --colors-surface-primary-hover: var(--colors-primary-250);
  --colors-surface-primary-active: var(--colors-primary-250);
  --colors-surface-secondary: var(--colors-secondary-650);
  --colors-surface-secondary-high: var(--colors-secondary-650);
  --colors-surface-secondary-low: var(--colors-secondary-900);
  --colors-surface-secondary-subtle: color-mix(in srgb, var(--colors-secondary-600) 8%, transparent);
  --colors-surface-secondary-clear: color-mix(in srgb, var(--colors-secondary-600) 32%, transparent);
  --colors-surface-secondary-disabled: color-mix(in srgb, var(--colors-secondary-600) 32%, transparent);
  --colors-surface-secondary-hover: var(--colors-secondary-500);
  --colors-surface-secondary-active: var(--colors-secondary-500);
  --colors-surface-warning: var(--colors-warning-500);
  --colors-surface-warning-high: var(--colors-warning-500);
  --colors-surface-warning-low: var(--colors-warning-900);
  --colors-surface-warning-subtle: color-mix(in srgb, var(--colors-warning-500) 8%, transparent);
  --colors-surface-warning-clear: color-mix(in srgb, var(--colors-warning-500) 32%, transparent);
  --colors-surface-warning-disabled: color-mix(in srgb, var(--colors-warning-500) 32%, transparent);
  --colors-surface-warning-hover: var(--colors-warning-350);
  --colors-surface-warning-active: var(--colors-warning-350);
  --colors-surface-danger: var(--colors-danger-600);
  --colors-surface-danger-high: var(--colors-danger-600);
  --colors-surface-danger-low: var(--colors-danger-900);
  --colors-surface-danger-subtle: color-mix(in srgb, var(--colors-danger-600) 8%, transparent);
  --colors-surface-danger-clear: color-mix(in srgb, var(--colors-danger-600) 32%, transparent);
  --colors-surface-danger-disabled: color-mix(in srgb, var(--colors-danger-600) 32%, transparent);
  --colors-surface-danger-hover: var(--colors-danger-400);
  --colors-surface-danger-active: var(--colors-danger-450);
  --colors-surface-success: var(--colors-success-400);
  --colors-surface-success-high: var(--colors-success-400);
  --colors-surface-success-low: var(--colors-success-800);
  --colors-surface-success-subtle: color-mix(in srgb, var(--colors-success-400) 24%, transparent);
  --colors-surface-success-clear: color-mix(in srgb, var(--colors-success-400) 32%, transparent);
  --colors-surface-success-disabled: color-mix(in srgb, var(--colors-success-400) 32%, transparent);
  --colors-surface-success-hover: var(--colors-success-300);
  --colors-surface-success-active: var(--colors-success-300);
  --colors-surface-info: var(--colors-info-650);
  --colors-surface-info-high: var(--colors-info-650);
  --colors-surface-info-low: var(--colors-info-900);
  --colors-surface-info-subtle: color-mix(in srgb, var(--colors-info-600) 8%, transparent);
  --colors-surface-info-clear: color-mix(in srgb, var(--colors-info-600) 32%, transparent);
  --colors-surface-info-disabled: color-mix(in srgb, var(--colors-info-600) 32%, transparent);
  --colors-surface-info-hover: var(--colors-info-500);
  --colors-surface-info-active: var(--colors-info-500);
  --colors-text-high: var(--colors-neutral-50);
  --colors-text-medium: var(--colors-neutral-300);
  --colors-text-low: var(--colors-neutral-550);
  --colors-text-disabled: var(--colors-neutral-500);
  --colors-text-inverted: var(--colors-neutral-900);
  --colors-text-inverted-high: var(--colors-neutral-900);
  --colors-text-neutral: var(--colors-neutral-50);
  --colors-text-neutral-high: var(--colors-neutral-50);
  --colors-text-neutral-medium: var(--colors-neutral-50);
  --colors-text-neutral-inverted: var(--colors-neutral-900);
  --colors-text-neutral-inverted-high: var(--colors-neutral-900);
  --colors-text-neutral-inverted-medium: var(--colors-neutral-600);
  --colors-text-neutral-disabled: color-mix(in srgb, var(--colors-neutral-50) 32%, transparent);
  --colors-text-neutral-disabled-inverted: color-mix(in srgb, var(--colors-neutral-900) 32%, transparent);
  --colors-text-primary: var(--colors-primary-200);
  --colors-text-primary-high: var(--colors-primary-200);
  --colors-text-primary-low: var(--colors-primary-400);
  --colors-text-primary-inverted: var(--colors-neutral-900);
  --colors-text-primary-inverted-high: var(--colors-neutral-900);
  --colors-text-primary-inverted-low: var(--colors-neutral-0);
  --colors-text-primary-disabled: color-mix(in srgb, var(--colors-primary-400) 32%, transparent);
  --colors-text-primary-disabled-inverted: var(--colors-neutral-900);
  --colors-text-secondary: var(--colors-secondary-800);
  --colors-text-secondary-high: var(--colors-secondary-200);
  --colors-text-secondary-low: var(--colors-secondary-500);
  --colors-text-secondary-inverted: var(--colors-neutral-50);
  --colors-text-secondary-inverted-high: var(--colors-neutral-50);
  --colors-text-secondary-disabled: color-mix(in srgb, var(--colors-secondary-600) 32%, transparent);
  --colors-text-secondary-disabled-inverted: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-text-secondary-constant: var(--colors-neutral-50);
  --colors-text-warning: var(--colors-warning-200);
  --colors-text-warning-high: var(--colors-warning-200);
  --colors-text-warning-low: var(--colors-warning-500);
  --colors-text-warning-inverted: var(--colors-neutral-900);
  --colors-text-warning-inverted-high: var(--colors-neutral-900);
  --colors-text-warning-disabled: color-mix(in srgb, var(--colors-warning-500) 32%, transparent);
  --colors-text-warning-disabled-inverted: var(--colors-neutral-900);
  --colors-text-danger: var(--colors-danger-200);
  --colors-text-danger-high: var(--colors-danger-200);
  --colors-text-danger-low: var(--colors-danger-400);
  --colors-text-danger-inverted: var(--colors-neutral-50);
  --colors-text-danger-inverted-high: var(--colors-neutral-50);
  --colors-text-danger-disabled: color-mix(in srgb, var(--colors-danger-400) 32%, transparent);
  --colors-text-danger-disabled-inverted: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-text-success: var(--colors-success-200);
  --colors-text-success-high: var(--colors-success-200);
  --colors-text-success-low: var(--colors-success-400);
  --colors-text-success-inverted: var(--colors-neutral-900);
  --colors-text-success-inverted-high: var(--colors-neutral-900);
  --colors-text-success-disabled: color-mix(in srgb, var(--colors-success-400) 32%, transparent);
  --colors-text-success-disabled-inverted: var(--colors-neutral-900);
  --colors-text-info: var(--colors-info-200);
  --colors-text-info-high: var(--colors-info-200);
  --colors-text-info-low: var(--colors-info-500);
  --colors-text-info-inverted: var(--colors-neutral-50);
  --colors-text-info-inverted-high: var(--colors-neutral-50);
  --colors-text-info-disabled: color-mix(in srgb, var(--colors-info-400) 32%, transparent);
  --colors-text-info-disabled-inverted: color-mix(in srgb, var(--colors-neutral-0) 32%, transparent);
  --colors-icon-high: var(--colors-neutral-50);
  --colors-icon-high-hover: var(--colors-neutral-400);
  --colors-icon-medium: var(--colors-neutral-300);
  --colors-icon-low: var(--colors-neutral-500);
  --colors-icon-inverted-high: var(--colors-neutral-900);
  --colors-icon-disabled: var(--colors-neutral-500);
  --colors-icon-neutral: var(--colors-neutral-400);
  --colors-icon-primary: var(--colors-primary-400);
  --colors-icon-primary-hover: var(--colors-primary-300);
  --colors-icon-secondary: var(--colors-secondary-500);
  --colors-icon-secondary-hover: var(--colors-secondary-500);
  --colors-icon-warning: var(--colors-warning-500);
  --colors-icon-warning-hover: var(--colors-warning-400);
  --colors-icon-danger: var(--colors-danger-400);
  --colors-icon-danger-hover: var(--colors-danger-400);
  --colors-icon-success: var(--colors-success-400);
  --colors-icon-success-hover: var(--colors-success-300);
  --colors-icon-info: var(--colors-info-500);
  --colors-icon-info-hover: var(--colors-info-500);
  --colors-border: var(--colors-neutral-600);
  --colors-border-high: var(--colors-neutral-650);
  --colors-border-medium: var(--colors-neutral-700);
  --colors-border-medium-disabled: var(--colors-neutral-800);
  --colors-border-low: var(--colors-neutral-850);
  --colors-border-inverted: var(--colors-neutral-0);
  --colors-border-inverted-high: var(--colors-neutral-0);
  --colors-border-inverted-medium: var(--colors-neutral-50);
  --colors-border-handle: var(--colors-neutral-300);
  --colors-border-neutral-high: var(--colors-neutral-50);
  --colors-border-neutral-medium: var(--colors-neutral-800);
  --colors-border-neutral-low: var(--colors-neutral-1000);
  --colors-border-primary: var(--colors-primary-400);
  --colors-border-secondary: var(--colors-secondary-700);
  --colors-border-warning: var(--colors-warning-500);
  --colors-border-danger: var(--colors-danger-600);
  --colors-border-danger-high: var(--colors-danger-600);
  --colors-border-danger-medium: var(--colors-danger-500);
  --colors-border-success: var(--colors-success-400);
  --colors-border-info: var(--colors-info-600);
  --colors-products-mastering-fg: #f0b6ff;
  --colors-products-mastering: #a467f132;
  --colors-products-samples-fg: #ffe3b3;
  --colors-products-samples: #fd920032;
  --colors-products-plugins-fg: #ffe3b3;
  --colors-products-plugins: #fd920032;
  --colors-products-collaboration-fg: #ffabdd;
  --colors-products-collaboration: #ea268432;
  --colors-products-extras-fg: var(--colors-warning-500);
  --colors-products-extras: #eec20032;
  --colors-products-courses-fg: var(--colors-secondary-200);
  --colors-products-courses: #3374bf32;
  --colors-products-distribution-fg: #74ffb4;
  --colors-products-distribution: #1db69132;
  --colors-products-synchro-arts-fg: var(--colors-purple-800);
  --colors-products-synchro-arts: var(--colors-purple-100);
  --colors-products-neutral-fg: var(--colors-neutral-50);
  --colors-products-neutral: var(--colors-neutral-800);
  --colors-waveform-original: color-mix(in srgb, var(--colors-neutral-400) 32%, transparent);
  --colors-waveform-original-played: color-mix(in srgb, var(--colors-neutral-100) 90%, transparent);
  --colors-waveform-original-seeking: color-mix(in srgb, var(--colors-neutral-400) 72%, transparent);
  --colors-waveform-master: color-mix(in srgb, var(--colors-neutral-400) 32%, transparent);
  --colors-waveform-master-played: color-mix(in srgb, var(--colors-primary-500) 90%, transparent);
  --colors-waveform-master-seeking: color-mix(in srgb, var(--colors-primary-500) 72%, transparent);
  --colors-navbar: var(--colors-neutral-950);
  --colors-sidebar: var(--colors-neutral-950);
}

[data-panda-theme='landr']:not(#\#):not(#\#) {
  --colors-primary-0: var(--colors-turquoise-0);
  --colors-primary-50: var(--colors-turquoise-50);
  --colors-primary-100: var(--colors-turquoise-100);
  --colors-primary-150: var(--colors-turquoise-150);
  --colors-primary-200: var(--colors-turquoise-200);
  --colors-primary-250: var(--colors-turquoise-250);
  --colors-primary-300: var(--colors-turquoise-300);
  --colors-primary-350: var(--colors-turquoise-350);
  --colors-primary-400: var(--colors-turquoise-400);
  --colors-primary-450: var(--colors-turquoise-450);
  --colors-primary-500: var(--colors-turquoise-500);
  --colors-primary-550: var(--colors-turquoise-550);
  --colors-primary-600: var(--colors-turquoise-600);
  --colors-primary-650: var(--colors-turquoise-650);
  --colors-primary-700: var(--colors-turquoise-700);
  --colors-primary-750: var(--colors-turquoise-750);
  --colors-primary-800: var(--colors-turquoise-800);
  --colors-primary-850: var(--colors-turquoise-850);
  --colors-primary-900: var(--colors-turquoise-900);
  --colors-primary-950: var(--colors-turquoise-950);
  --colors-primary-1000: var(--colors-turquoise-1000);
  --colors-primary: var(--colors-turquoise-500);
  --colors-neutral-0: var(--colors-slate-0);
  --colors-neutral-50: var(--colors-slate-50);
  --colors-neutral-100: var(--colors-slate-100);
  --colors-neutral-150: var(--colors-slate-150);
  --colors-neutral-200: var(--colors-slate-200);
  --colors-neutral-250: var(--colors-slate-250);
  --colors-neutral-300: var(--colors-slate-300);
  --colors-neutral-350: var(--colors-slate-350);
  --colors-neutral-400: var(--colors-slate-400);
  --colors-neutral-450: var(--colors-slate-450);
  --colors-neutral-500: var(--colors-slate-500);
  --colors-neutral-550: var(--colors-slate-550);
  --colors-neutral-600: var(--colors-slate-600);
  --colors-neutral-650: var(--colors-slate-650);
  --colors-neutral-700: var(--colors-slate-700);
  --colors-neutral-750: var(--colors-slate-750);
  --colors-neutral-800: var(--colors-slate-800);
  --colors-neutral-850: var(--colors-slate-850);
  --colors-neutral-900: var(--colors-slate-900);
  --colors-neutral-950: var(--colors-slate-950);
  --colors-neutral-1000: var(--colors-slate-1000);
  --colors-neutral: var(--colors-slate-500);
  --colors-success-0: var(--colors-turquoise-0);
  --colors-success-50: var(--colors-turquoise-50);
  --colors-success-100: var(--colors-turquoise-100);
  --colors-success-150: var(--colors-turquoise-150);
  --colors-success-200: var(--colors-turquoise-200);
  --colors-success-250: var(--colors-turquoise-250);
  --colors-success-300: var(--colors-turquoise-300);
  --colors-success-350: var(--colors-turquoise-350);
  --colors-success-400: var(--colors-turquoise-400);
  --colors-success-450: var(--colors-turquoise-450);
  --colors-success-500: var(--colors-turquoise-500);
  --colors-success-550: var(--colors-turquoise-550);
  --colors-success-600: var(--colors-turquoise-600);
  --colors-success-650: var(--colors-turquoise-650);
  --colors-success-700: var(--colors-turquoise-700);
  --colors-success-750: var(--colors-turquoise-750);
  --colors-success-800: var(--colors-turquoise-800);
  --colors-success-850: var(--colors-turquoise-850);
  --colors-success-900: var(--colors-turquoise-900);
  --colors-success-950: var(--colors-turquoise-950);
  --colors-success-1000: var(--colors-turquoise-1000);
  --colors-success: var(--colors-turquoise-500);
}

[data-panda-theme='landr']:where([data-color-mode='dark'], .dark):not(#\#):not(#\#) {
  --colors-navbar: var(--colors-neutral-950);
  --colors-sidebar: var(--colors-neutral-950);
}

[data-panda-theme='landr']:where([data-color-mode='light'], .light):not(#\#):not(#\#) {
  --colors-navbar: var(--colors-neutral-0);
  --colors-sidebar: var(--colors-neutral-0);
}

[data-panda-theme='landr2025']:not(#\#):not(#\#) {
  --fonts-sans:
    'InterVariable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --colors-primary-0: var(--colors-turquoise-0);
  --colors-primary-50: var(--colors-turquoise-50);
  --colors-primary-100: var(--colors-turquoise-100);
  --colors-primary-150: var(--colors-turquoise-150);
  --colors-primary-200: var(--colors-turquoise-200);
  --colors-primary-250: var(--colors-turquoise-250);
  --colors-primary-300: var(--colors-turquoise-300);
  --colors-primary-350: var(--colors-turquoise-350);
  --colors-primary-400: var(--colors-turquoise-400);
  --colors-primary-450: var(--colors-turquoise-450);
  --colors-primary-500: var(--colors-turquoise-500);
  --colors-primary-550: var(--colors-turquoise-550);
  --colors-primary-600: var(--colors-turquoise-600);
  --colors-primary-650: var(--colors-turquoise-650);
  --colors-primary-700: var(--colors-turquoise-700);
  --colors-primary-750: var(--colors-turquoise-750);
  --colors-primary-800: var(--colors-turquoise-800);
  --colors-primary-850: var(--colors-turquoise-850);
  --colors-primary-900: var(--colors-turquoise-900);
  --colors-primary-950: var(--colors-turquoise-950);
  --colors-primary-1000: var(--colors-turquoise-1000);
  --colors-primary: var(--colors-turquoise-500);
  --colors-neutral-0: var(--colors-smoke-0);
  --colors-neutral-50: var(--colors-smoke-50);
  --colors-neutral-100: var(--colors-smoke-100);
  --colors-neutral-150: var(--colors-smoke-150);
  --colors-neutral-200: var(--colors-smoke-200);
  --colors-neutral-250: var(--colors-smoke-250);
  --colors-neutral-300: var(--colors-smoke-300);
  --colors-neutral-350: var(--colors-smoke-350);
  --colors-neutral-400: var(--colors-smoke-400);
  --colors-neutral-450: var(--colors-smoke-450);
  --colors-neutral-500: var(--colors-smoke-500);
  --colors-neutral-550: var(--colors-smoke-550);
  --colors-neutral-600: var(--colors-smoke-600);
  --colors-neutral-650: var(--colors-smoke-650);
  --colors-neutral-700: var(--colors-smoke-700);
  --colors-neutral-750: var(--colors-smoke-750);
  --colors-neutral-800: var(--colors-smoke-800);
  --colors-neutral-850: var(--colors-smoke-850);
  --colors-neutral-900: var(--colors-smoke-900);
  --colors-neutral-950: var(--colors-smoke-950);
  --colors-neutral-1000: var(--colors-smoke-1000);
  --colors-neutral: var(--colors-smoke-500);
  --colors-success-0: var(--colors-turquoise-0);
  --colors-success-50: var(--colors-turquoise-50);
  --colors-success-100: var(--colors-turquoise-100);
  --colors-success-150: var(--colors-turquoise-150);
  --colors-success-200: var(--colors-turquoise-200);
  --colors-success-250: var(--colors-turquoise-250);
  --colors-success-300: var(--colors-turquoise-300);
  --colors-success-350: var(--colors-turquoise-350);
  --colors-success-400: var(--colors-turquoise-400);
  --colors-success-450: var(--colors-turquoise-450);
  --colors-success-500: var(--colors-turquoise-500);
  --colors-success-550: var(--colors-turquoise-550);
  --colors-success-600: var(--colors-turquoise-600);
  --colors-success-650: var(--colors-turquoise-650);
  --colors-success-700: var(--colors-turquoise-700);
  --colors-success-750: var(--colors-turquoise-750);
  --colors-success-800: var(--colors-turquoise-800);
  --colors-success-850: var(--colors-turquoise-850);
  --colors-success-900: var(--colors-turquoise-900);
  --colors-success-950: var(--colors-turquoise-950);
  --colors-success-1000: var(--colors-turquoise-1000);
  --colors-success: var(--colors-turquoise-500);
}

[data-panda-theme='landr2025']:where([data-color-mode='dark'], .dark):not(#\#):not(#\#) {
  --colors-navbar: var(--colors-neutral-950);
  --colors-sidebar: var(--colors-neutral-950);
}

[data-panda-theme='landr2025']:where([data-color-mode='light'], .light):not(#\#):not(#\#) {
  --colors-navbar: var(--colors-neutral-0);
  --colors-sidebar: var(--colors-neutral-0);
}

.AppLayout__root:not(#\#):not(#\#):not(#\#) {
  grid-template-areas: 'banner banner' 'header header' 'sidebar main';
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100vh;
  max-height: 100dvh;
  width: 100vw;
  max-width: 100vw;
}

.AppLayout__sticky:not(#\#):not(#\#):not(#\#) {
  grid-area: sticky;
  position: sticky;
  z-index: var(--z-index-sub-overlay);
  background-color: var(--colors-navbar);
  top: var(--spacing-0);
}

.AppLayout__banner:not(#\#):not(#\#):not(#\#) {
  grid-area: banner;
}

.AppLayout__header:not(#\#):not(#\#):not(#\#) {
  grid-area: header;
  box-sizing: border-box;
  position: relative;
  background-color: var(--colors-navbar);
  box-shadow: var(--shadows-2xs);
}

.AppLayout__sidebar:not(#\#):not(#\#):not(#\#) {
  grid-area: sidebar;
  background-color: var(--colors-sidebar);
}

.AppLayout__main:not(#\#):not(#\#):not(#\#) {
  grid-area: main;
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--colors-bg-high);
}

[data-panda-theme='landr2025']:not(#\#):not(#\#):not(#\#) .AppLayout__main {
  background-color: var(--colors-bg-medium);
  background-image: var(--gradients-neutral-background);
}

.AppLayout__root--isExtendableHeight_true:not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-areas: 'sticky sticky' 'sidebar main';
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  height: auto;
  max-height: none;
}


/*# sourceMappingURL=static.a76efd41ca7b0cd11cc0.css.map*/