:root{--landing-ink: var(--gray-950);--landing-muted: var(--gray-900);--landing-border: var(--gray-alpha-200);--landing-canvas: var(--gray-0);--landing-purple: var(--purple-800)}html,body,#root{min-height:100%}body{overflow:hidden}.landing-page{min-height:100svh;display:grid;grid-template-columns:minmax(28rem,35%) minmax(0,65%);color:var(--landing-ink);background:var(--gray-50)}.hero-copy{position:relative;z-index:3;min-width:0;min-height:100svh;padding:clamp(2rem,4.6vw,4.75rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--gray-50)}.brand{position:absolute;top:clamp(2rem,5vw,4rem);left:clamp(2rem,4.6vw,4.75rem);display:block}.brand__logo{width:10rem;height:auto}.hero-copy__content{width:min(100%,34rem)}.hero-copy h1{max-width:34rem;margin:0;font-size:1.375rem;font-weight:var(--font-weight-semibold);line-height:1.35;letter-spacing:-.02em}.hero-title__break{display:none}.hero-copy p{max-width:26.5rem;margin:.625rem 0 0;color:var(--gray-900);font-size:.9375rem;font-weight:var(--font-weight-regular);line-height:1.5;text-wrap:pretty}.hero-copy__action{margin-top:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.primary-cta{width:fit-content;min-height:2.5rem;padding:.5rem .875rem .5rem .75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;color:var(--landing-ink);background:var(--gray-0);border:.5px solid rgb(0 19 63 / .16);border-radius:10px;box-shadow:0 1px #0000000a,inset 0 1px 0 1px var(--gray-0);font-size:.9375rem;font-weight:var(--font-weight-medium);line-height:1.3;text-decoration:none;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.primary-cta__icon{width:1rem;height:1.125rem;display:flex;flex:none;align-items:center;justify-content:center}.primary-cta__icon img{display:block;width:.7rem;height:auto}.primary-cta__label{padding:.125rem;white-space:nowrap}.primary-cta:hover{background:var(--gray-25);transform:translateY(-1px);box-shadow:0 3px #00000012,inset 0 1px 0 1px var(--gray-0)}.primary-cta:active{transform:translateY(1px);box-shadow:0 1px #0000000f,inset 0 1px 0 1px var(--gray-0)}.primary-cta:focus-visible{outline:2px solid var(--landing-purple);outline-offset:3px}.hero-copy__support{color:var(--gray-800);font-size:.8125rem;line-height:1.4}.component-showcase{min-width:0;min-height:100svh;background:var(--gray-0)}.component-canvas{position:relative;width:100%;height:100%;min-height:100svh;overflow:hidden;cursor:grab;touch-action:none;background-color:var(--gray-50)}.component-canvas[data-dragging=true]{cursor:grabbing}.component-canvas:after{--canvas-fade-direction: to right;content:"";position:absolute;inset:0 auto 0 0;z-index:2;width:20%;pointer-events:none;background:linear-gradient(var(--canvas-fade-direction),var(--gray-50) 0%,color-mix(in srgb,var(--gray-50) 73.8%,transparent) 19%,color-mix(in srgb,var(--gray-50) 54.1%,transparent) 34%,color-mix(in srgb,var(--gray-50) 38.2%,transparent) 47%,color-mix(in srgb,var(--gray-50) 27.8%,transparent) 56.5%,color-mix(in srgb,var(--gray-50) 19.4%,transparent) 65%,color-mix(in srgb,var(--gray-50) 12.6%,transparent) 73%,color-mix(in srgb,var(--gray-50) 7.5%,transparent) 80.2%,color-mix(in srgb,var(--gray-50) 4.2%,transparent) 86.1%,color-mix(in srgb,var(--gray-50) 2.1%,transparent) 91%,color-mix(in srgb,var(--gray-50) .8%,transparent) 95.2%,color-mix(in srgb,var(--gray-50) .2%,transparent) 98.2%,transparent 100%)}.component-canvas__camera{position:absolute;inset:0 auto auto 0;width:var(--world-width);height:var(--world-height);will-change:transform;transform:translate3d(-64px,-64px,0)}.component-world{position:absolute;inset:0 auto auto 0;width:var(--world-width);height:var(--world-height)}.component-preview{position:absolute;display:block;width:var(--preview-width);max-width:none;height:auto;aspect-ratio:3360 / 1800;pointer-events:none;user-select:none;-webkit-user-drag:none;border-radius:.35rem}.component-canvas__hint{position:absolute;right:1rem;bottom:1rem;z-index:3;margin:0;padding:.45rem .65rem;border-radius:999px;font-size:.75rem;line-height:1;pointer-events:none}@media(max-width:1200px){.landing-page{grid-template-columns:minmax(22rem,48%) minmax(0,52%)}.hero-copy{padding:2.5rem}.brand{top:2.5rem;left:2.5rem}}@media(max-width:720px){body{overflow:auto;overflow-x:hidden}.landing-page{min-height:auto;display:block}.hero-copy{min-height:auto;padding:clamp(1.75rem,9.2vw,3.375rem) clamp(1.5rem,4.76vw,1.75rem) clamp(2.75rem,11.9vw,4.375rem);display:block}.brand{position:static}.brand__logo{width:clamp(8rem,36.7vw,13.5rem)}.hero-copy__content{width:100%;margin-top:2.5rem}.hero-title__break{display:initial}.hero-copy__action{margin-top:1.25rem}.primary-cta{max-width:100%}.component-showcase,.component-canvas{min-height:31.25rem;height:max(31.25rem,calc(100svh - min(35.875rem,97.6vw)))}.component-canvas:after{--canvas-fade-direction: to bottom;inset:0 0 auto;width:100%;height:20%}}@media(prefers-reduced-motion:reduce){.primary-cta,.primary-cta__icon{transition:none}.primary-cta:hover{transform:none}.component-canvas__hint{display:none}}:root{--gray-0: #ffffff;--gray-25: #fcfdfe;--gray-50: #f8f9fb;--gray-100: #eef0f3;--gray-200: #e6e9ed;--gray-300: #dee1e6;--gray-400: #d6d9e0;--gray-500: #cacfd7;--gray-600: #b5bcc6;--gray-700: #868d99;--gray-800: #7b828d;--gray-900: #5e636c;--gray-950: #1c2028;--gray-alpha-25: #0055aa03;--gray-alpha-50: #00256e08;--gray-alpha-100: #001e4b12;--gray-alpha-200: #001f481a;--gray-alpha-300: #00183e21;--gray-alpha-400: #00133f29;--gray-alpha-500: #00193f36;--gray-alpha-600: #01193b4a;--gray-alpha-700: #000f2978;--gray-alpha-800: #000e2385;--gray-alpha-900: #000816a1;--gray-alpha-950: #00050ee3;--black: #000000;--blue-25: #fbfdff;--blue-50: #f5f9ff;--blue-100: #eaf3fe;--blue-200: #dbecff;--blue-300: #cae2ff;--blue-400: #b7d5fc;--blue-500: #9dc4f5;--blue-600: #78acee;--blue-700: #1f7ce0;--blue-800: #066ed1;--blue-900: #0f72d6;--blue-950: #0d3460;--brown-25: #fefdfb;--brown-50: #fdf8f2;--brown-100: #faeedf;--brown-200: #f9e2c4;--brown-300: #f6d7ae;--brown-400: #eecb9c;--brown-500: #e2ba84;--brown-600: #d4a35c;--brown-700: #c48619;--brown-800: #b67a03;--brown-900: #976100;--brown-950: #44341f;--cobalt-25: #fdfdfe;--cobalt-50: #f7f9ff;--cobalt-100: #ecf2ff;--cobalt-200: #deeaff;--cobalt-300: #cedfff;--cobalt-400: #bad1ff;--cobalt-500: #a3bfff;--cobalt-600: #83a5f8;--cobalt-700: #355de8;--cobalt-800: #2e52cc;--cobalt-900: #3358d3;--cobalt-950: #1a2c61;--cyan-25: #fafdfe;--cyan-50: #f3fafc;--cyan-100: #e2f5fd;--cyan-200: #d0effa;--cyan-300: #bee6f5;--cyan-400: #a8daec;--cyan-500: #8ccae0;--cyan-600: #5bb4d2;--cyan-700: #008cad;--cyan-800: #007f9f;--cyan-900: #007b9b;--cyan-950: #173c49;--grass-25: #fcfdfa;--grass-50: #f9faf2;--grass-100: #f1f5d6;--grass-200: #e8eebc;--grass-300: #dde4a4;--grass-400: #ced68c;--grass-500: #bcc46e;--grass-600: #a6ae3b;--grass-700: #979f28;--grass-800: #8b9314;--grass-900: #6f760d;--grass-950: #3a3e17;--green-25: #fbfefb;--green-50: #f5fbf5;--green-100: #e7f7e8;--green-200: #d8f1da;--green-300: #c6eac8;--green-400: #afdfb2;--green-500: #8fd095;--green-600: #5fbb6b;--green-700: #21903a;--green-800: #1e8134;--green-900: #1d8033;--green-950: #1e3d22;--orange-25: #fefcfb;--orange-50: #fff5f0;--orange-100: #ffebdd;--orange-200: #ffd8bd;--orange-300: #ffcaa8;--orange-400: #ffbc94;--orange-500: #f8ab83;--orange-600: #ec9364;--orange-700: #eb6a00;--orange-800: #dd5d00;--orange-900: #cc5300;--orange-950: #552f1b;--pink-25: #fffcfe;--pink-50: #fff7fc;--pink-100: #ffe8f6;--pink-200: #fddbf0;--pink-300: #f9cde9;--pink-400: #f3bddf;--pink-500: #eba9d4;--pink-600: #e28fc6;--pink-700: #bc0c96;--pink-800: #ac0088;--pink-900: #c1179a;--pink-950: #660651;--purple-25: #fdfcff;--purple-50: #faf8ff;--purple-100: #f4eeff;--purple-200: #ece2ff;--purple-300: #e4d5ff;--purple-400: #d8c4ff;--purple-500: #c8adff;--purple-600: #b58eff;--purple-700: #8736ed;--purple-800: #782dd5;--purple-900: #7b31d8;--purple-950: #3e1472;--red-25: #fffcfb;--red-50: #fff8f6;--red-100: #ffeae6;--red-200: #ffdad2;--red-300: #ffcbc0;--red-400: #ffbaad;--red-500: #fda497;--red-600: #f68878;--red-700: #e71d14;--red-800: #d80000;--red-900: #dc0101;--red-950: #651b14;--teal-25: #fafefe;--teal-50: #f3fbfb;--teal-100: #dff7f8;--teal-200: #ccf2f3;--teal-300: #b7e9eb;--teal-400: #a1dddf;--teal-500: #83cccf;--teal-600: #52b8bc;--teal-700: #058f94;--teal-800: #008389;--teal-900: #007d83;--teal-950: #103c3e;--violet-25: #fdfdff;--violet-50: #f8f8ff;--violet-100: #f0f0ff;--violet-200: #e5e5ff;--violet-300: #dadaff;--violet-400: #cccbff;--violet-500: #b8b5ff;--violet-600: #9e95ff;--violet-700: #672bf9;--violet-800: #5a20de;--violet-900: #6433ec;--violet-950: #2f1a75;--brown-alpha-25: #c0800004;--brown-alpha-50: #d876000d;--brown-alpha-100: #d8780020;--brown-alpha-200: #e682013b;--brown-alpha-300: #e3820050;--brown-alpha-400: #d47a0062;--brown-alpha-500: #c370017b;--brown-alpha-600: #bc6f00a2;--brown-alpha-700: #be7900e6;--brown-alpha-800: #b57800fb;--brown-alpha-900: #976100;--brown-alpha-950: #2a1800df;--green-alpha-25: #00c00005;--green-alpha-50: #0099000a;--green-alpha-100: #00aa0b17;--green-alpha-200: #00a40e26;--green-alpha-300: #00a20938;--green-alpha-400: #00990a4f;--green-alpha-500: #00940e6f;--green-alpha-600: #009313a0;--green-alpha-700: #00801dde;--green-alpha-800: #007019e1;--green-alpha-900: #007019e2;--green-alpha-950: #002305e1;--red-alpha-25: #ff400004;--red-alpha-50: #ff390009;--red-alpha-100: #ff290018;--red-alpha-200: #ff2e002d;--red-alpha-300: #ff2d003f;--red-alpha-400: #ff290052;--red-alpha-500: #fb200067;--red-alpha-600: #ee1f0086;--red-alpha-700: #e50a00eb;--red-alpha-800: #d80000;--red-alpha-900: #dc0000fe;--red-alpha-950: #580800eb;--teal-alpha-25: #00cccc04;--teal-alpha-50: #00aaaa0c;--teal-alpha-100: #00c0c820;--teal-alpha-200: #00bec333;--teal-alpha-300: #00b2b948;--teal-alpha-400: #00a3a95d;--teal-alpha-500: #00979d7c;--teal-alpha-600: #00979cac;--teal-alpha-700: #008d92fa;--teal-alpha-800: #008389;--teal-alpha-900: #007d83;--teal-alpha-950: #002f31ef;--dark-brown-25: #14110a;--dark-brown-50: #1d170e;--dark-brown-100: #2f2103;--dark-brown-200: #3f2700;--dark-brown-300: #4d3000;--dark-brown-400: #4d3000;--dark-brown-500: #6e500c;--dark-brown-600: #8c6613;--dark-brown-700: #825d00;--dark-brown-800: #6f510d;--dark-brown-900: #fdd388;--dark-brown-950: #ffe6ae;--dark-gray-25: #0f1114;--dark-gray-50: #17191d;--dark-gray-100: #1f2328;--dark-gray-200: #252a31;--dark-gray-300: #2b3139;--dark-gray-400: #343a42;--dark-gray-500: #414850;--dark-gray-600: #5a616a;--dark-gray-700: #676f78;--dark-gray-800: #757c85;--dark-gray-900: #acb4be;--dark-gray-950: #eceef2;--dark-green-25: #0a140b;--dark-green-50: #111b12;--dark-green-100: #152c17;--dark-green-200: #0d3d17;--dark-green-300: #104c1c;--dark-green-400: #115c22;--dark-green-500: #116d28;--dark-green-600: #09802c;--dark-green-700: #007d29;--dark-green-800: #0f6c27;--dark-green-900: #6ed17a;--dark-green-950: #aaf8b1;--dark-red-25: #190e0c;--dark-red-50: #24100d;--dark-red-100: #470000;--dark-red-200: #5e0000;--dark-red-300: #710000;--dark-red-400: #890000;--dark-red-500: #a60000;--dark-red-600: #d60000;--dark-red-700: #ab0000;--dark-red-800: #930000;--dark-red-900: #ff907f;--dark-red-950: #ffcdc3;--dark-teal-25: #081314;--dark-teal-50: #0e1c1c;--dark-teal-100: #022d2f;--dark-teal-200: #003b3e;--dark-teal-300: #00484c;--dark-teal-400: #00575b;--dark-teal-500: #006a6f;--dark-teal-600: #008388;--dark-teal-700: #058f94;--dark-teal-800: #008287;--dark-teal-900: #60cdd2;--dark-teal-950: #aeeef1;--dark-brown-alpha-25: #d1110004;--dark-brown-alpha-50: #fd87000d;--dark-brown-alpha-100: #f98d0020;--dark-brown-alpha-200: #fc820032;--dark-brown-alpha-300: #fd8b0040;--dark-brown-alpha-400: #fda3004e;--dark-brown-alpha-500: #ffb20564;--dark-brown-alpha-600: #ffb61583;--dark-brown-alpha-700: #fdb00079;--dark-brown-alpha-800: #ffb30765;--dark-brown-alpha-900: #ffd589fd;--dark-brown-alpha-950: #ffe6ae;--dark-gray-alpha-25: #0011d104;--dark-gray-alpha-50: #87aefd0d;--dark-gray-alpha-100: #a0c9fc18;--dark-gray-alpha-200: #a3c8fb23;--dark-gray-alpha-300: #accfff2a;--dark-gray-alpha-400: #bad7fd34;--dark-gray-alpha-500: #c5e0fe44;--dark-gray-alpha-600: #d3e5fd60;--dark-gray-alpha-700: #d6e9fd6f;--dark-gray-alpha-800: #ddebfd7d;--dark-gray-alpha-900: #e5f0feb9;--dark-gray-alpha-950: #f8fafef1;--dark-green-alpha-25: #00d10004;--dark-green-alpha-50: #12f9290a;--dark-green-alpha-100: #35ff461c;--dark-green-alpha-200: #00fb312f;--dark-green-alpha-300: #0efd3d40;--dark-green-alpha-400: #11fd4650;--dark-green-alpha-500: #11fe4d62;--dark-green-alpha-600: #00ff4b77;--dark-green-alpha-700: #00ff4673;--dark-green-alpha-800: #0cfe4b61;--dark-green-alpha-900: #85ff93cd;--dark-green-alpha-950: #afffb6f7;--dark-red-alpha-25: #f4000009;--dark-red-alpha-50: #f8050015;--dark-red-alpha-100: #ff00003a;--dark-red-alpha-200: #fe000053;--dark-red-alpha-300: #ff000066;--dark-red-alpha-400: #ff000081;--dark-red-alpha-500: #ff0000a0;--dark-red-alpha-600: #fe0000d4;--dark-red-alpha-700: #ff0000a5;--dark-red-alpha-800: #fe00008b;--dark-red-alpha-900: #ff907f;--dark-red-alpha-950: #ffcdc3;--dark-teal-alpha-25: #0091d104;--dark-teal-alpha-50: #00fbfb0c;--dark-teal-alpha-100: #00eaf920;--dark-teal-alpha-200: #00ecfc31;--dark-teal-alpha-300: #00edfd40;--dark-teal-alpha-400: #00f0fd4f;--dark-teal-alpha-500: #00f2ff65;--dark-teal-alpha-600: #00f5ff80;--dark-teal-alpha-700: #00f5fe8c;--dark-teal-alpha-800: #00f3fd7e;--dark-teal-alpha-900: #73f9ffcf;--dark-teal-alpha-950: #b8fcfff0}:root{--color-background-page: var(--gray-50);--color-background-neutral: var(--gray-0);--color-background-strong: var(--gray-50);--color-content-neutral: var(--gray-950);--color-content-neutral-disabled: var(--gray-700);--color-content-subtle: var(--gray-900);--color-content-knockout: var(--gray-0);--color-content-utility-positive: var(--green-900);--color-content-utility-critical: var(--red-900);--color-content-utility-warning: var(--brown-900);--color-border-subtle: var(--gray-200);--color-border-brand: var(--teal-700) --color-status-danger: var(--red-500);--color-focus-ring: var(--teal-700);--shadow-card-subtle: 0 1px 2px var(--gray-alpha-100);--shadow-card-default: 0 2px 4px var(--gray-alpha-100)}[data-theme=dark]{--color-background-page: var(--dark-gray-50);--color-background-neutral: var(--dark-gray-100);--color-background-strong: var(--dark-gray-300);--color-content-neutral: var(--dark-gray-950);--color-content-neutral-disabled: var(--dark-gray-800);--color-content-subtle: var(--dark-gray-900);--color-content-knockout: var(--gray-0);--color-content-utility-positive: var(--dark-green-950);--color-content-utility-critical: var(--dark-red-950);--color-content-utility-warning: var(--dark-brown-950);--color-border-subtle: var(--dark-gray-400);--color-accent-default: var(--gray-0);--color-accent-hover: var(--gray-200);--color-status-danger: var(--dark-red-400);--shadow-card-subtle: 0 1px 2px var(--dark-gray-alpha-100);--shadow-card-default: 0 2px 4px var(--dark-gray-alpha-100)}:root{--button-bg-primary: var(--teal-alpha-700);--button-bg-primary-hover: var(--teal-alpha-800);--button-bg-primary-pressed: var(--teal-alpha-900);--button-bg-primary-disabled: var(--teal-alpha-200);--button-content-primary: var(--color-content-knockout);--button-content-primary-disabled: var(--color-content-neutral-disabled);--button-border-primary: var(--teal-700);--button-bg-secondary: var(--gray-alpha-50);--button-bg-secondary-hover: var(--gray-alpha-100);--button-bg-secondary-pressed: var(--gray-alpha-200);--button-bg-secondary-disabled: var(--gray-alpha-300);--button-content-secondary: var(--color-content-neutral);--button-content-secondary-disabled: var(--color-content-neutral-disabled);--button-border-secondary: var(--gray-alpha-200);--button-bg-ghost-hover: var(--gray-alpha-100);--button-bg-ghost-pressed: var(--gray-alpha-200);--button-bg-ghost-disabled: transparent;--button-content-ghost: var(--color-content-neutral-default);--button-content-ghost-disabled: var(--gray-alpha-500);--button-border-ghost: transparent;--button-border-ghost-disabled: transparent;--button-bg-positive: var(--green-alpha-100);--button-bg-positive-hover: var(--green-alpha-200);--button-bg-positive-pressed: var(--green-alpha-300);--button-bg-positive-disabled: var(--green-alpha-50);--button-content-positive: var(--color-content-utility-positive);--button-content-positive-disabled: var(--green-alpha-500);--button-border-positive: var(--green-700);--button-border-positive-disabled: var(--green-alpha-200);--button-bg-critical: var(--red-alpha-100);--button-bg-critical-hover: var(--red-alpha-200);--button-bg-critical-pressed: var(--red-alpha-300);--button-bg-critical-disabled: var(--red-alpha-50);--button-content-critical: var(--color-content-utility-critical);--button-content-critical-disabled: var(--red-alpha-500);--button-border-critical: var(--red-700);--button-border-critical-disabled: var(--red-alpha-200);--button-bg-warning: var(--brown-alpha-100);--button-bg-warning-hover: var(--brown-alpha-200);--button-bg-warning-pressed: var(--brown-alpha-300);--button-bg-warning-disabled: var(--brown-alpha-50);--button-content-warning: var(--color-content-utility-warning);--button-content-warning-disabled: var(--brown-alpha-500);--button-border-warning: var(--brown-700);--button-border-warning-disabled: var(--brown-alpha-200);--shadow-button-secondary-resting-topInnerShadow: #ffffff80;--shadow-button-dropShadow: #0000000d;--shadow-button-label: 0 1px 2px #00000040;--shadow-button-label-secondary: 0 1px 1px #00000040;--input-bg: var(--gray-alpha-50);--input-content: var(--color-content-neutral-default);--input-border: var(--color-border-subtle);--input-border-focus: var(--color-focus-ring);--input-border-invalid: var(--color-status-danger);--input-placeholder: var(--color-content-subtle-default);--input-label-content: var(--color-content-neutral-default);--input-description-content: var(--color-content-subtle-default);--input-error-content: var(--color-status-danger);--checkbox-border: var(--gray-600);--checkbox-border-hover: var(--gray-700);--checkbox-border-checked-hover: var(--teal-900)}[data-theme=dark]{--button-bg-primary: var(--dark-teal-alpha-200);--button-bg-primary-hover: var(--dark-teal-alpha-300);--button-bg-primary-pressed: var(--dark-teal-alpha-400);--button-bg-primary-disabled: var(--dark-teal-alpha-50);--button-content-primary: var(--color-content-knockout);--button-content-primary-disabled: var(--dark-teal-alpha-500);--button-border-primary: var(--dark-teal-100);--button-border-primary-disabled: var(--dark-teal-alpha-100);--button-bg-secondary: var(--dark-gray-alpha-100);--button-bg-secondary-hover: var(--dark-gray-alpha-200);--button-bg-secondary-pressed: var(--dark-gray-alpha-300);--button-bg-secondary-disabled: var(--dark-gray-alpha-50);--button-content-secondary: var(--color-content-neutral);--button-content-secondary-disabled: var(--dark-gray-alpha-500);--button-border-secondary: var(--dark-gray-alpha-300);--button-border-secondary-disabled: var(--dark-gray-alpha-100);--button-bg-ghost-hover: var(--dark-gray-alpha-200);--button-bg-ghost-pressed: var(--dark-gray-alpha-300);--button-bg-ghost-disabled: transparent;--button-content-ghost: var(--color-content-neutral);--button-content-ghost-disabled: var(--dark-gray-alpha-500);--button-border-ghost: transparent;--button-border-ghost-disabled: transparent;--button-bg-positive: var(--dark-green-alpha-100);--button-bg-positive-hover: var(--dark-green-alpha-200);--button-bg-positive-pressed: var(--dark-green-alpha-300);--button-bg-positive-disabled: var(--dark-green-alpha-50);--button-content-positive: var(--color-content-utility-positive);--button-content-positive-disabled: var(--dark-green-alpha-500);--button-border-positive: var(--dark-green-100);--button-bg-critical: var(--dark-red-alpha-100);--button-bg-critical-hover: var(--dark-red-alpha-200);--button-bg-critical-pressed: var(--dark-red-alpha-300);--button-bg-critical-disabled: var(--dark-red-alpha-50);--button-content-critical: var(--color-content-utility-critical);--button-content-critical-disabled: var(--dark-red-alpha-500);--button-border-critical: var(--dark-red-700);--button-bg-warning: var(--dark-brown-alpha-100);--button-bg-warning-hover: var(--dark-brown-alpha-200);--button-bg-warning-pressed: var(--dark-brown-alpha-300);--button-bg-warning-disabled: var(--dark-brown-alpha-50);--button-content-warning: var(--color-content-utility-warning);--button-content-warning-disabled: var(--dark-brown-alpha-500);--button-border-warning: var(--dark-brown-700);--shadow-button-secondary-resting-topInnerShadow: #ffffff33;--shadow-button-dropShadow: #0000001a;--shadow-button-label: 0 1px 2px #00000040;--shadow-button-label-secondary: 0 1px 1px #00000080;--input-bg: var(--dark-gray-alpha-100);--input-content: var(--color-content-neutral);--input-border: var(--dark-gray-400);--input-border-focus: var(--dark-teal-alpha-400);--input-border-invalid: var(--color-status-danger);--input-placeholder: var(--color-content-subtle);--input-label-content: var(--color-content-neutral);--input-description-content: var(--color-content-subtle);--input-error-content: var(--color-status-danger);--checkbox-border: var(--dark-gray-600);--checkbox-border-hover: var(--dark-gray-700);--checkbox-border-checked-hover: var(--dark-teal-800)}:root{--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--font-sans: "General Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xxxs: .625rem;--text-xxs: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-xxl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--lineHeight-md: 1.25;--lineHeight-lg: 1.5}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--color-background-neutral)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-normal);color:var(--color-content-neutral);background:var(--color-background-neutral);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}
