:where(html){--font-family: system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-15: 1.1rem;--font-size-25: 1.2rem;--font-size-50: 1.4rem;--font-size-100: 1.6rem;--font-size-200: 1.8rem;--font-size-300: 2.1rem;--font-size-400: 2.4rem;--font-size-500: 3.6rem;--font-size-600: 4.8rem;--font-size-700: 6rem;--font-size-800: 7.2rem;--font-size-900: 8.4rem;--font-size-1000: 9.6rem;--line-height-15: 1.63636364;--line-height-25: 1.5;--line-height-50: 1.5;--line-height-100: 1.5;--line-height-200: 1.33333333;--line-height-300: 1.14285714;--line-height-400: 1.5;--line-height-500: 1.33333333;--line-height-600: 1.25;--line-height-700: 1.2;--line-height-800: 1.16666667;--line-height-900: 1.14285714;--line-height-1000: 1.125;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--black: black;--black-opacity-0: hsla(0, 0%, 0%, 0);--black-opacity-10: hsla(0, 0%, 0%, .1);--black-opacity-20: hsla(0, 0%, 0%, .2);--black-opacity-30: hsla(0, 0%, 0%, .3);--black-opacity-40: hsla(0, 0%, 0%, .4);--black-opacity-50: hsla(0, 0%, 0%, .5);--black-opacity-60: hsla(0, 0%, 0%, .6);--black-opacity-70: hsla(0, 0%, 0%, .7);--black-opacity-80: hsla(0, 0%, 0%, .8);--black-opacity-90: hsla(0, 0%, 0%, .9);--black-opacity-100: hsla(0, 0%, 0%, 1);--white: #ffffff;--white-opacity-0: hsla(0, 0%, 100%, 0);--white-opacity-10: hsla(0, 0%, 100%, .1);--white-opacity-20: hsla(0, 0%, 100%, .2);--white-opacity-30: hsla(0, 0%, 100%, .3);--white-opacity-40: hsla(0, 0%, 100%, .4);--white-opacity-50: hsla(0, 0%, 100%, .5);--white-opacity-60: hsla(0, 0%, 100%, .6);--white-opacity-70: hsla(0, 0%, 100%, .7);--white-opacity-80: hsla(0, 0%, 100%, .8);--white-opacity-90: hsla(0, 0%, 100%, .9);--white-opacity-100: hsla(0, 0%, 100%, 1);--grey-100: #f5f5f5;--grey-200: #e5e5e5;--grey-300: #ccc;--grey-400: #aaa;--grey-500: #888;--grey-600: #666;--grey-700: #555;--grey-800: #444;--grey-900: #333;--grey-1000: #222;--grey-1100: #111;--red-100: #ffe5e5;--red-200: #fbbcbc;--red-300: #f79494;--red-400: #f36b6b;--red-500: #f74e4e;--red-600: #e04343;--red-700: #c23c3c;--red-800: #a43535;--red-900: #862e2e;--red-1000: #6a2323;--orange-100: #fff2cc;--orange-200: #ffe0a3;--orange-300: #ffcc80;--orange-400: #ffb84d;--orange-500: #ffa500;--orange-600: #e59400;--orange-700: #cc8300;--orange-800: #b37300;--orange-900: #996200;--orange-1000: #805100;--green-100: #e5f9e5;--green-200: #c6f3c6;--green-300: #a6eda6;--green-400: #86e786;--green-500: #00bd00;--green-600: #00a800;--green-700: #009400;--green-800: #007f00;--green-900: #006b00;--green-1000: #005700;--blue-100: #e6f2ff;--blue-200: #cce4ff;--blue-300: #99caff;--blue-400: #85bffb;--blue-500: #62b7fb;--blue-600: #338fe0;--blue-700: #3396eb;--blue-800: #1a86e3;--blue-900: #0076db;--blue-1000: #005fb1;--radius-000: 0;--radius-100: 4px;--radius-150: 6px;--radius-200: 8px;--radius-300: 16px;--radius-400: 24px;--space-000: 0;--space-025: .2rem;--space-050: .4rem;--space-100: .6rem;--space-200: .8rem;--space-300: 1.2rem;--space-400: 1.6rem;--space-500: 2.4rem;--space-600: 3.6rem;--space-700: 4.8rem;--space-800: 6rem;--stroke-size-100: 1px;--stroke-size-200: 2px;--stroke-size-300: 3px;--stroke-size-400: 4px;--stroke-size-500: 5px;--stroke-solid: solid;--stroke-outset: outset;--speed-100: .1s;--speed-200: .2s;--speed-300: .3s;--speed-400: .4s}html[data-theme=light]{--form-default-text-color: var(--grey-500);--form-success-text-color: var(--green-700);--form-warning-text-color: var(--orange-700);--form-error-text-color: var(--red-700);--form-default-text-color-hover: var(--grey-600);--form-success-text-color-hover: var(--green-800);--form-warning-text-color-hover: var(--orange-800);--form-error-text-color-hover: var(--red-800);--form-default-border-color: var(--grey-300);--form-success-border-color: var(--green-600);--form-warning-border-color: var(--orange-600);--form-error-border-color: var(--red-600);--form-default-border-color-hover: var(--grey-400);--form-success-border-color-hover: var(--green-700);--form-warning-border-color-hover: var(--orange-700);--form-error-border-color-hover: var(--red-700);--feedback-neutral-border-color: var(--black-opacity-20);--feedback-positive-border-color: var(--green-600);--feedback-info-border-color: var(--blue-600);--feedback-warning-border-color: var(--orange-600);--feedback-attention-border-color: var(--red-600);--feedback-neutral-background: var(--white);--feedback-positive-background: var(--green-100);--feedback-info-background: var(--blue-100);--feedback-warning-background: var(--orange-100);--feedback-attention-background: var(--red-100);--feedback-neutral-icon: var(--grey-600);--feedback-positive-icon: var(--green-600);--feedback-info-icon: var(--blue-600);--feedback-warning-icon: var(--orange-600);--feedback-attention-icon: var(--red-600);--feedback-neutral-text: var(--grey-900);--feedback-positive-text: var(--green-900);--feedback-info-text: var(--blue-900);--feedback-warning-text: var(--orange-900);--feedback-attention-text: var(--red-900);--feedback-neutral-action-background: var(--grey-200);--feedback-positive-action-background: var(--green-200);--feedback-info-action-background: var(--blue-200);--feedback-warning-action-background: var(--orange-200);--feedback-attention-action-background: var(--red-200);--action-primary-border-color: var(--black-opacity-0);--action-primary-border-color-hover: var(--black-opacity-0);--action-primary-border-color-focus: var(--black-opacity-0);--action-primary-border-color-disabled: var(--black-opacity-0);--action-primary-background: var(--grey-900);--action-primary-background-hover: var(--grey-1000);--action-primary-background-focus: var(--grey-1000);--action-primary-background-disabled: var(--grey-200);--action-primary-text-color: var(--white);--action-primary-text-color-hover: var(--white);--action-primary-text-color-focus: var(--white);--action-primary-text-color-disabled: var(--grey-400);--action-secondary-border-color: var(--grey-800);--action-secondary-border-color-hover: var(--grey-800);--action-secondary-border-color-focus: var(--grey-800);--action-secondary-border-color-disabled: var(--grey-800);--action-secondary-background: var(--white-opacity-0);--action-secondary-background-hover: var(--grey-100);--action-secondary-background-focus: var(--grey-100);--action-secondary-background-disabled: var(--grey-100);--action-secondary-text-color: var(--grey-900);--action-secondary-text-color-hover: var(--grey-1000);--action-secondary-text-color-focus: var(--grey-1000);--action-secondary-text-color-disabled: var(--grey-400);--action-tertiary-border-color: var(--black-opacity-0);--action-tertiary-border-color-hover: var(--black-opacity-0);--action-tertiary-border-color-focus: var(--black-opacity-0);--action-tertiary-border-color-disabled: var(--black-opacity-0);--action-tertiary-background: var(--white-opacity-0);--action-tertiary-background-hover: var(--black-opacity-10);--action-tertiary-background-focus: var(--black-opacity-10);--action-tertiary-background-disabled: var(--grey-100);--action-tertiary-text-color: var(--grey-900);--action-tertiary-text-color-hover: var(--grey-1000);--action-tertiary-text-color-focus: var(--grey-1000);--action-tertiary-text-color-disabled: var(--grey-400);--action-attention-border-color: var(--black-opacity-0);--action-attention-border-color-hover: var(--black-opacity-0);--action-attention-border-color-focus: var(--black-opacity-0);--action-attention-border-color-disabled: var(--black-opacity-0);--action-attention-background: var(--red-500);--action-attention-background-hover: var(--red-600);--action-attention-background-focus: var(--red-600);--action-attention-background-disabled: var(--red-100);--action-attention-text-color: var(--white);--action-attention-text-color-hover: var(--white);--action-attention-text-color-focus: var(--white);--action-attention-text-color-disabled: var(--red-300);--surface: var(--grey-200);--surface-elevated-alpha: var(--white-opacity-50);--surface-elevated-100: var(--white);--surface-elevated-200: var(--grey-100);--surface-recessed-alpha: var(--black-opacity-10);--surface-recessed-100: var(--grey-300);--surface-recessed-200: var(--grey-400);--outline-color: var(--blue-500);--border-color: var(--black-opacity-20);--text-color: var(--grey-900);--text-color-success: var(--green-600);--text-color-warning: var(--orange-600);--text-color-error: var(--red-600);--text-color-optional: var(--grey-600);--switch-track-background: var(--grey-300);--switch-track-background-checked: var(--green-500);--switch-thumb-bg: var(--white);--switch-icon: var(--icon-color-default);--icon-color-default: var(--black);--icon-color-inverted: var(--white);--badge-text-color: var(--grey-100);--badge-background-neutral: var(--grey-600);--badge-background-positive: var(--green-600);--badge-background-warning: var(--orange-600);--badge-background-attention: var(--red-600);--heading-text-color: var(--grey-1000);--link-text-color-default: var(--grey-900);--link-text-color-default-hover: var(--grey-1000);--link-text-color-default-focus: var(--grey-1000);--link-text-color-default-disabled: var(--grey-800);--input-background: var(--white);--input-background-disabled: var(--grey-100);--checkbox-background: var(--white);--checkbox-background-checked: var(--grey-900);--checkbox-icon-color-checked: var(--grey-200);--checkbox-background-disabled: var(--grey-100);--checkbox-background-checked-disabled: var(--grey-800);--checkbox-icon-color-checked-disabled: var(--grey-100);--addon-background: var(--grey-100);--tab-border-color: var(--grey-300);--tab-background: var(--grey-200);--tab-icon: var(--grey-900);--tab-text-color: var(--grey-900);--tab-background-active: var(--white);--tab-icon-active: var(--black);--tab-text-color-active: var(--black);--tab-shadow-active: var(--black-opacity-10);--carousel-background: var(--white);--slat-background: var(--white-opacity-60);--slat-background-hover: var(--white-opacity-90);--slat-card-background: var(--surface-elevated-100);--slat-card-background-hover: var(--surface-elevated-200);--slat-accessory-background: var(--black-opacity-10);--chip-background: var(--white);--chip-background-hover: var(--white);--chip-background-focus: var(--white);--chip-background-active: var(--white);--chip-border-color: var(--grey-300);--chip-border-color-hover: var(--grey-300);--chip-border-color-focus: var(--grey-300);--chip-border-color-active: var(--grey-1000);--chip-text-color-active: var(--grey-1000);--chip-icon-fill: var(--black);--chip-dismiss-action-background: var(--black-opacity-10);--chip-dismiss-action-background-hover: var(--black-opacity-0)}html[data-theme=dark]{--form-default-text-color: var(--grey-500);--form-success-text-color: var(--green-400);--form-warning-text-color: var(--orange-400);--form-error-text-color: var(--red-400);--form-default-text-color-hover: var(--grey-400);--form-success-text-color-hover: var(--green-300);--form-warning-text-color-hover: var(--orange-300);--form-error-text-color-hover: var(--red-300);--form-default-border-color: var(--grey-600);--form-success-border-color: var(--green-400);--form-warning-border-color: var(--orange-400);--form-error-border-color: var(--red-400);--form-default-border-color-hover: var(--grey-500);--form-success-border-color-hover: var(--green-300);--form-warning-border-color-hover: var(--orange-300);--form-error-border-color-hover: var(--red-300);--feedback-neutral-border-color: var(--white-opacity-20);--feedback-positive-border-color: var(--green-400);--feedback-info-border-color: var(--blue-400);--feedback-warning-border-color: var(--orange-400);--feedback-attention-border-color: var(--red-400);--feedback-neutral-background: var(--grey-800);--feedback-positive-background: var(--green-800);--feedback-info-background: var(--blue-800);--feedback-warning-background: var(--orange-800);--feedback-attention-background: var(--red-800);--feedback-neutral-icon: var(--grey-200);--feedback-positive-icon: var(--green-200);--feedback-info-icon: var(--blue-200);--feedback-warning-icon: var(--orange-200);--feedback-attention-icon: var(--red-200);--feedback-neutral-text: var(--grey-100);--feedback-positive-text: var(--green-100);--feedback-info-text: var(--blue-100);--feedback-warning-text: var(--orange-100);--feedback-attention-text: var(--red-100);--feedback-neutral-action-background: var(--grey-900);--feedback-positive-action-background: var(--green-900);--feedback-info-action-background: var(--blue-900);--feedback-warning-action-background: var(--orange-900);--feedback-attention-action-background: var(--red-900);--action-primary-border-color: var(--black-opacity-0);--action-primary-border-color-hover: var(--black-opacity-0);--action-primary-border-color-focus: var(--black-opacity-0);--action-primary-border-color-disabled: var(--black-opacity-0);--action-primary-background: var(--grey-200);--action-primary-background-hover: var(--grey-100);--action-primary-background-focus: var(--grey-100);--action-primary-background-disabled: var(--grey-800);--action-primary-text-color: var(--grey-900);--action-primary-text-color-hover: var(--grey-900);--action-primary-text-color-focus: var(--grey-900);--action-primary-text-color-disabled: var(--grey-400);--action-secondary-border-color: var(--grey-200);--action-secondary-border-color-hover: var(--grey-200);--action-secondary-border-color-focus: var(--grey-200);--action-secondary-border-color-disabled: var(--grey-200);--action-secondary-background: var(--black-opacity-0);--action-secondary-background-hover: var(--grey-800);--action-secondary-background-focus: var(--grey-800);--action-secondary-background-disabled: var(--grey-900);--action-secondary-text-color: var(--grey-100);--action-secondary-text-color-hover: var(--grey-100);--action-secondary-text-color-focus: var(--grey-100);--action-secondary-text-color-disabled: var(--grey-600);--action-tertiary-border-color: var(--black-opacity-0);--action-tertiary-border-color-hover: var(--black-opacity-0);--action-tertiary-border-color-focus: var(--black-opacity-0);--action-tertiary-border-color-disabled: var(--black-opacity-0);--action-tertiary-background: var(--black-opacity-0);--action-tertiary-background-hover: var(--white-opacity-10);--action-tertiary-background-focus: var(--white-opacity-10);--action-tertiary-background-disabled: var(--grey-900);--action-tertiary-text-color: var(--grey-100);--action-tertiary-text-color-hover: var(--grey-100);--action-tertiary-text-color-focus: var(--grey-100);--action-tertiary-text-color-disabled: var(--grey-600);--action-attention-border-color: var(--black-opacity-0);--action-attention-border-color-hover: var(--black-opacity-0);--action-attention-border-color-focus: var(--black-opacity-0);--action-attention-border-color-disabled: var(--black-opacity-0);--action-attention-background: var(--red-600);--action-attention-background-hover: var(--red-700);--action-attention-background-focus: var(--red-700);--action-attention-background-disabled: var(--red-900);--action-attention-text-color: var(--white);--action-attention-text-color-hover: var(--white);--action-attention-text-color-focus: var(--white);--action-attention-text-color-disabled: var(--red-300);--surface: var(--grey-1000);--surface-elevated-alpha: var(--white-opacity-10);--surface-elevated-100: var(--grey-800);--surface-elevated-200: var(--grey-900);--surface-recessed-alpha: var(--black-opacity-30);--surface-recessed-100: var(--grey-1000);--surface-recessed-200: var(--grey-1100);--outline-color: var(--blue-300);--border-color: var(--white-opacity-20);--text-color: var(--grey-200);--text-color-success: var(--green-400);--text-color-warning: var(--orange-400);--text-color-error: var(--red-400);--text-color-optional: var(--grey-300);--switch-track-background: var(--grey-600);--switch-track-background-checked: var(--green-500);--switch-thumb-bg: var(--black);--switch-icon: var(--icon-color-default);--icon-color-default: var(--white);--icon-color-inverted: var(--black);--badge-text-color: var(--grey-900);--badge-background-neutral: var(--grey-400);--badge-background-positive: var(--green-400);--badge-background-warning: var(--orange-400);--badge-background-attention: var(--red-400);--heading-text-color: var(--grey-100);--link-text-color-default: var(--grey-200);--link-text-color-default-hover: var(--grey-100);--link-text-color-default-focus: var(--grey-100);--link-text-color-default-disabled: var(--grey-600);--input-background: var(--grey-900);--input-background-disabled: var(--grey-800);--checkbox-background: var(--grey-900);--checkbox-background-checked: var(--grey-200);--checkbox-icon-color-checked: var(--grey-900);--checkbox-background-disabled: var(--grey-800);--checkbox-background-checked-disabled: var(--grey-500);--checkbox-icon-color-checked-disabled: var(--grey-900);--addon-background: var(--grey-1000);--tab-border-color: var(--grey-800);--tab-background: var(--grey-1100);--tab-icon: var(--grey-400);--tab-text-color: var(--grey-400);--tab-background-active: var(--grey-700);--tab-icon-active: var(--white);--tab-text-color-active: var(--white);--tab-shadow-active: var(--black-opacity-40);--carousel-background: var(--grey-700);--slat-background: var(--black-opacity-20);--slat-background-hover: var(--black-opacity-50);--slat-card-background: var(--surface-elevated-100);--slat-card-background-hover: var(--surface-elevated-200);--slat-accessory-background: var(--white-opacity-10);--chip-background: var(--black);--chip-background-hover: var(--black);--chip-background-focus: var(--black);--chip-background-active: var(--black);--chip-border-color: var(--grey-700);--chip-border-color-hover: var(--grey-700);--chip-border-color-focus: var(--grey-700);--chip-border-color-active: var(--grey-100);--chip-text-color-active: var(--grey-100);--chip-icon-fill: var(--white);--chip-dismiss-action-background: var(--white-opacity-20);--chip-dismiss-action-background-hover: var(--white-opacity-0)}:where(html){--feedback-neutral-border: var(--stroke-size-200) var(--stroke-solid) var(--feedback-neutral-border-color);--feedback-positive-border: var(--stroke-size-200) var(--stroke-solid) var(--feedback-positive-border-color);--feedback-info-border: var(--stroke-size-200) var(--stroke-solid) var(--feedback-info-border-color);--feedback-warning-border: var(--stroke-size-200) var(--stroke-solid) var(--feedback-warning-border-color);--feedback-attention-border: var(--stroke-size-200) var(--stroke-solid) var(--feedback-attention-border-color);--action-primary-border: var(--stroke-size-200) var(--stroke-solid) var(--action-primary-border-color);--action-primary-border-hover: var(--stroke-size-200) var(--stroke-solid) var(--action-primary-border-color-hover);--action-primary-border-focus: var(--stroke-size-200) var(--stroke-solid) var(--action-primary-border-color-focus);--action-primary-border-disabled: var(--stroke-size-200) var(--stroke-solid) var(--action-primary-border-color-disabled);--action-secondary-border: var(--stroke-size-200) var(--stroke-solid) var(--action-secondary-border-color);--action-secondary-border-hover: var(--stroke-size-200) var(--stroke-solid) var(--action-secondary-border-color-hover);--action-secondary-border-focus: var(--stroke-size-200) var(--stroke-solid) var(--action-secondary-border-color-focus);--action-secondary-border-disabled: var(--stroke-size-200) var(--stroke-solid) var(--action-secondary-border-color-disabled);--action-tertiary-border: var(--stroke-size-200) var(--stroke-solid) var(--action-tertiary-border-color);--action-tertiary-border-hover: var(--stroke-size-200) var(--stroke-solid) var(--action-tertiary-border-color-hover);--action-tertiary-border-focus: var(--stroke-size-200) var(--stroke-solid) var(--action-tertiary-border-color-focus);--action-tertiary-border-disabled: var(--stroke-size-200) var(--stroke-solid) var(--action-tertiary-border-color-disabled);--action-attention-border: var(--stroke-size-200) var(--stroke-solid) var(--action-attention-border-color);--action-attention-border-hover: var(--stroke-size-200) var(--stroke-solid) var(--action-attention-border-color-hover);--action-attention-border-focus: var(--stroke-size-200) var(--stroke-solid) var(--action-attention-border-color-focus);--action-attention-border-disabled: var(--stroke-size-200) var(--stroke-solid) var(--action-attention-border-color-disabled);--action-padding: var(--space-200) calc(var(--space-300) + var(--space-100));--action-before-slot-padding: var(--space-300);--action-after-slot-padding: var(--space-300);--action-icon-only-padding: var(--space-000);--action-radius: var(--radius-100);--action-font-size: var(--text-font-size);--action-line-height: var(--text-line-height);--action-font-weight: var(--font-weight-medium);--text-line-height-xs: var(--line-height-25);--text-line-height-s: var(--line-height-50);--text-line-height-m: var(--line-height-100);--text-line-height-l: var(--line-height-200);--text-font-size-xs: var(--font-size-25);--text-font-size-s: var(--font-size-50);--text-font-size-m: var(--font-size-100);--text-font-size-l: var(--font-size-200);--text-font-size: var(--text-font-size-m);--text-line-height: var(--text-line-height-m);--font-weight-regular: var(--font-weight-400);--font-weight-medium: var(--font-weight-500);--font-weight-semi-bold: var(--font-weight-600);--font-weight-bold: var(--font-weight-700);--border-thin: var(--stroke-size-100) var(--stroke-solid) var(--border-color);--border-thick: var(--stroke-size-200) var(--stroke-solid) var(--border-color);--outline-thin: var(--stroke-size-100) var(--stroke-outset) var(--outline-color);--outline-medium: var(--stroke-size-300) var(--stroke-outset) var(--outline-color);--outline-thick: var(--stroke-size-500) var(--stroke-outset) var(--outline-color);--switch-offset: 1px;--switch-thumb-size: 3.6rem;--switch-width: calc(var(--switch-height) * 1.6);--switch-height: calc(var(--switch-thumb-size) + (var(--switch-offset) * 2));--card-radius: var(--radius-150);--badge-radius: var(--radius-300);--badge-font-weight: var(--font-weight-bold);--heading-font-weight: var(--font-weight-bold);--heading-font-size-100: var(--font-size-600);--heading-font-size-200: var(--font-size-500);--heading-font-size-300: var(--font-size-400);--heading-font-size-400: var(--font-size-300);--heading-font-size-500: var(--font-size-200);--heading-font-size-600: var(--font-size-100);--heading-line-height-100: var(--line-height-600);--heading-line-height-200: var(--line-height-500);--heading-line-height-300: var(--line-height-400);--heading-line-height-400: var(--line-height-300);--heading-line-height-500: var(--line-height-200);--heading-line-height-600: var(--line-height-100);--alert-radius: var(--radius-100);--alert-padding: var(--space-400);--alert-gap-horizontal-mobile: var(--space-300);--alert-gap-horizontal-desktop: var(--space-100);--message-radius: var(--radius-150);--message-padding: var(--space-400);--message-gap-horizontal: var(--space-300);--message-gap-vertical: var(--space-100);--tab-radius: var(--radius-200);--carousel-radius: var(--radius-300);--carousel-tab-position: var(--space-400);--carousel-tab-offset: calc(4.4rem + var(--carousel-tab-position));--slat-radius: var(--radius-200);--checkbox-radius: var(--radius-100);--chip-radius: var(--radius-400)}label{margin-bottom:var(--space-100)}input,textarea{border-radius:var(--radius-100)}input[type=text],input[type=email],input[type=number],input[type=password],input[type=file],input[type=search],input[type=range],input[type=button],input[type=submit],input[type=reset],button,textarea,fieldset{border:none}input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=range],select{min-height:4.4rem;padding:var(--space-200) var(--space-300)}input[type=text],input[type=email],input[type=number],input[type=password],input[type=file],input[type=search],input[type=range],textarea,fieldset{border:var(--border-thin)}textarea{padding:var(--space-300);height:var(--space-800)}legend{padding:var(--space-000) var(--space-200);margin-left:calc(-1 * var(--space-200))}fieldset{border-radius:var(--radius-100);padding:var(--space-300) var(--space-500)}fieldset ul{list-style:none;padding:var(--space-000);margin:var(--space-000)}fieldset label,fieldset ul label{margin-bottom:var(--space-000);display:flex}fieldset li,fieldset label{margin-bottom:var(--space-200)}input[type=checkbox],input[type=radio]{margin:0 var(--space-200) 0 0}input[type=file]{font-size:var(--text-font-size-xs);padding:var(--space-400);margin-bottom:var(--space-500)}button[type=submit]{padding:var(--action-padding);border-radius:var(--radius-100);border:var(--border-thick)}:where(html){--root-font-size: 62.5%;font-size:var(--root-font-size);font-family:var(--font-family);background:var(--white);color:var(--text-color);line-height:var(--text-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html{scroll-behavior:smooth}body{margin:var(--space-000);font-size:var(--text-font-size);min-height:100vh}button,input,optgroup,select,textarea{font-family:var(--font-family);font-size:var(--text-font-size);line-height:var(--text-line-height);margin:var(--space-000)}:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:var(--outline-thick)}progress{vertical-align:baseline}summary{display:list-item}template,[hidden]{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}article,aside,main,section,nav,header,footer{width:100%}audio,canvas,mark,video{display:inline-block}img,legend{border:0}body,figure,form{margin:var(--space-000)}audio,canvas,img,video{vertical-align:middle}dfn{font-style:italic}q{quotes:none}q:after,q:before{content:"";content:none}abbr[title]{border-bottom:none;text-decoration:underline dotted}dd{margin:0}*,:before,:after{box-sizing:border-box}::-moz-selection,::selection{background:var(--grey-900);color:var(--white);text-shadow:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}:focus:not(:focus-visible){outline:none}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;font:inherit}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-moz-focus-inner{border:0;padding:0}button,input,optgroup,select,textarea{vertical-align:baseline}[type=checkbox],[type=radio],legend{padding:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}em{font-style:italic}b,strong{font-weight:700}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]{-moz-appearance:auto;appearance:auto;-webkit-appearance:slider-horizontal}input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}input[type=button],input[type=submit],input[type=reset],button{display:inline-block;cursor:pointer;width:auto}table{width:100%;border-collapse:collapse;border-spacing:0}label{display:block}textarea{resize:vertical;overflow:auto;vertical-align:top}legend{font-weight:700}input[type=checkbox],input[type=radio]{width:auto}html[data-theme=light],html[data-theme=dark]{--app-container-surface: var(--surface)}#root{display:grid;width:100%;min-height:100vh;grid-template-rows:86px 1fr}body{display:grid;place-items:center;text-align:center;background-color:var(--app-container-surface)}.main{padding:var(--space-600);padding-top:0;box-sizing:border-box;display:grid;gap:var(--space-400)}.prompt-outer{box-sizing:border-box}.prompt-input{padding:var(--space-400);padding-bottom:var(--space-200);background:var(--surface-elevated-alpha);border:var(--border-thin);border-color:var(--form-default-border-color);border-radius:var(--radius-300)}.prompt-toolbar::part(justify-content){justify-content:space-between}.header{width:100%;position:fixed;top:0;left:0;padding:var(--space-500) var(--space-600);z-index:1;box-sizing:border-box}.alerts{position:fixed;bottom:calc(var(--space-400) + 15.4rem);left:50%;z-index:1;transform:translate(-50%)}.sp-layout{display:grid!important;grid-template-columns:1fr;height:calc(100vh - 86px - 122px - (var(--space-400) * 3));border-radius:var(--radius-300)!important;border-color:var(--form-default-border-color)!important;gap:0}.sp-layout.editor{grid-template-rows:auto 1fr}.sp-layout.no-editor{grid-template-rows:1fr}.sp-preview-iframe{background-color:var(--surface-elevated-100);color:var(--text-color)}.editor-outer{display:grid;grid-template-rows:auto 1fr;overflow-y:scroll;overflow-x:scroll}.preview-outer{display:grid}@media (min-width: 1200px){.sp-layout{grid-template-rows:1fr}.sp-layout.editor{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.sp-layout.no-editor{grid-template-columns:1fr}.editor-outer{overflow-y:hidden;max-height:initial}}