@layer env.reset, env.tokens, env.base, env.components, env.utilities;
@layer env.reset{
.env-theme,
.env-theme *,
.env-theme ::before,
.env-theme ::after {
  box-sizing: border-box;
}
}
@layer env.tokens{
.env-theme {
  color-scheme: light;
  --env-badge-count-height: 1.25rem;
  --env-color-bg-accent-emphasis: #9948b6;
  --env-color-bg-accent-emphasis-hover: #83319f;
  --env-color-bg-accent-emphasis-pressed: #6d1888;
  --env-color-bg-accent-muted: rgb(142 60 170 / 0.12);
  --env-color-bg-accent-soft: rgb(142 60 170 / 0.05);
  --env-color-bg-accent-solid: #8e3caa;
  --env-color-bg-accent-strong: #9948b6;
  --env-color-bg-accent-strong-hover: #83319f;
  --env-color-bg-accent-strong-pressed: #6d1888;
  --env-color-bg-accent-subtle: transparent;
  --env-color-bg-accent-subtle-hover: rgb(142 60 170 / 0.14);
  --env-color-bg-accent-subtle-pressed: rgb(142 60 170 / 0.22);
  --env-color-bg-avatar: var(--env-color-bg-avatar-powder);
  --env-color-bg-avatar-blush: #ffd3d4;
  --env-color-bg-avatar-butter: #efdca4;
  --env-color-bg-avatar-oat: #e7dbce;
  --env-color-bg-avatar-orchid: #fad2ec;
  --env-color-bg-avatar-periwinkle: #dadaff;
  --env-color-bg-avatar-powder: #c0e2f6;
  --env-color-bg-avatar-sage: #cee4c3;
  --env-color-bg-avatar-seafoam: #b8e7de;
  --env-color-bg-backdrop: rgb(31 31 34 / 0.32);
  --env-color-bg-backdrop-muted: rgb(31 31 34 / 0.2);
  --env-color-bg-danger-emphasis: #b72b20;
  --env-color-bg-danger-emphasis-hover: #9f0300;
  --env-color-bg-danger-emphasis-pressed: #7a0200;
  --env-color-bg-danger-muted: rgb(248 172 166 / 0.28);
  --env-color-bg-danger-strong: #b72b20;
  --env-color-bg-danger-strong-hover: #c64e43;
  --env-color-bg-danger-strong-pressed: #bf3e33;
  --env-color-bg-danger-subtle: transparent;
  --env-color-bg-danger-subtle-hover: rgb(183 43 32 / 0.14);
  --env-color-bg-danger-subtle-pressed: rgb(183 43 32 / 0.22);
  --env-color-bg-default: #f4f4f6;
  --env-color-bg-default-hover: #e7e7e9;
  --env-color-bg-default-pressed: #dddddf;
  --env-color-bg-done-emphasis: #4e627e;
  --env-color-bg-done-muted: rgb(78 98 126 / 0.12);
  --env-color-bg-field: #ffffff;
  --env-color-bg-info-strong: #2c61a6;
  --env-color-bg-info-strong-hover: #376cb2;
  --env-color-bg-info-strong-pressed: #4177be;
  --env-color-bg-inset: rgb(255 255 255 / 0.5);
  --env-color-bg-list-item: var(--env-color-bg-muted);
  --env-color-bg-list-item-hover: var(--env-color-bg-muted-hover);
  --env-color-bg-list-item-pressed: var(--env-color-bg-muted-pressed);
  --env-color-bg-muted: #ffffff;
  --env-color-bg-muted-hover: #f1f1f3;
  --env-color-bg-muted-pressed: #e3e3e6;
  --env-color-bg-navigation: transparent;
  --env-color-bg-navigation-hover: #dfe1e5;
  --env-color-bg-navigation-pressed: #d8dade;
  --env-color-bg-neutral-emphasis: #616164;
  --env-color-bg-neutral-muted: rgb(31 31 34 / 0.1);
  --env-color-bg-neutral-muted-hover: rgb(31 31 34 / 0.18);
  --env-color-bg-neutral-muted-pressed: rgb(31 31 34 / 0.26);
  --env-color-bg-neutral-strong: #434346;
  --env-color-bg-neutral-strong-hover: #616164;
  --env-color-bg-neutral-strong-pressed: #757578;
  --env-color-bg-neutral-subtle: transparent;
  --env-color-bg-neutral-subtle-hover: rgb(31 31 34 / 0.08);
  --env-color-bg-neutral-subtle-pressed: rgb(31 31 34 / 0.12);
  --env-color-bg-page: #eaeaec;
  --env-color-bg-page-hover: #dddddf;
  --env-color-bg-page-pressed: #d4d4d6;
  --env-color-bg-popup: #ffffff;
  --env-color-bg-popup-hover: #e0e0e2;
  --env-color-bg-popup-pressed: #d7d7d9;
  --env-color-bg-primary-emphasis: #1872e7;
  --env-color-bg-primary-emphasis-hover: #005cc8;
  --env-color-bg-primary-emphasis-pressed: #004aa2;
  --env-color-bg-primary-muted: rgb(0 92 200 / 0.12);
  --env-color-bg-primary-soft: rgb(0 92 200 / 0.05);
  --env-color-bg-primary-solid: #005cc8;
  --env-color-bg-primary-strong: #1872e7;
  --env-color-bg-primary-strong-hover: #005cc8;
  --env-color-bg-primary-strong-pressed: #004aa2;
  --env-color-bg-primary-subtle: transparent;
  --env-color-bg-primary-subtle-hover: rgb(0 92 200 / 0.14);
  --env-color-bg-primary-subtle-pressed: rgb(0 92 200 / 0.22);
  --env-color-bg-raised: #ffffff;
  --env-color-bg-raised-hover: #f1f1f3;
  --env-color-bg-raised-pressed: #e3e3e6;
  --env-color-bg-recessed: #f1f1f3;
  --env-color-bg-recessed-hover: #e3e3e6;
  --env-color-bg-recessed-pressed: #dadadc;
  --env-color-bg-row-hover: rgb(31 31 34 / 0.07);
  --env-color-bg-row-pressed: rgb(31 31 34 / 0.11);
  --env-color-bg-selected: #d7e5fd;
  --env-color-bg-selected-hover: #cddefc;
  --env-color-bg-selected-pressed: #c8dbfc;
  --env-color-bg-success-emphasis: #176f35;
  --env-color-bg-success-muted: rgb(109 195 137 / 0.2);
  --env-color-bg-success-strong: #236d52;
  --env-color-bg-success-strong-hover: #2f775c;
  --env-color-bg-success-strong-pressed: #3b8266;
  --env-color-bg-success-subtle: transparent;
  --env-color-bg-success-subtle-hover: rgb(23 111 53 / 0.14);
  --env-color-bg-success-subtle-pressed: rgb(23 111 53 / 0.22);
  --env-color-bg-warning-emphasis: #8a5504;
  --env-color-bg-warning-muted: rgb(255 208 120 / 0.24);
  --env-color-bg-warning-subtle: transparent;
  --env-color-bg-warning-subtle-hover: rgb(255 208 120 / 0.36);
  --env-color-bg-warning-subtle-pressed: rgb(255 208 120 / 0.5);
  --env-color-border-accent: rgb(142 60 170 / 0.55);
  --env-color-border-danger: rgb(183 43 32 / 0.55);
  --env-color-border-danger-emphasis: #b72b20;
  --env-color-border-danger-emphasis-hover: #9f0300;
  --env-color-border-danger-emphasis-pressed: #7a0200;
  --env-color-border-danger-muted: rgb(183 43 32 / 0.28);
  --env-color-border-danger-strong: #9f0300;
  --env-color-border-default: #808083;
  --env-color-border-default-hover: #757578;
  --env-color-border-default-pressed: #6b6b6e;
  --env-color-border-done: rgb(78 98 126 / 0.55);
  --env-color-border-focus: #0366da;
  --env-color-border-info-strong: #174d90;
  --env-color-border-media: rgb(0 0 0 / 0.05);
  --env-color-border-muted: #d1d1d3;
  --env-color-border-muted-hover: #bfbfc1;
  --env-color-border-muted-pressed: #a4a4a7;
  --env-color-border-neutral: rgb(97 97 100 / 0.55);
  --env-color-border-neutral-strong: #313134;
  --env-color-border-primary: rgb(0 92 200 / 0.55);
  --env-color-border-primary-emphasis: #1872e7;
  --env-color-border-primary-emphasis-hover: #005cc8;
  --env-color-border-primary-emphasis-pressed: #00408f;
  --env-color-border-primary-muted: rgb(0 92 200 / 0.28);
  --env-color-border-success: rgb(23 111 53 / 0.55);
  --env-color-border-success-muted: rgb(23 111 53 / 0.28);
  --env-color-border-success-strong: #03593f;
  --env-color-border-warning: rgb(138 85 4 / 0.55);
  --env-color-border-warning-muted: rgb(138 85 4 / 0.28);
  --env-color-fg-accent: #83319f;
  --env-color-fg-avatar: var(--env-color-fg-avatar-powder);
  --env-color-fg-avatar-blush: #924c4f;
  --env-color-fg-avatar-butter: #7c5b2a;
  --env-color-fg-avatar-figure: var(--env-color-fg-avatar-figure-powder);
  --env-color-fg-avatar-figure-blush: var(--env-color-fg-avatar-blush);
  --env-color-fg-avatar-figure-butter: var(--env-color-fg-avatar-butter);
  --env-color-fg-avatar-figure-oat: var(--env-color-fg-avatar-oat);
  --env-color-fg-avatar-figure-orchid: var(--env-color-fg-avatar-orchid);
  --env-color-fg-avatar-figure-periwinkle: var(--env-color-fg-avatar-periwinkle);
  --env-color-fg-avatar-figure-powder: var(--env-color-fg-avatar-powder);
  --env-color-fg-avatar-figure-sage: var(--env-color-fg-avatar-sage);
  --env-color-fg-avatar-figure-seafoam: var(--env-color-fg-avatar-seafoam);
  --env-color-fg-avatar-oat: #6e5e51;
  --env-color-fg-avatar-orchid: #864f70;
  --env-color-fg-avatar-periwinkle: #5d5a96;
  --env-color-fg-avatar-powder: #39648d;
  --env-color-fg-avatar-sage: #4d6845;
  --env-color-fg-avatar-seafoam: #266b68;
  --env-color-fg-control: #434346;
  --env-color-fg-danger: #ac190f;
  --env-color-fg-danger-hover: #9f0300;
  --env-color-fg-danger-on-strong: #f8aca6;
  --env-color-fg-danger-pressed: #7a0200;
  --env-color-fg-default: #1f1f22;
  --env-color-fg-disabled: #808083;
  --env-color-fg-done: #455874;
  --env-color-fg-info-on-strong: #9fc1f8;
  --env-color-fg-link: #0053b5;
  --env-color-fg-link-hover: #004aa2;
  --env-color-fg-link-on-muted: #0053b5;
  --env-color-fg-link-on-muted-hover: #004aa2;
  --env-color-fg-link-on-muted-pressed: #00408f;
  --env-color-fg-link-pressed: #00377c;
  --env-color-fg-muted: #4d4d50;
  --env-color-fg-muted-hover: #434346;
  --env-color-fg-muted-pressed: #39393d;
  --env-color-fg-on-emphasis: #ffffff;
  --env-color-fg-on-selected: #0053b5;
  --env-color-fg-on-strong: #ffffff;
  --env-color-fg-primary: #0053b5;
  --env-color-fg-rating-star: #dea846;
  --env-color-fg-success: #02652b;
  --env-color-fg-success-on-strong: #7ad197;
  --env-color-fg-warning: #7e4b00;
  --env-control-border-width: 1px;
  --env-control-font-size: var(--env-font-size-body);
  --env-control-gap: 0.4375rem;
  --env-control-height: var(--env-control-height-md);
  --env-control-height-lg: 3rem;
  --env-control-height-md: 2.5rem;
  --env-control-height-sm: 2rem;
  --env-control-height-touch: 2.75rem;
  --env-control-icon-size: 1rem;
  --env-control-target-min: 1.5rem;
  --env-elevation-0-border: transparent;
  --env-elevation-1-border: #b1b1b4;
  --env-elevation-2-border: #b1b1b4;
  --env-elevation-3-border: #808083;
  --env-font-family: 'envUI Geist', sans-serif;
  --env-font-size-body: 0.9375rem;
  --env-font-size-body-sm: 0.875rem;
  --env-font-size-caption: 0.75rem;
  --env-font-size-headline: 1.375rem;
  --env-font-size-label: 0.875rem;
  --env-font-size-label-sm: 0.8125rem;
  --env-font-size-title: 1.125rem;
  --env-font-weight-body: var(--env-font-weight-regular);
  --env-font-weight-medium: 500;
  --env-font-weight-regular: 400;
  --env-font-weight-semibold: 600;
  --env-icon-size-lg: 1.25rem;
  --env-icon-size-md: 1.125rem;
  --env-icon-size-sm: var(--env-control-icon-size);
  --env-line-height-body: 1.4;
  --env-motion-duration-fast: 0.12s;
  --env-motion-duration-medium: 0.16s;
  --env-motion-duration-slow: 0.24s;
  --env-motion-ease: cubic-bezier(0.45, 0, 0.2, 1);
  --env-motion-ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --env-motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --env-picture-size-lg: 3rem;
  --env-picture-size-md: 2rem;
  --env-picture-size-sm: 1.5rem;
  --env-picture-size-xl: 5.5rem;
  --env-radius-lg: 1rem;
  --env-radius-md: 0.75rem;
  --env-radius-none: 0rem;
  --env-radius-row-inner: var(--env-radius-sm);
  --env-radius-row-outer: var(--env-radius-surface);
  --env-radius-row-single: var(--env-radius-row-outer);
  --env-radius-sm: 0.5rem;
  --env-radius-surface: var(--env-radius-xl);
  --env-radius-xl: 1.75rem;
  --env-radius-xs: 0.25rem;
  --env-row-content-height: 1.25rem;
  --env-row-height: 2.25rem;
  --env-row-padding-block-lg: 0.75rem;
  --env-row-padding-block-md: 0.5rem;
  --env-row-padding-block-sm: 0.25rem;
  --env-row-padding-block-xs: 0.125rem;
  --env-row-padding-inline: 1.5rem;
  --env-space-1: 0.25rem;
  --env-space-2: 0.5rem;
  --env-space-3: 0.75rem;
  --env-space-4: 1rem;
  --env-space-5: 1.5rem;
  --env-space-6: 2rem;
  --env-space-7: 2.5rem;
  --env-space-8: 3rem;
  --env-space-9: 4rem;
  --env-state-disabled-opacity: 0.48;
  --env-state-focus-opacity: 0.1;
  --env-state-hover-opacity: 0.08;
  --env-state-pressed-opacity: 0.1;
  --env-title-bar-height: 2.5rem;
  --env-top-bar-height: 3.25rem;
  --env-tree-row-padding-block-lg: var(--env-row-padding-block-lg);
  --env-tree-row-padding-block-md: var(--env-row-padding-block-md);
  --env-tree-row-padding-block-sm: var(--env-row-padding-block-sm);
  --env-type-body: var(--env-type-body-font-weight)
    var(--env-type-body-font-size)/var(--env-type-body-line-height) var(--env-type-body-font-family);
  --env-type-body-font-family: var(--env-font-family);
  --env-type-body-font-size: var(--env-font-size-body);
  --env-type-body-font-weight: var(--env-font-weight-body);
  --env-type-body-letter-spacing: 0rem;
  --env-type-body-line-height: 1.4em;
  --env-type-body-sm: var(--env-type-body-sm-font-weight)
    var(--env-type-body-sm-font-size)/var(--env-type-body-sm-line-height)
    var(--env-type-body-sm-font-family);
  --env-type-body-sm-font-family: var(--env-font-family);
  --env-type-body-sm-font-size: var(--env-font-size-body-sm);
  --env-type-body-sm-font-weight: var(--env-font-weight-body);
  --env-type-body-sm-letter-spacing: 0rem;
  --env-type-body-sm-line-height: 1.4em;
  --env-type-headline: var(--env-type-headline-font-weight)
    var(--env-type-headline-font-size)/var(--env-type-headline-line-height)
    var(--env-type-headline-font-family);
  --env-type-headline-font-family: var(--env-font-family);
  --env-type-headline-font-size: var(--env-font-size-headline);
  --env-type-headline-font-weight: var(--env-font-weight-medium);
  --env-type-headline-letter-spacing: -0.0125rem;
  --env-type-headline-line-height: 1.3em;
  --env-type-title: var(--env-type-title-font-weight)
    var(--env-type-title-font-size)/var(--env-type-title-line-height)
    var(--env-type-title-font-family);
  --env-type-title-font-family: var(--env-font-family);
  --env-type-title-font-size: var(--env-font-size-title);
  --env-type-title-font-weight: var(--env-font-weight-medium);
  --env-type-title-letter-spacing: -0.00625rem;
  --env-type-title-line-height: 1.35em;
  --env-window-class-expanded: 52.5rem;
  --env-window-class-large: 75rem;
  --env-window-class-medium: 37.5rem;
  --env-z-backdrop: 90;
  --env-z-base: 0;
  --env-z-modal: 100;
  --env-z-popup: 110;
  --env-z-raised: 1;
  --env-z-sticky: 20;
  --env-z-supporting-pane: 30;
  --env-z-toast: 120;
  --env-z-tooltip: 130;
}
.env-theme[data-env-theme='dark'] {
  color-scheme: dark;
  --env-color-bg-accent-emphasis: #dab0ec;
  --env-color-bg-accent-emphasis-hover: #eec6ff;
  --env-color-bg-accent-emphasis-pressed: #d29ee7;
  --env-color-bg-accent-muted: rgb(218 176 236 / 0.14);
  --env-color-bg-accent-soft: var(--env-color-bg-accent-muted);
  --env-color-bg-accent-solid: #dab0ec;
  --env-color-bg-accent-subtle-hover: rgb(218 176 236 / 0.17);
  --env-color-bg-accent-subtle-pressed: rgb(218 176 236 / 0.25);
  --env-color-bg-avatar-blush: #732c30;
  --env-color-bg-avatar-butter: #73501f;
  --env-color-bg-avatar-oat: #5a4a3e;
  --env-color-bg-avatar-orchid: #683052;
  --env-color-bg-avatar-periwinkle: #413c78;
  --env-color-bg-avatar-powder: #1a466f;
  --env-color-bg-avatar-sage: #395432;
  --env-color-bg-avatar-seafoam: #004c4b;
  --env-color-bg-backdrop: rgb(0 0 0 / 0.7);
  --env-color-bg-backdrop-muted: rgb(0 0 0 / 0.3);
  --env-color-bg-danger-emphasis: #bf3e33;
  --env-color-bg-danger-emphasis-hover: #c64e43;
  --env-color-bg-danger-emphasis-pressed: #b72b20;
  --env-color-bg-danger-muted: rgb(206 94 83 / 0.18);
  --env-color-bg-danger-subtle-hover: rgb(206 94 83 / 0.22);
  --env-color-bg-danger-subtle-pressed: rgb(206 94 83 / 0.3);
  --env-color-bg-default: #28292b;
  --env-color-bg-default-hover: #383a3d;
  --env-color-bg-default-pressed: #424447;
  --env-color-bg-done-emphasis: #aac1dd;
  --env-color-bg-done-muted: rgb(170 193 221 / 0.17);
  --env-color-bg-field: #1e1f21;
  --env-color-bg-inset: rgb(30 31 33 / 0.5);
  --env-color-bg-muted: #303234;
  --env-color-bg-muted-hover: #424447;
  --env-color-bg-muted-pressed: #4b4d51;
  --env-color-bg-navigation-hover: #424447;
  --env-color-bg-navigation-pressed: #4b4d51;
  --env-color-bg-neutral-emphasis: #bdbfc3;
  --env-color-bg-neutral-muted: rgb(232 234 238 / 0.125);
  --env-color-bg-neutral-muted-hover: rgb(232 234 238 / 0.2);
  --env-color-bg-neutral-muted-pressed: rgb(232 234 238 / 0.28);
  --env-color-bg-neutral-strong: #424447;
  --env-color-bg-neutral-strong-hover: #5d6166;
  --env-color-bg-neutral-strong-pressed: #72767b;
  --env-color-bg-neutral-subtle-hover: rgb(232 234 238 / 0.08);
  --env-color-bg-neutral-subtle-pressed: rgb(232 234 238 / 0.12);
  --env-color-bg-page: #1e1f21;
  --env-color-bg-page-hover: #2c2d30;
  --env-color-bg-page-pressed: #383a3d;
  --env-color-bg-popup: #343638;
  --env-color-bg-popup-hover: #424447;
  --env-color-bg-popup-pressed: #4b4d51;
  --env-color-bg-primary-emphasis: #9fc1f8;
  --env-color-bg-primary-emphasis-hover: #bfd5fb;
  --env-color-bg-primary-emphasis-pressed: #8ab3f5;
  --env-color-bg-primary-muted: rgb(52 126 234 / 0.15);
  --env-color-bg-primary-soft: var(--env-color-bg-primary-muted);
  --env-color-bg-primary-solid: #9fc1f8;
  --env-color-bg-primary-strong: #4b8bec;
  --env-color-bg-primary-strong-hover: #347eea;
  --env-color-bg-primary-strong-pressed: #1872e7;
  --env-color-bg-primary-subtle-hover: rgb(52 126 234 / 0.2);
  --env-color-bg-primary-subtle-pressed: rgb(52 126 234 / 0.28);
  --env-color-bg-raised: #303234;
  --env-color-bg-raised-hover: #424447;
  --env-color-bg-raised-pressed: #4b4d51;
  --env-color-bg-recessed: #191a1b;
  --env-color-bg-recessed-hover: #28292b;
  --env-color-bg-recessed-pressed: #343638;
  --env-color-bg-row-hover: rgb(232 234 238 / 0.18);
  --env-color-bg-row-pressed: rgb(232 234 238 / 0.2);
  --env-color-bg-selected: #293a55;
  --env-color-bg-selected-hover: #33445f;
  --env-color-bg-selected-pressed: #3c4e69;
  --env-color-bg-success-emphasis: #7ad197;
  --env-color-bg-success-muted: rgb(60 144 86 / 0.18);
  --env-color-bg-success-subtle-hover: rgb(60 144 86 / 0.22);
  --env-color-bg-success-subtle-pressed: rgb(60 144 86 / 0.3);
  --env-color-bg-warning-emphasis: #ebb750;
  --env-color-bg-warning-muted: rgb(160 106 24 / 0.2);
  --env-color-bg-warning-subtle-hover: rgb(160 106 24 / 0.26);
  --env-color-bg-warning-subtle-pressed: rgb(160 106 24 / 0.36);
  --env-color-border-accent: rgb(218 176 236 / 0.55);
  --env-color-border-danger: rgb(248 172 166 / 0.55);
  --env-color-border-danger-emphasis: #f8aca6;
  --env-color-border-danger-emphasis-hover: #e68c84;
  --env-color-border-danger-emphasis-pressed: #d66d63;
  --env-color-border-danger-muted: rgb(248 172 166 / 0.28);
  --env-color-border-danger-strong: var(--env-elevation-2-border);
  --env-color-border-default: #898c91;
  --env-color-border-default-hover: #95989c;
  --env-color-border-default-pressed: #a1a4a9;
  --env-color-border-done: rgb(170 193 221 / 0.55);
  --env-color-border-focus: #9fc1f8;
  --env-color-border-info-strong: var(--env-elevation-2-border);
  --env-color-border-muted: #5d6166;
  --env-color-border-muted-hover: #7d8185;
  --env-color-border-muted-pressed: #95989c;
  --env-color-border-neutral: rgb(189 191 195 / 0.55);
  --env-color-border-neutral-strong: var(--env-elevation-2-border);
  --env-color-border-primary: rgb(159 193 248 / 0.55);
  --env-color-border-primary-emphasis: #9fc1f8;
  --env-color-border-primary-emphasis-hover: #8ab3f5;
  --env-color-border-primary-emphasis-pressed: #75a5f2;
  --env-color-border-primary-muted: rgb(159 193 248 / 0.28);
  --env-color-border-success: rgb(122 209 151 / 0.55);
  --env-color-border-success-muted: rgb(122 209 151 / 0.28);
  --env-color-border-success-strong: var(--env-elevation-2-border);
  --env-color-border-warning: rgb(235 183 80 / 0.55);
  --env-color-border-warning-muted: rgb(235 183 80 / 0.28);
  --env-color-fg-accent: #dab0ec;
  --env-color-fg-avatar-blush: #e6b2b4;
  --env-color-fg-avatar-butter: #efdca4;
  --env-color-fg-avatar-oat: #d8ccbf;
  --env-color-fg-avatar-orchid: #deb3ce;
  --env-color-fg-avatar-periwinkle: #bcbbe6;
  --env-color-fg-avatar-powder: #9fc4dc;
  --env-color-fg-avatar-sage: #bed4b3;
  --env-color-fg-avatar-seafoam: #97c9c1;
  --env-color-fg-control: #e8eaee;
  --env-color-fg-danger: #f8aca6;
  --env-color-fg-danger-hover: #ee9c95;
  --env-color-fg-danger-pressed: #e68c84;
  --env-color-fg-default: #e8eaee;
  --env-color-fg-disabled: #898c91;
  --env-color-fg-done: #aac1dd;
  --env-color-fg-link: #9fc1f8;
  --env-color-fg-link-hover: #8ab3f5;
  --env-color-fg-link-on-muted: #b5cffb;
  --env-color-fg-link-on-muted-hover: #cddefc;
  --env-color-fg-link-on-muted-pressed: #dbe8fd;
  --env-color-fg-link-pressed: #75a5f2;
  --env-color-fg-muted: #bdbfc3;
  --env-color-fg-muted-hover: #ccced2;
  --env-color-fg-muted-pressed: #dbdde1;
  --env-color-fg-on-emphasis: #1e1f21;
  --env-color-fg-on-selected: #b5cffb;
  --env-color-fg-primary: #9fc1f8;
  --env-color-fg-rating-star: #ebb750;
  --env-color-fg-success: #7ad197;
  --env-color-fg-warning: #ebb750;
  --env-elevation-1-border: #686b70;
  --env-elevation-2-border: #686b70;
  --env-elevation-3-border: #686b70;
  --env-font-weight-medium: 460;
  --env-state-pressed-opacity: 0.12;
}
.env-theme[data-env-contrast='high'] {
  --env-color-bg-accent-emphasis: #6d1888;
  --env-color-bg-accent-emphasis-hover: #63047d;
  --env-color-bg-accent-emphasis-pressed: #57006e;
  --env-color-bg-accent-muted: rgb(99 4 125 / 0.08);
  --env-color-bg-accent-soft: rgb(99 4 125 / 0.08);
  --env-color-bg-accent-solid: #63047d;
  --env-color-bg-accent-strong: #6d1888;
  --env-color-bg-accent-strong-hover: #63047d;
  --env-color-bg-accent-strong-pressed: #57006e;
  --env-color-bg-accent-subtle-hover: rgb(99 4 125 / 0.14);
  --env-color-bg-accent-subtle-pressed: rgb(99 4 125 / 0.22);
  --env-color-bg-danger-emphasis: #7a0200;
  --env-color-bg-danger-emphasis-hover: #6b0100;
  --env-color-bg-danger-emphasis-pressed: #5a0100;
  --env-color-bg-danger-muted: rgb(122 2 0 / 0.08);
  --env-color-bg-danger-strong: #8d0200;
  --env-color-bg-danger-strong-hover: #7a0200;
  --env-color-bg-danger-strong-pressed: #6b0100;
  --env-color-bg-danger-subtle-hover: rgb(122 2 0 / 0.14);
  --env-color-bg-danger-subtle-pressed: rgb(122 2 0 / 0.22);
  --env-color-bg-default: #f8f8fa;
  --env-color-bg-default-hover: #eaeaec;
  --env-color-bg-default-pressed: #e0e0e2;
  --env-color-bg-done-emphasis: #253650;
  --env-color-bg-done-muted: rgb(37 54 80 / 0.08);
  --env-color-bg-info-strong: #094285;
  --env-color-bg-info-strong-hover: #003878;
  --env-color-bg-info-strong-pressed: #003068;
  --env-color-bg-list-item: #ffffff;
  --env-color-bg-list-item-hover: #f1f1f3;
  --env-color-bg-list-item-pressed: #e3e3e6;
  --env-color-bg-navigation-hover: #d4d4d6;
  --env-color-bg-navigation-pressed: #ceced0;
  --env-color-bg-neutral-emphasis: #39393d;
  --env-color-bg-neutral-muted: rgb(31 31 34 / 0.06);
  --env-color-bg-neutral-muted-hover: rgb(31 31 34 / 0.17);
  --env-color-bg-neutral-muted-pressed: rgb(31 31 34 / 0.25);
  --env-color-bg-neutral-strong-hover: #313134;
  --env-color-bg-neutral-strong-pressed: #29292c;
  --env-color-bg-neutral-subtle-hover: rgb(31 31 34 / 0.06);
  --env-color-bg-neutral-subtle-pressed: rgb(31 31 34 / 0.08);
  --env-color-bg-page: #f1f1f3;
  --env-color-bg-page-hover: #e3e3e6;
  --env-color-bg-page-pressed: #dadadc;
  --env-color-bg-popup: #f5f5f7;
  --env-color-bg-popup-hover: #e7e7e9;
  --env-color-bg-popup-pressed: #dddddf;
  --env-color-bg-primary-emphasis: #00408f;
  --env-color-bg-primary-emphasis-hover: #00377c;
  --env-color-bg-primary-emphasis-pressed: #002f6d;
  --env-color-bg-primary-muted: rgb(0 55 124 / 0.08);
  --env-color-bg-primary-soft: rgb(0 55 124 / 0.08);
  --env-color-bg-primary-solid: #00377c;
  --env-color-bg-primary-strong: #00408f;
  --env-color-bg-primary-strong-hover: #00377c;
  --env-color-bg-primary-strong-pressed: #002f6d;
  --env-color-bg-primary-subtle-hover: rgb(0 55 124 / 0.14);
  --env-color-bg-primary-subtle-pressed: rgb(0 55 124 / 0.22);
  --env-color-bg-recessed: #f8f8fa;
  --env-color-bg-recessed-hover: #eaeaec;
  --env-color-bg-recessed-pressed: #e0e0e2;
  --env-color-bg-row-hover: rgb(31 31 34 / 0.06);
  --env-color-bg-row-pressed: rgb(31 31 34 / 0.08);
  --env-color-bg-selected: #c8dbfc;
  --env-color-bg-selected-hover: #bfd5fb;
  --env-color-bg-selected-pressed: #bad2fb;
  --env-color-bg-success-emphasis: #00441a;
  --env-color-bg-success-muted: rgb(0 68 26 / 0.08);
  --env-color-bg-success-strong: #004e37;
  --env-color-bg-success-strong-hover: #00432e;
  --env-color-bg-success-strong-pressed: #003a28;
  --env-color-bg-success-subtle-hover: rgb(0 68 26 / 0.14);
  --env-color-bg-success-subtle-pressed: rgb(0 68 26 / 0.22);
  --env-color-bg-warning-emphasis: #553200;
  --env-color-border-accent: rgb(99 4 125 / 0.55);
  --env-color-border-danger: rgb(122 2 0 / 0.55);
  --env-color-border-danger-emphasis: #7a0200;
  --env-color-border-danger-emphasis-hover: #6b0100;
  --env-color-border-danger-emphasis-pressed: #5a0100;
  --env-color-border-danger-muted: rgb(122 2 0 / 0.28);
  --env-color-border-danger-strong: #6b0100;
  --env-color-border-default: #6b6b6e;
  --env-color-border-default-hover: #616164;
  --env-color-border-default-pressed: #57575a;
  --env-color-border-done: rgb(37 54 80 / 0.55);
  --env-color-border-focus: #0053b5;
  --env-color-border-info-strong: #003068;
  --env-color-border-muted: #6b6b6e;
  --env-color-border-muted-hover: #616164;
  --env-color-border-muted-pressed: #57575a;
  --env-color-border-neutral: rgb(49 49 52 / 0.55);
  --env-color-border-primary: rgb(0 55 124 / 0.55);
  --env-color-border-primary-emphasis: #00408f;
  --env-color-border-primary-emphasis-hover: #00377c;
  --env-color-border-primary-emphasis-pressed: #002f6d;
  --env-color-border-primary-muted: rgb(0 55 124 / 0.28);
  --env-color-border-success: rgb(0 68 26 / 0.55);
  --env-color-border-success-muted: rgb(0 68 26 / 0.28);
  --env-color-border-success-strong: #003a28;
  --env-color-border-warning: rgb(85 50 0 / 0.55);
  --env-color-border-warning-muted: rgb(85 50 0 / 0.28);
  --env-color-fg-accent: #63047d;
  --env-color-fg-avatar-blush: #682227;
  --env-color-fg-avatar-butter: #523300;
  --env-color-fg-avatar-oat: #46372b;
  --env-color-fg-avatar-orchid: #5d2648;
  --env-color-fg-avatar-periwinkle: #38326d;
  --env-color-fg-avatar-powder: #0f3b64;
  --env-color-fg-avatar-sage: #26401f;
  --env-color-fg-avatar-seafoam: #004140;
  --env-color-fg-control: #29292c;
  --env-color-fg-danger: #7a0200;
  --env-color-fg-danger-hover: #6b0100;
  --env-color-fg-danger-on-strong: #ffd3cf;
  --env-color-fg-danger-pressed: #5a0100;
  --env-color-fg-default: #131315;
  --env-color-fg-disabled: #57575a;
  --env-color-fg-done: #253650;
  --env-color-fg-info-on-strong: #cddefc;
  --env-color-fg-link: #00377c;
  --env-color-fg-link-hover: #002f6d;
  --env-color-fg-link-on-muted: #00377c;
  --env-color-fg-link-on-muted-hover: #002f6d;
  --env-color-fg-link-on-muted-pressed: #00275c;
  --env-color-fg-link-pressed: #00275c;
  --env-color-fg-muted: #313134;
  --env-color-fg-muted-hover: #29292c;
  --env-color-fg-muted-pressed: #1f1f22;
  --env-color-fg-on-selected: #002f6d;
  --env-color-fg-primary: #00377c;
  --env-color-fg-rating-star: #553200;
  --env-color-fg-success: #00441a;
  --env-color-fg-success-on-strong: #98f0b5;
  --env-color-fg-warning: #553200;
  --env-elevation-1-border: var(--env-color-border-default);
  --env-elevation-2-border: var(--env-color-border-default);
  --env-elevation-3-border: #131315;
  --env-state-focus-opacity: 0.07;
  --env-state-hover-opacity: 0.06;
  --env-state-pressed-opacity: 0.07;
}
@media (prefers-contrast: more) {
  .env-theme:not([data-env-contrast='standard']) {
    --env-color-bg-accent-emphasis: #6d1888;
    --env-color-bg-accent-emphasis-hover: #63047d;
    --env-color-bg-accent-emphasis-pressed: #57006e;
    --env-color-bg-accent-muted: rgb(99 4 125 / 0.08);
    --env-color-bg-accent-soft: rgb(99 4 125 / 0.08);
    --env-color-bg-accent-solid: #63047d;
    --env-color-bg-accent-strong: #6d1888;
    --env-color-bg-accent-strong-hover: #63047d;
    --env-color-bg-accent-strong-pressed: #57006e;
    --env-color-bg-accent-subtle-hover: rgb(99 4 125 / 0.14);
    --env-color-bg-accent-subtle-pressed: rgb(99 4 125 / 0.22);
    --env-color-bg-danger-emphasis: #7a0200;
    --env-color-bg-danger-emphasis-hover: #6b0100;
    --env-color-bg-danger-emphasis-pressed: #5a0100;
    --env-color-bg-danger-muted: rgb(122 2 0 / 0.08);
    --env-color-bg-danger-strong: #8d0200;
    --env-color-bg-danger-strong-hover: #7a0200;
    --env-color-bg-danger-strong-pressed: #6b0100;
    --env-color-bg-danger-subtle-hover: rgb(122 2 0 / 0.14);
    --env-color-bg-danger-subtle-pressed: rgb(122 2 0 / 0.22);
    --env-color-bg-default: #f8f8fa;
    --env-color-bg-default-hover: #eaeaec;
    --env-color-bg-default-pressed: #e0e0e2;
    --env-color-bg-done-emphasis: #253650;
    --env-color-bg-done-muted: rgb(37 54 80 / 0.08);
    --env-color-bg-info-strong: #094285;
    --env-color-bg-info-strong-hover: #003878;
    --env-color-bg-info-strong-pressed: #003068;
    --env-color-bg-list-item: #ffffff;
    --env-color-bg-list-item-hover: #f1f1f3;
    --env-color-bg-list-item-pressed: #e3e3e6;
    --env-color-bg-navigation-hover: #d4d4d6;
    --env-color-bg-navigation-pressed: #ceced0;
    --env-color-bg-neutral-emphasis: #39393d;
    --env-color-bg-neutral-muted: rgb(31 31 34 / 0.06);
    --env-color-bg-neutral-muted-hover: rgb(31 31 34 / 0.17);
    --env-color-bg-neutral-muted-pressed: rgb(31 31 34 / 0.25);
    --env-color-bg-neutral-strong-hover: #313134;
    --env-color-bg-neutral-strong-pressed: #29292c;
    --env-color-bg-neutral-subtle-hover: rgb(31 31 34 / 0.06);
    --env-color-bg-neutral-subtle-pressed: rgb(31 31 34 / 0.08);
    --env-color-bg-page: #f1f1f3;
    --env-color-bg-page-hover: #e3e3e6;
    --env-color-bg-page-pressed: #dadadc;
    --env-color-bg-popup: #f5f5f7;
    --env-color-bg-popup-hover: #e7e7e9;
    --env-color-bg-popup-pressed: #dddddf;
    --env-color-bg-primary-emphasis: #00408f;
    --env-color-bg-primary-emphasis-hover: #00377c;
    --env-color-bg-primary-emphasis-pressed: #002f6d;
    --env-color-bg-primary-muted: rgb(0 55 124 / 0.08);
    --env-color-bg-primary-soft: rgb(0 55 124 / 0.08);
    --env-color-bg-primary-solid: #00377c;
    --env-color-bg-primary-strong: #00408f;
    --env-color-bg-primary-strong-hover: #00377c;
    --env-color-bg-primary-strong-pressed: #002f6d;
    --env-color-bg-primary-subtle-hover: rgb(0 55 124 / 0.14);
    --env-color-bg-primary-subtle-pressed: rgb(0 55 124 / 0.22);
    --env-color-bg-recessed: #f8f8fa;
    --env-color-bg-recessed-hover: #eaeaec;
    --env-color-bg-recessed-pressed: #e0e0e2;
    --env-color-bg-row-hover: rgb(31 31 34 / 0.06);
    --env-color-bg-row-pressed: rgb(31 31 34 / 0.08);
    --env-color-bg-selected: #c8dbfc;
    --env-color-bg-selected-hover: #bfd5fb;
    --env-color-bg-selected-pressed: #bad2fb;
    --env-color-bg-success-emphasis: #00441a;
    --env-color-bg-success-muted: rgb(0 68 26 / 0.08);
    --env-color-bg-success-strong: #004e37;
    --env-color-bg-success-strong-hover: #00432e;
    --env-color-bg-success-strong-pressed: #003a28;
    --env-color-bg-success-subtle-hover: rgb(0 68 26 / 0.14);
    --env-color-bg-success-subtle-pressed: rgb(0 68 26 / 0.22);
    --env-color-bg-warning-emphasis: #553200;
    --env-color-border-accent: rgb(99 4 125 / 0.55);
    --env-color-border-danger: rgb(122 2 0 / 0.55);
    --env-color-border-danger-emphasis: #7a0200;
    --env-color-border-danger-emphasis-hover: #6b0100;
    --env-color-border-danger-emphasis-pressed: #5a0100;
    --env-color-border-danger-muted: rgb(122 2 0 / 0.28);
    --env-color-border-danger-strong: #6b0100;
    --env-color-border-default: #6b6b6e;
    --env-color-border-default-hover: #616164;
    --env-color-border-default-pressed: #57575a;
    --env-color-border-done: rgb(37 54 80 / 0.55);
    --env-color-border-focus: #0053b5;
    --env-color-border-info-strong: #003068;
    --env-color-border-muted: #6b6b6e;
    --env-color-border-muted-hover: #616164;
    --env-color-border-muted-pressed: #57575a;
    --env-color-border-neutral: rgb(49 49 52 / 0.55);
    --env-color-border-primary: rgb(0 55 124 / 0.55);
    --env-color-border-primary-emphasis: #00408f;
    --env-color-border-primary-emphasis-hover: #00377c;
    --env-color-border-primary-emphasis-pressed: #002f6d;
    --env-color-border-primary-muted: rgb(0 55 124 / 0.28);
    --env-color-border-success: rgb(0 68 26 / 0.55);
    --env-color-border-success-muted: rgb(0 68 26 / 0.28);
    --env-color-border-success-strong: #003a28;
    --env-color-border-warning: rgb(85 50 0 / 0.55);
    --env-color-border-warning-muted: rgb(85 50 0 / 0.28);
    --env-color-fg-accent: #63047d;
    --env-color-fg-avatar-blush: #682227;
    --env-color-fg-avatar-butter: #523300;
    --env-color-fg-avatar-oat: #46372b;
    --env-color-fg-avatar-orchid: #5d2648;
    --env-color-fg-avatar-periwinkle: #38326d;
    --env-color-fg-avatar-powder: #0f3b64;
    --env-color-fg-avatar-sage: #26401f;
    --env-color-fg-avatar-seafoam: #004140;
    --env-color-fg-control: #29292c;
    --env-color-fg-danger: #7a0200;
    --env-color-fg-danger-hover: #6b0100;
    --env-color-fg-danger-on-strong: #ffd3cf;
    --env-color-fg-danger-pressed: #5a0100;
    --env-color-fg-default: #131315;
    --env-color-fg-disabled: #57575a;
    --env-color-fg-done: #253650;
    --env-color-fg-info-on-strong: #cddefc;
    --env-color-fg-link: #00377c;
    --env-color-fg-link-hover: #002f6d;
    --env-color-fg-link-on-muted: #00377c;
    --env-color-fg-link-on-muted-hover: #002f6d;
    --env-color-fg-link-on-muted-pressed: #00275c;
    --env-color-fg-link-pressed: #00275c;
    --env-color-fg-muted: #313134;
    --env-color-fg-muted-hover: #29292c;
    --env-color-fg-muted-pressed: #1f1f22;
    --env-color-fg-on-selected: #002f6d;
    --env-color-fg-primary: #00377c;
    --env-color-fg-rating-star: #553200;
    --env-color-fg-success: #00441a;
    --env-color-fg-success-on-strong: #98f0b5;
    --env-color-fg-warning: #553200;
    --env-elevation-1-border: var(--env-color-border-default);
    --env-elevation-2-border: var(--env-color-border-default);
    --env-elevation-3-border: #131315;
    --env-state-focus-opacity: 0.07;
    --env-state-hover-opacity: 0.06;
    --env-state-pressed-opacity: 0.07;
  }
}
.env-theme[data-env-theme='dark'][data-env-contrast='high'] {
  --env-color-bg-accent-emphasis: #f2d3ff;
  --env-color-bg-accent-emphasis-hover: #f7e4ff;
  --env-color-bg-accent-emphasis-pressed: #faedff;
  --env-color-bg-accent-muted: rgb(242 211 255 / 0.1);
  --env-color-bg-accent-soft: rgb(242 211 255 / 0.1);
  --env-color-bg-accent-solid: #f2d3ff;
  --env-color-bg-accent-subtle-hover: rgb(247 228 255 / 0.14);
  --env-color-bg-accent-subtle-pressed: rgb(247 228 255 / 0.22);
  --env-color-bg-avatar-blush: #5e181f;
  --env-color-bg-avatar-butter: #472c00;
  --env-color-bg-avatar-oat: #3d2f23;
  --env-color-bg-avatar-orchid: #531e3f;
  --env-color-bg-avatar-periwinkle: #302964;
  --env-color-bg-avatar-powder: #04335b;
  --env-color-bg-avatar-sage: #1d3817;
  --env-color-bg-avatar-seafoam: #003837;
  --env-color-bg-danger-emphasis: #8d0200;
  --env-color-bg-danger-emphasis-hover: #9f0300;
  --env-color-bg-danger-emphasis-pressed: #7a0200;
  --env-color-bg-danger-muted: rgb(255 211 207 / 0.1);
  --env-color-bg-danger-subtle-hover: rgb(255 228 226 / 0.14);
  --env-color-bg-danger-subtle-pressed: rgb(255 228 226 / 0.22);
  --env-color-bg-default: #28292b;
  --env-color-bg-default-hover: #303234;
  --env-color-bg-default-pressed: #383a3d;
  --env-color-bg-done-emphasis: #d2dff0;
  --env-color-bg-done-muted: rgb(210 223 240 / 0.1);
  --env-color-bg-list-item: #343638;
  --env-color-bg-list-item-hover: #383a3d;
  --env-color-bg-list-item-pressed: #424447;
  --env-color-bg-muted: #343638;
  --env-color-bg-muted-hover: #383a3d;
  --env-color-bg-muted-pressed: #424447;
  --env-color-bg-navigation-hover: #383a3d;
  --env-color-bg-navigation-pressed: #424447;
  --env-color-bg-neutral-emphasis: #dbdde1;
  --env-color-bg-neutral-muted: rgb(232 234 238 / 0.08);
  --env-color-bg-neutral-muted-hover: rgb(232 234 238 / 0.12);
  --env-color-bg-neutral-muted-pressed: rgb(232 234 238 / 0.15);
  --env-color-bg-neutral-strong-hover: #303234;
  --env-color-bg-neutral-strong-pressed: #28292b;
  --env-color-bg-neutral-subtle-hover: rgb(232 234 238 / 0.06);
  --env-color-bg-neutral-subtle-pressed: rgb(232 234 238 / 0.08);
  --env-color-bg-page: #1e1f21;
  --env-color-bg-page-hover: #28292b;
  --env-color-bg-page-pressed: #303234;
  --env-color-bg-popup: #303234;
  --env-color-bg-popup-hover: #383a3d;
  --env-color-bg-popup-pressed: #424447;
  --env-color-bg-primary-emphasis: #b5cffb;
  --env-color-bg-primary-emphasis-hover: #cddefc;
  --env-color-bg-primary-emphasis-pressed: #e0ebfd;
  --env-color-bg-primary-muted: rgb(205 222 252 / 0.1);
  --env-color-bg-primary-soft: rgb(205 222 252 / 0.1);
  --env-color-bg-primary-solid: #cddefc;
  --env-color-bg-primary-subtle-hover: rgb(224 235 253 / 0.14);
  --env-color-bg-primary-subtle-pressed: rgb(224 235 253 / 0.22);
  --env-color-bg-raised: #343638;
  --env-color-bg-raised-hover: #383a3d;
  --env-color-bg-raised-pressed: #424447;
  --env-color-bg-recessed: #191a1b;
  --env-color-bg-recessed-hover: #28292b;
  --env-color-bg-recessed-pressed: #343638;
  --env-color-bg-row-hover: rgb(232 234 238 / 0.06);
  --env-color-bg-row-pressed: rgb(232 234 238 / 0.08);
  --env-color-bg-selected: #1d2e47;
  --env-color-bg-selected-hover: #253650;
  --env-color-bg-selected-pressed: #293a55;
  --env-color-bg-success-emphasis: #98f0b5;
  --env-color-bg-success-muted: rgb(152 240 181 / 0.1);
  --env-color-bg-success-subtle-hover: rgb(165 253 193 / 0.14);
  --env-color-bg-success-subtle-pressed: rgb(165 253 193 / 0.22);
  --env-color-bg-warning-emphasis: #ffd890;
  --env-color-bg-warning-muted: rgb(255 216 144 / 0.1);
  --env-color-bg-warning-subtle-hover: rgb(255 232 190 / 0.14);
  --env-color-bg-warning-subtle-pressed: rgb(255 232 190 / 0.22);
  --env-color-border-accent: rgb(247 228 255 / 0.55);
  --env-color-border-danger: rgb(255 228 226 / 0.55);
  --env-color-border-danger-emphasis: #ffe4e2;
  --env-color-border-danger-emphasis-hover: #ffedeb;
  --env-color-border-danger-emphasis-pressed: #fff6f5;
  --env-color-border-danger-muted: rgb(255 228 226 / 0.28);
  --env-color-border-danger-strong: #a1a4a9;
  --env-color-border-default: #a1a4a9;
  --env-color-border-default-hover: #afb1b6;
  --env-color-border-default-pressed: #bdbfc3;
  --env-color-border-done: rgb(222 236 253 / 0.55);
  --env-color-border-focus: #b5cffb;
  --env-color-border-info-strong: #a1a4a9;
  --env-color-border-muted: #a1a4a9;
  --env-color-border-muted-hover: #afb1b6;
  --env-color-border-muted-pressed: #bdbfc3;
  --env-color-border-neutral: rgb(232 234 238 / 0.55);
  --env-color-border-neutral-strong: #a1a4a9;
  --env-color-border-primary: rgb(224 235 253 / 0.55);
  --env-color-border-primary-emphasis: #b5cffb;
  --env-color-border-primary-emphasis-hover: #cddefc;
  --env-color-border-primary-emphasis-pressed: #e0ebfd;
  --env-color-border-primary-muted: rgb(224 235 253 / 0.28);
  --env-color-border-success: rgb(165 253 193 / 0.55);
  --env-color-border-success-muted: rgb(165 253 193 / 0.28);
  --env-color-border-success-strong: #a1a4a9;
  --env-color-border-warning: rgb(255 232 190 / 0.55);
  --env-color-border-warning-muted: rgb(255 232 190 / 0.28);
  --env-color-fg-accent: #f7e4ff;
  --env-color-fg-avatar-blush: #ffe4e5;
  --env-color-fg-avatar-butter: #fde9b1;
  --env-color-fg-avatar-oat: #f5e8db;
  --env-color-fg-avatar-orchid: #ffe2f5;
  --env-color-fg-avatar-periwinkle: #e8e9ff;
  --env-color-fg-avatar-powder: #d3efff;
  --env-color-fg-avatar-sage: #dbf1d0;
  --env-color-fg-avatar-seafoam: #c5f4eb;
  --env-color-fg-control: #eff1f5;
  --env-color-fg-danger: #ffe4e2;
  --env-color-fg-danger-hover: #ffedeb;
  --env-color-fg-danger-pressed: #fff6f5;
  --env-color-fg-default: #f6f8fc;
  --env-color-fg-disabled: #a1a4a9;
  --env-color-fg-done: #deecfd;
  --env-color-fg-link: #e0ebfd;
  --env-color-fg-link-hover: #eaf2ff;
  --env-color-fg-link-on-muted: #e0ebfd;
  --env-color-fg-link-on-muted-hover: #eaf2ff;
  --env-color-fg-link-on-muted-pressed: #f4f8ff;
  --env-color-fg-link-pressed: #f4f8ff;
  --env-color-fg-muted: #e8eaee;
  --env-color-fg-muted-hover: #eff1f5;
  --env-color-fg-muted-pressed: #f6f8fc;
  --env-color-fg-on-emphasis: #121315;
  --env-color-fg-on-selected: #cddefc;
  --env-color-fg-primary: #e0ebfd;
  --env-color-fg-rating-star: #ffe8be;
  --env-color-fg-success: #a5fdc1;
  --env-color-fg-warning: #ffe8be;
  --env-elevation-3-border: #a1a4a9;
}
@media (prefers-contrast: more) {
  .env-theme[data-env-theme='dark']:not([data-env-contrast='standard']) {
    --env-color-bg-accent-emphasis: #f2d3ff;
    --env-color-bg-accent-emphasis-hover: #f7e4ff;
    --env-color-bg-accent-emphasis-pressed: #faedff;
    --env-color-bg-accent-muted: rgb(242 211 255 / 0.1);
    --env-color-bg-accent-soft: rgb(242 211 255 / 0.1);
    --env-color-bg-accent-solid: #f2d3ff;
    --env-color-bg-accent-subtle-hover: rgb(247 228 255 / 0.14);
    --env-color-bg-accent-subtle-pressed: rgb(247 228 255 / 0.22);
    --env-color-bg-avatar-blush: #5e181f;
    --env-color-bg-avatar-butter: #472c00;
    --env-color-bg-avatar-oat: #3d2f23;
    --env-color-bg-avatar-orchid: #531e3f;
    --env-color-bg-avatar-periwinkle: #302964;
    --env-color-bg-avatar-powder: #04335b;
    --env-color-bg-avatar-sage: #1d3817;
    --env-color-bg-avatar-seafoam: #003837;
    --env-color-bg-danger-emphasis: #8d0200;
    --env-color-bg-danger-emphasis-hover: #9f0300;
    --env-color-bg-danger-emphasis-pressed: #7a0200;
    --env-color-bg-danger-muted: rgb(255 211 207 / 0.1);
    --env-color-bg-danger-subtle-hover: rgb(255 228 226 / 0.14);
    --env-color-bg-danger-subtle-pressed: rgb(255 228 226 / 0.22);
    --env-color-bg-default: #28292b;
    --env-color-bg-default-hover: #303234;
    --env-color-bg-default-pressed: #383a3d;
    --env-color-bg-done-emphasis: #d2dff0;
    --env-color-bg-done-muted: rgb(210 223 240 / 0.1);
    --env-color-bg-list-item: #343638;
    --env-color-bg-list-item-hover: #383a3d;
    --env-color-bg-list-item-pressed: #424447;
    --env-color-bg-muted: #343638;
    --env-color-bg-muted-hover: #383a3d;
    --env-color-bg-muted-pressed: #424447;
    --env-color-bg-navigation-hover: #383a3d;
    --env-color-bg-navigation-pressed: #424447;
    --env-color-bg-neutral-emphasis: #dbdde1;
    --env-color-bg-neutral-muted: rgb(232 234 238 / 0.08);
    --env-color-bg-neutral-muted-hover: rgb(232 234 238 / 0.12);
    --env-color-bg-neutral-muted-pressed: rgb(232 234 238 / 0.15);
    --env-color-bg-neutral-strong-hover: #303234;
    --env-color-bg-neutral-strong-pressed: #28292b;
    --env-color-bg-neutral-subtle-hover: rgb(232 234 238 / 0.06);
    --env-color-bg-neutral-subtle-pressed: rgb(232 234 238 / 0.08);
    --env-color-bg-page: #1e1f21;
    --env-color-bg-page-hover: #28292b;
    --env-color-bg-page-pressed: #303234;
    --env-color-bg-popup: #303234;
    --env-color-bg-popup-hover: #383a3d;
    --env-color-bg-popup-pressed: #424447;
    --env-color-bg-primary-emphasis: #b5cffb;
    --env-color-bg-primary-emphasis-hover: #cddefc;
    --env-color-bg-primary-emphasis-pressed: #e0ebfd;
    --env-color-bg-primary-muted: rgb(205 222 252 / 0.1);
    --env-color-bg-primary-soft: rgb(205 222 252 / 0.1);
    --env-color-bg-primary-solid: #cddefc;
    --env-color-bg-primary-subtle-hover: rgb(224 235 253 / 0.14);
    --env-color-bg-primary-subtle-pressed: rgb(224 235 253 / 0.22);
    --env-color-bg-raised: #343638;
    --env-color-bg-raised-hover: #383a3d;
    --env-color-bg-raised-pressed: #424447;
    --env-color-bg-recessed: #191a1b;
    --env-color-bg-recessed-hover: #28292b;
    --env-color-bg-recessed-pressed: #343638;
    --env-color-bg-row-hover: rgb(232 234 238 / 0.06);
    --env-color-bg-row-pressed: rgb(232 234 238 / 0.08);
    --env-color-bg-selected: #1d2e47;
    --env-color-bg-selected-hover: #253650;
    --env-color-bg-selected-pressed: #293a55;
    --env-color-bg-success-emphasis: #98f0b5;
    --env-color-bg-success-muted: rgb(152 240 181 / 0.1);
    --env-color-bg-success-subtle-hover: rgb(165 253 193 / 0.14);
    --env-color-bg-success-subtle-pressed: rgb(165 253 193 / 0.22);
    --env-color-bg-warning-emphasis: #ffd890;
    --env-color-bg-warning-muted: rgb(255 216 144 / 0.1);
    --env-color-bg-warning-subtle-hover: rgb(255 232 190 / 0.14);
    --env-color-bg-warning-subtle-pressed: rgb(255 232 190 / 0.22);
    --env-color-border-accent: rgb(247 228 255 / 0.55);
    --env-color-border-danger: rgb(255 228 226 / 0.55);
    --env-color-border-danger-emphasis: #ffe4e2;
    --env-color-border-danger-emphasis-hover: #ffedeb;
    --env-color-border-danger-emphasis-pressed: #fff6f5;
    --env-color-border-danger-muted: rgb(255 228 226 / 0.28);
    --env-color-border-danger-strong: #a1a4a9;
    --env-color-border-default: #a1a4a9;
    --env-color-border-default-hover: #afb1b6;
    --env-color-border-default-pressed: #bdbfc3;
    --env-color-border-done: rgb(222 236 253 / 0.55);
    --env-color-border-focus: #b5cffb;
    --env-color-border-info-strong: #a1a4a9;
    --env-color-border-muted: #a1a4a9;
    --env-color-border-muted-hover: #afb1b6;
    --env-color-border-muted-pressed: #bdbfc3;
    --env-color-border-neutral: rgb(232 234 238 / 0.55);
    --env-color-border-neutral-strong: #a1a4a9;
    --env-color-border-primary: rgb(224 235 253 / 0.55);
    --env-color-border-primary-emphasis: #b5cffb;
    --env-color-border-primary-emphasis-hover: #cddefc;
    --env-color-border-primary-emphasis-pressed: #e0ebfd;
    --env-color-border-primary-muted: rgb(224 235 253 / 0.28);
    --env-color-border-success: rgb(165 253 193 / 0.55);
    --env-color-border-success-muted: rgb(165 253 193 / 0.28);
    --env-color-border-success-strong: #a1a4a9;
    --env-color-border-warning: rgb(255 232 190 / 0.55);
    --env-color-border-warning-muted: rgb(255 232 190 / 0.28);
    --env-color-fg-accent: #f7e4ff;
    --env-color-fg-avatar-blush: #ffe4e5;
    --env-color-fg-avatar-butter: #fde9b1;
    --env-color-fg-avatar-oat: #f5e8db;
    --env-color-fg-avatar-orchid: #ffe2f5;
    --env-color-fg-avatar-periwinkle: #e8e9ff;
    --env-color-fg-avatar-powder: #d3efff;
    --env-color-fg-avatar-sage: #dbf1d0;
    --env-color-fg-avatar-seafoam: #c5f4eb;
    --env-color-fg-control: #eff1f5;
    --env-color-fg-danger: #ffe4e2;
    --env-color-fg-danger-hover: #ffedeb;
    --env-color-fg-danger-pressed: #fff6f5;
    --env-color-fg-default: #f6f8fc;
    --env-color-fg-disabled: #a1a4a9;
    --env-color-fg-done: #deecfd;
    --env-color-fg-link: #e0ebfd;
    --env-color-fg-link-hover: #eaf2ff;
    --env-color-fg-link-on-muted: #e0ebfd;
    --env-color-fg-link-on-muted-hover: #eaf2ff;
    --env-color-fg-link-on-muted-pressed: #f4f8ff;
    --env-color-fg-link-pressed: #f4f8ff;
    --env-color-fg-muted: #e8eaee;
    --env-color-fg-muted-hover: #eff1f5;
    --env-color-fg-muted-pressed: #f6f8fc;
    --env-color-fg-on-emphasis: #121315;
    --env-color-fg-on-selected: #cddefc;
    --env-color-fg-primary: #e0ebfd;
    --env-color-fg-rating-star: #ffe8be;
    --env-color-fg-success: #a5fdc1;
    --env-color-fg-warning: #ffe8be;
    --env-elevation-3-border: #a1a4a9;
  }
}
.env-theme[data-env-scale='compact'] {
  --env-badge-count-height: 1rem;
  --env-control-gap: 0.375rem;
  --env-control-height-lg: 2.75rem;
  --env-control-height-md: 2.25rem;
  --env-control-height-sm: 1.75rem;
  --env-font-size-body: 0.8125rem;
  --env-font-size-body-sm: 0.75rem;
  --env-font-size-caption: 0.6875rem;
  --env-font-size-headline: 1.25rem;
  --env-font-size-label: 0.8125rem;
  --env-font-size-label-sm: 0.75rem;
  --env-font-size-title: 1rem;
  --env-icon-size-lg: 1.125rem;
  --env-icon-size-md: 1rem;
  --env-radius-lg: 0.75rem;
  --env-radius-md: 0.625rem;
  --env-radius-sm: 0.375rem;
  --env-radius-xl: 1.375rem;
  --env-radius-xs: 0.1875rem;
  --env-row-height: 1.75rem;
  --env-row-padding-block-lg: 0.375rem;
  --env-row-padding-block-md: 0.25rem;
  --env-row-padding-block-sm: 0.125rem;
  --env-row-padding-block-xs: 0rem;
  --env-row-padding-inline: 1.25rem;
  --env-space-2: 0.375rem;
  --env-space-3: 0.625rem;
  --env-space-4: 0.75rem;
  --env-space-5: 1.25rem;
  --env-space-6: 1.625rem;
  --env-space-7: 2rem;
  --env-space-8: 2.375rem;
  --env-space-9: 3.25rem;
  --env-title-bar-height: 2rem;
  --env-top-bar-height: 2.625rem;
  --env-tree-row-padding-block-lg: 0.4375rem;
  --env-tree-row-padding-block-md: 0.3125rem;
  --env-tree-row-padding-block-sm: 0.25rem;
}
@media (pointer: fine) {
  .env-theme:not([data-env-scale='comfortable']) {
    --env-badge-count-height: 1rem;
    --env-control-gap: 0.375rem;
    --env-control-height-lg: 2.75rem;
    --env-control-height-md: 2.25rem;
    --env-control-height-sm: 1.75rem;
    --env-font-size-body: 0.8125rem;
    --env-font-size-body-sm: 0.75rem;
    --env-font-size-caption: 0.6875rem;
    --env-font-size-headline: 1.25rem;
    --env-font-size-label: 0.8125rem;
    --env-font-size-label-sm: 0.75rem;
    --env-font-size-title: 1rem;
    --env-icon-size-lg: 1.125rem;
    --env-icon-size-md: 1rem;
    --env-radius-lg: 0.75rem;
    --env-radius-md: 0.625rem;
    --env-radius-sm: 0.375rem;
    --env-radius-xl: 1.375rem;
    --env-radius-xs: 0.1875rem;
    --env-row-height: 1.75rem;
    --env-row-padding-block-lg: 0.375rem;
    --env-row-padding-block-md: 0.25rem;
    --env-row-padding-block-sm: 0.125rem;
    --env-row-padding-block-xs: 0rem;
    --env-row-padding-inline: 1.25rem;
    --env-space-2: 0.375rem;
    --env-space-3: 0.625rem;
    --env-space-4: 0.75rem;
    --env-space-5: 1.25rem;
    --env-space-6: 1.625rem;
    --env-space-7: 2rem;
    --env-space-8: 2.375rem;
    --env-space-9: 3.25rem;
    --env-title-bar-height: 2rem;
    --env-top-bar-height: 2.625rem;
    --env-tree-row-padding-block-lg: 0.4375rem;
    --env-tree-row-padding-block-md: 0.3125rem;
    --env-tree-row-padding-block-sm: 0.25rem;
  }
}
}
@layer env.tokens{
.env-theme {
  font-family: var(--env-font-family);
  font-weight: var(--env-font-weight-body);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background: var(--env-color-bg-page);
  color: var(--env-color-fg-default);
  --env-viewport-gutter: clamp(0.75rem, 2vw, 1rem);
  --env-type-display: var(--env-font-weight-medium) clamp(1.75rem, 1.25rem + 2.5vw, 2.75rem) / 1.1
    var(--env-font-family);
  --env-radius-full: calc(max(var(--env-control-height-lg), var(--env-control-height-touch)) / 2);
}
@media (pointer: coarse) {
  .env-theme {
    --env-control-font-size: 1rem;
  }
  .env-theme,
  .env-theme[data-env-scale='compact'] {
    --env-top-bar-height: calc(var(--env-control-height-touch) + 2 * var(--env-space-1));
    --env-title-bar-height: calc(var(--env-control-height-touch) + 2 * var(--env-space-1));
  }
}
}
@layer env.components {
  @property --env-surface-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-surface-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-surface-outline {
    syntax: '*';
    inherits: false;
  }
  .env-theme {
    --env-surface-muted-ground: initial;
  }
  .env-surface {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    --env-surface-container-default: var(--env-color-bg-default);
    --env-surface-hover: var(--env-color-bg-default-hover);
    --env-surface-pressed: var(--env-color-bg-default-pressed);
    --env-surface-muted-ground: initial;
    --env-surface-color: var(--env-surface-container, var(--env-surface-container-default));
    --env-surface-padding: clamp(1.25rem, 3vw, 1.5rem);
    --env-surface-radius: var(--env-radius-surface);
    padding: var(--env-surface-padding);
    border: var(--env-control-border-width) solid var(--env-surface-outline);
    border-radius: var(--env-surface-radius);
    background: var(--env-surface-color);
    color: var(--env-surface-content);
  }
  .env-surface:where([data-background='muted']) {
    --env-surface-container-default: var(--env-color-bg-muted);
    --env-surface-hover: var(--env-color-bg-muted-hover);
    --env-surface-pressed: var(--env-color-bg-muted-pressed);
  }
  .env-surface:where([data-background='muted'], [data-background='raised']) {
    --env-surface-muted-ground: ;
  }
  .env-surface:where([data-background='page']) {
    --env-surface-container-default: var(--env-color-bg-page);
    --env-surface-hover: var(--env-color-bg-page-hover);
    --env-surface-pressed: var(--env-color-bg-page-pressed);
  }
  .env-surface:where([data-background='raised']) {
    --env-surface-container-default: var(--env-color-bg-raised);
    --env-surface-hover: var(--env-color-bg-raised-hover);
    --env-surface-pressed: var(--env-color-bg-raised-pressed);
  }
  .env-surface:where([data-background='recessed']) {
    --env-surface-container-default: var(--env-color-bg-recessed);
    --env-surface-hover: var(--env-color-bg-recessed-hover);
    --env-surface-pressed: var(--env-color-bg-recessed-pressed);
  }
  .env-surface:where([data-radius='sm']) {
    --env-surface-radius: var(--env-radius-sm);
  }
  .env-surface:where([data-radius='full']) {
    --env-surface-radius: calc(var(--env-radius-full) + var(--env-surface-padding));
  }
  .env-surface:where([data-radius='none']) {
    --env-surface-radius: 0rem;
  }
  [data-env-skeleton] .env-surface {
    background-image: var(--env-skeleton-overlay);
  }
}
@layer env.base{
.env-theme {
  min-inline-size: 0;
  overflow-wrap: break-word;
  --env-theme-high-contrast: initial;
  --env-theme-dark: initial;
}
:where(.env-theme):not(:where(.env-theme .env-theme)) {
  container: env-window / inline-size;
  display: block;
  box-sizing: border-box;
  inline-size: 100%;
}
.env-theme:not(html),
html.env-theme > body {
  font: var(--env-type-body);
  line-height: var(--env-line-height-body);
}
.env-theme [data-env-ssr-root] {
  min-inline-size: 0;
  overflow-wrap: break-word;
  font: var(--env-type-body);
  line-height: var(--env-line-height-body);
}
.env-theme h1 {
  margin: 0;
  font: var(--env-type-headline);
  letter-spacing: var(--env-type-headline-letter-spacing);
}
.env-theme :is(h2, h3, h4, h5, h6) {
  margin: 0;
  font: var(--env-type-title);
  letter-spacing: var(--env-type-title-letter-spacing);
}
.env-theme p {
  margin: 0;
  font: var(--env-type-body);
}
.env-theme a {
  color: inherit;
}
.env-theme[data-env-contrast='high'] {
  --env-theme-high-contrast: ;
}
@media (prefers-contrast: more) {
  .env-theme:not([data-env-contrast='standard']) {
    --env-theme-high-contrast: ;
  }
}
.env-theme[data-env-theme='dark'] {
  --env-theme-dark: ;
}
.env-theme[data-env-theme-switching],
.env-theme[data-env-theme-switching] *,
.env-theme[data-env-theme-switching] ::before,
.env-theme[data-env-theme-switching] ::after {
  transition: none !important;
}
}
@layer env.components {
  .env-icon {
    display: inline-grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    place-items: center;
    --env-icon-default-size: 1rem;
    width: var(--env-icon-size, var(--env-icon-default-size));
    height: var(--env-icon-size, var(--env-icon-default-size));
    fill: currentColor;
    flex-shrink: 0;
  }
  .env-icon > * {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
  }
  .env-icon > svg {
    fill: currentColor;
  }
  [data-env-skeleton] .env-icon {
    forced-color-adjust: none;
    border-radius: var(--env-radius-sm);
    --env-skeleton-shape: 1;
    background: var(--env-skeleton-paint);
  }
  [data-env-skeleton] .env-icon * {
    visibility: hidden;
  }
}
@layer env.components {
  @keyframes env-motion-fade-in {
    from {
      opacity: 0;
    }
  }
  @keyframes env-motion-pop-in {
    from {
      opacity: 0;
      transform: scale(0.6);
    }
  }
}
@font-face {
  font-family: 'envUI Geist';
  src: url('/assets/Geist-B0tSNNF9.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@layer env.components {
  .env-text {
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-wrap: break-word;
    margin: 0;
    font: var(--env-type-body);
    color: var(--env-color-fg-default);
  }
  .env-text:where([data-variant='display']) {
    font: var(--env-type-display);
    letter-spacing: -0.03em;
    text-wrap: balance;
  }
  .env-text:where([data-variant='headline']) {
    font: var(--env-type-headline);
    letter-spacing: var(--env-type-headline-letter-spacing);
  }
  .env-text:where([data-variant='title']) {
    font: var(--env-type-title);
    letter-spacing: var(--env-type-title-letter-spacing);
  }
  .env-text:where([data-variant='body-sm']) {
    font: var(--env-type-body-sm);
    color: var(--env-color-fg-muted);
  }
  .env-text:where([data-variant='caption']) {
    font: var(--env-type-body-sm);
    color: var(--env-color-fg-muted);
  }
  .env-text:where([data-emphasis='default']) {
    color: var(--env-color-fg-default);
  }
  .env-text:where([data-emphasis='muted']) {
    color: var(--env-color-fg-muted);
  }
  .env-text:where([data-emphasis='subtle']) {
    color: var(--env-color-fg-muted);
  }
  [data-env-skeleton] .env-text {
    --env-skeleton-placeholder: inline-block;
    --env-skeleton-length: 36rem;
    --env-skeleton-lines: 3;
    --env-skeleton-last: 60%;
  }
  [data-env-skeleton] .env-text:where([data-variant='body-sm']) {
    --env-skeleton-lines: 2;
  }
  [data-env-skeleton] .env-text:where([data-variant='display']) {
    --env-skeleton-length: 20rem;
    --env-skeleton-lines: 1;
    --env-skeleton-last: 100%;
  }
  [data-env-skeleton] .env-text:where([data-variant='headline']) {
    --env-skeleton-length: 14rem;
    --env-skeleton-lines: 1;
    --env-skeleton-last: 100%;
  }
  [data-env-skeleton] .env-text:where([data-variant='title']) {
    --env-skeleton-length: 10rem;
    --env-skeleton-lines: 1;
    --env-skeleton-last: 100%;
  }
  [data-env-skeleton] .env-text:where([data-variant='caption']) {
    --env-skeleton-length: 6rem;
    --env-skeleton-lines: 1;
    --env-skeleton-last: 100%;
  }
  [data-env-skeleton] .env-text:where(span) {
    --env-skeleton-length: 8rem;
    --env-skeleton-lines: 1;
    --env-skeleton-last: 100%;
  }
  .env-animated-number {
    position: relative;
    display: inline-flex;
    overflow: clip;
    vertical-align: bottom;
    font-variant-numeric: tabular-nums;
  }
  .env-animated-number-value {
    display: inline-block;
  }
  .env-animated-number-previous {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    pointer-events: none;
    white-space: nowrap;
  }
  .env-animated-number-previous::before {
    content: attr(data-value);
  }
  [data-env-skeleton] .env-animated-number-value {
    text-decoration: line-through var(--env-skeleton-color);
    text-decoration-thickness: 0.8em;
    text-decoration-skip-ink: none;
  }
  .env-animated-number-value[data-direction] {
    animation: env-motion-fade-in var(--env-motion-duration-medium) var(--env-motion-ease-enter)
      both;
  }
  .env-animated-number-previous[data-direction] {
    animation: env-animated-number-fade-out var(--env-motion-duration-fast)
      var(--env-motion-ease-exit) both;
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-animated-number-value[data-direction='up'] {
      animation-name: env-motion-roll-up;
    }
    .env-animated-number-value[data-direction='down'] {
      animation-name: env-motion-roll-down;
    }
    .env-animated-number-previous[data-direction='up'] {
      animation-name: env-animated-number-roll-out-up;
    }
    .env-animated-number-previous[data-direction='down'] {
      animation-name: env-animated-number-roll-out-down;
    }
  }
  @keyframes env-animated-number-fade-out {
    to {
      opacity: 0;
    }
  }
  @keyframes env-animated-number-roll-out-up {
    to {
      opacity: 0;
      transform: translateY(-1lh);
    }
  }
  @keyframes env-animated-number-roll-out-down {
    to {
      opacity: 0;
      transform: translateY(1lh);
    }
  }
  @keyframes env-motion-roll-up {
    from {
      opacity: 0;
      transform: translateY(1lh);
    }
  }
  @keyframes env-motion-roll-down {
    from {
      opacity: 0;
      transform: translateY(-1lh);
    }
  }
}
@layer env.components {
  @property --env-skeleton-pulse {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
  }
  [data-env-skeleton]:not(env-none) {
    --env-skeleton-pulse: 0;
    --env-skeleton-fill: var(--env-color-bg-neutral-muted-hover);
    --env-skeleton-strong: light-dark(
      color-mix(in oklab, var(--env-skeleton-fill), var(--env-color-fg-default) 11%),
      color-mix(in oklab, var(--env-skeleton-fill), var(--env-color-fg-default) 14%)
    );
    --env-skeleton-faint: color-mix(in srgb, var(--env-skeleton-fill), transparent 45%);
    --env-skeleton-tone: color-mix(
      in oklab,
      var(--env-skeleton-strong),
      var(--env-skeleton-faint) calc(var(--env-skeleton-pulse) * 100%)
    );
    --env-skeleton-color: var(--env-skeleton-tone);
    --env-skeleton-paint: linear-gradient(var(--env-skeleton-tone) 0 0);
    --env-skeleton-bar: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Crect y='22%25' width='100%25' height='56%25' rx='4'/%3E%3C/svg%3E");
    --env-skeleton-rect: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Crect width='100%25' height='100%25' rx='4'/%3E%3C/svg%3E");
    --env-skeleton-overlay: linear-gradient(
      light-dark(
          color-mix(
            in srgb,
            var(--env-color-fg-default) calc((1 - var(--env-skeleton-pulse)) * 1.5%),
            transparent
          ),
          color-mix(
            in srgb,
            var(--env-color-fg-default) calc((1 - var(--env-skeleton-pulse)) * 2%),
            transparent
          )
        )
        0 0
    );
    --env-skeleton-shape: 0;
    background-image: var(--env-skeleton-overlay);
    --env-skeleton-text-length: 10rem;
    -webkit-text-fill-color: transparent;
    text-decoration: line-through var(--env-skeleton-color);
    text-decoration-thickness: 0.8em;
    text-decoration-skip-ink: none;
    animation: env-skeleton-pulse calc(var(--env-motion-duration-slow) * 7.5) var(--env-motion-ease)
      infinite;
  }
  [data-env-skeleton]:not(env-none)[data-env-skeleton-text] {
    --env-skeleton-color: transparent;
  }
  [data-env-skeleton]:not(env-none)[data-env-skeleton-text]::after {
    content: '';
    position: absolute;
    left: var(--env-skeleton-text-left, 0);
    top: var(--env-skeleton-text-top, 0);
    width: var(--env-skeleton-text-width, 100%);
    height: var(--env-skeleton-text-height, 100%);
    forced-color-adjust: none;
    background: var(--env-skeleton-paint);
    mask: var(--env-skeleton-text-bars, linear-gradient(transparent 0 0));
    pointer-events: none;
  }
  .env-skeleton-content {
    display: contents;
  }
  .env-skeleton-status {
    --env-skeleton-status-size: 0.0625rem;
    position: absolute;
    inline-size: var(--env-skeleton-status-size);
    block-size: var(--env-skeleton-status-size);
    margin: calc(-1 * var(--env-skeleton-status-size));
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  [data-env-skeleton]:not(env-none) * {
    --env-skeleton-placeholder: none;
    text-decoration-color: transparent;
  }
  [data-env-skeleton]:not(env-none)
    :is(
      button,
      input,
      select,
      textarea,
      img,
      svg,
      video,
      canvas,
      picture,
      iframe,
      [role='switch'],
      [role='checkbox'],
      [role='radio'],
      [role='slider']
    ):where(:not([data-interactive], [data-env-skeleton])) {
    forced-color-adjust: none;
    --env-skeleton-shape: 1;
    border-color: transparent;
    box-shadow: none;
    background: var(--env-skeleton-paint);
    transition: none;
    object-fit: none;
    object-position: -100vw 0;
  }
  [data-env-skeleton]:not(env-none)
    :is(
      button,
      input,
      select,
      textarea,
      img,
      svg,
      video,
      canvas,
      picture,
      iframe,
      [role='switch'],
      [role='checkbox'],
      [role='radio'],
      [role='slider']
    ):where(:not([data-interactive], [data-env-skeleton]))
    * {
    visibility: hidden;
  }
  :where([data-env-skeleton]) :where(img, video, canvas, picture, iframe) {
    border-radius: var(--env-radius-sm);
  }
  @property --env-skeleton-placeholder {
    syntax: 'none | inline-block';
    inherits: true;
    initial-value: none;
  }
  [data-env-skeleton]:not(env-none) :empty::before {
    forced-color-adjust: none;
    content: '';
    display: var(--env-skeleton-placeholder);
    vertical-align: top;
    inline-size: var(--env-skeleton-length, var(--env-skeleton-text-length));
    max-inline-size: 100%;
    block-size: calc(var(--env-skeleton-lines, 1) * 1lh);
    background: var(--env-skeleton-paint);
    mask:
      var(--env-skeleton-bar) 0 0 / 100% 1lh repeat-y,
      linear-gradient(CanvasText 0 0) 0 0 / 100% calc(100% - 1lh) no-repeat,
      var(--env-skeleton-bar) 0 100% / var(--env-skeleton-last, 100%) 1lh no-repeat;
    mask-composite: intersect, add, add;
  }
  @keyframes env-skeleton-pulse {
    0%,
    100% {
      --env-skeleton-pulse: 0;
    }
    50% {
      --env-skeleton-pulse: 1;
    }
  }
  @keyframes env-skeleton-pulse-reduced {
    0%,
    100% {
      --env-skeleton-pulse: 0;
    }
    50% {
      --env-skeleton-pulse: 0.5;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-env-skeleton]:not(env-none) {
      animation: env-skeleton-pulse-reduced calc(var(--env-motion-duration-slow) * 13.5)
        var(--env-motion-ease) infinite;
    }
  }
  [data-env-skeleton]:not(env-none)[data-ending-style] {
    animation: none;
  }
  @media (forced-colors: active) {
    [data-env-skeleton]:not(env-none) {
      --env-skeleton-tone: GrayText;
      --env-skeleton-overlay: none;
      animation: none;
    }
  }
}
@layer env.components {
  .env-spinner {
    display: inline-block;
    flex: 0 0 auto;
    --env-spinner-size: 1.5rem;
    inline-size: var(--env-spinner-size);
    block-size: var(--env-spinner-size);
    color: var(--env-spinner-color, var(--env-color-bg-primary-emphasis));
  }
  .env-spinner:where([data-size='sm']) {
    --env-spinner-size: 1rem;
  }
  .env-spinner:where([data-size='lg']) {
    --env-spinner-size: 3rem;
  }
  .env-spinner > svg {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    animation: env-spinner-turn calc(var(--env-motion-duration-slow) * 6) linear infinite;
  }
  .env-spinner:not([data-label-hidden]) {
    --env-spinner-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--env-space-3);
    inline-size: auto;
    block-size: auto;
    color: var(--env-color-fg-muted);
    font: var(--env-type-body-sm);
  }
  .env-spinner:not([data-label-hidden]):where([data-size='sm']) {
    --env-spinner-size: 1rem;
  }
  .env-spinner:not([data-label-hidden]):where([data-size='lg']) {
    --env-spinner-size: 3rem;
  }
  .env-spinner:not([data-label-hidden]) > svg {
    flex: 0 0 auto;
    inline-size: var(--env-spinner-size);
    block-size: var(--env-spinner-size);
    color: var(--env-spinner-color, var(--env-color-bg-primary-emphasis));
  }
  .env-spinner-arc {
    fill: none;
    stroke: currentColor;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 30 95.66;
    animation: env-spinner-arc calc(var(--env-motion-duration-slow) * 6) var(--env-motion-ease)
      infinite;
  }
  @keyframes env-spinner-turn {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes env-spinner-arc {
    0% {
      stroke-dasharray: 30 95.66;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90 35.66;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 30 95.66;
      stroke-dashoffset: -125.66;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .env-spinner > svg {
      animation-duration: calc(var(--env-motion-duration-slow) * 12);
    }
    .env-spinner-arc {
      animation: none;
      stroke-dasharray: 80 45.66;
    }
  }
}
@layer env.components {
  .env-button {
    margin: 0;
    box-sizing: border-box;
    transition:
      background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter),
      color var(--env-motion-duration-fast) var(--env-motion-ease-enter),
      border-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
    --env-button-height: var(--env-control-height);
    --env-icon-size: var(--env-control-icon-size);
    inline-size: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--env-control-gap);
    min-height: var(--env-button-height);
    padding: min(
        var(--env-space-1),
        calc((var(--env-button-height) - 2 * var(--env-control-border-width) - 1lh) / 2)
      )
      var(--env-space-3);
    border: var(--env-control-border-width) solid transparent;
    border-radius: var(--env-radius-full);
    font: var(--env-font-weight-body) var(--env-font-size-label) / 1.4 var(--env-font-family);
    white-space: var(--env-button-white-space, nowrap);
    overflow-wrap: var(--env-button-overflow-wrap, break-word);
    text-align: center;
    text-decoration: none;
    max-inline-size: 100%;
    --env-button-layer: initial;
    --env-button-container-default: transparent;
    --env-button-content-gate: color-mix(
      in srgb,
      var(--env-button-content) 0%,
      var(--env-button-container-default)
    );
    --env-button-custom-base: var(--env-button-container, var(--env-button-content-gate));
    --env-button-custom-layered: color-mix(
      in srgb,
      var(--env-button-custom-base),
      currentColor var(--env-button-layer)
    );
    --env-button-custom-fill: var(--env-button-custom-layered, var(--env-button-custom-base));
    --env-badge-fg: currentColor;
    --env-badge-bg: transparent;
    --env-badge-border: 0.0625rem solid color-mix(in srgb, currentColor 55%, transparent);
  }
  .env-button:is([data-variant='primary']) {
    --env-badge-count-fg: currentColor;
    --env-badge-count-bg: transparent;
    --env-badge-count-border: 0.0625rem solid color-mix(in srgb, currentColor 55%, transparent);
    --env-diff-stat-fg: currentColor;
    --env-diff-stat-bg: transparent;
    --env-diff-stat-border: 0.0625rem solid color-mix(in srgb, currentColor 55%, transparent);
  }
  .env-button:not([data-variant='primary']) {
    --env-diff-stat-bg: var(--env-color-bg-inset);
  }
  @media (prefers-reduced-motion: reduce) {
    .env-button {
      transition: none;
    }
  }
  .env-button[data-size='sm'] {
    --env-control-height: var(--env-control-height-sm);
  }
  .env-button[data-size='md'] {
    --env-control-height: var(--env-control-height-md);
  }
  .env-button[data-size='lg'] {
    --env-control-height: var(--env-control-height-lg);
  }
  @property --env-button-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-button-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-button-outline {
    syntax: '*';
    inherits: false;
  }
  @property --env-button-selected {
    syntax: '*';
    inherits: false;
  }
  @property --env-button-selected-content {
    syntax: '*';
    inherits: false;
  }
  .env-button:hover:not(:disabled):not([aria-disabled='true']) {
    --env-button-layer: calc(var(--env-state-hover-opacity) * 100%);
  }
  .env-button:focus-visible:not(:disabled):not([aria-disabled='true']) {
    --env-button-layer: calc(var(--env-state-focus-opacity) * 100%);
  }
  .env-button:active:not(:disabled):not([aria-disabled='true']) {
    --env-button-layer: calc(var(--env-state-pressed-opacity) * 100%);
  }
  .env-button:where([data-variant='primary'], [data-variant='secondary']) {
    font-weight: var(--env-font-weight-medium);
  }
  .env-button:where([data-variant='primary']) {
    --env-button-container-default: var(--env-color-bg-primary-emphasis);
    background: var(--env-button-custom-fill, var(--env-color-bg-primary-emphasis));
    color: var(--env-button-content, var(--env-color-fg-on-emphasis));
    border: 0;
  }
  .env-button:where([data-variant='primary']):hover:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-primary-emphasis-hover));
  }
  .env-button:where([data-variant='primary']):active:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-primary-emphasis-pressed));
  }
  .env-button:where([data-variant='secondary']) {
    --env-button-container-default: var(--env-color-bg-neutral-muted);
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-muted));
    color: var(--env-button-content, var(--env-color-fg-default));
    border: 0;
  }
  .env-button:where([data-variant='secondary']):hover:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-muted-hover));
  }
  .env-button:where([data-variant='secondary']):active:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-muted-pressed));
  }
  .env-button:where([data-variant='outline']) {
    background: var(--env-button-custom-fill, transparent);
    color: var(--env-button-content, var(--env-color-fg-default));
    border-color: var(--env-button-outline, var(--env-color-border-default));
  }
  .env-button:where([data-variant='outline']):hover:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-subtle-hover));
    border-color: var(--env-button-outline, var(--env-color-border-default-hover));
  }
  .env-button:where([data-variant='outline']):active:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-subtle-pressed));
    border-color: var(--env-button-outline, var(--env-color-border-default-pressed));
  }
  .env-button:where([data-variant='text']) {
    padding-inline: var(--env-space-1);
    border: 0;
    background: var(--env-button-custom-fill, transparent);
    color: var(--env-button-content, var(--env-color-fg-link));
    cursor: pointer;
  }
  .env-button:where([data-variant='text']):not(.env-icon-button, [data-full-width]) {
    margin-inline: calc(-1 * var(--env-space-1));
    max-inline-size: calc(100% + 2 * var(--env-space-1));
  }
  .env-button.env-link {
    margin-inline: 0;
  }
  .env-button:where([data-variant='text'])[data-underline] {
    text-decoration: underline;
    text-decoration-line: var(--env-button-rest-underline, underline);
    text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
    text-underline-offset: 0.15em;
  }
  .env-button:where([data-variant='text'])[data-underline]:focus-visible {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
  }
  .env-button:where([data-variant='text']):hover:not(:disabled):not([aria-disabled='true']) {
    color: var(--env-button-content, var(--env-color-fg-link-hover));
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
  .env-button:where([data-variant='text']):active:not(:disabled):not([aria-disabled='true']) {
    color: var(--env-button-content, var(--env-color-fg-link-pressed));
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
  .env-button:where([data-variant='text']):not(.env-icon-button):active:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, color-mix(in srgb, currentColor 10%, transparent));
  }
  .env-button[data-row-target]:where([data-variant='text']):active:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, transparent);
  }
  .env-button:where([data-variant='text']).env-icon-button {
    color: var(--env-button-content, var(--env-button-text-icon-color, var(--env-color-fg-link)));
    transition-property: background-color, color;
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-enter);
  }
  .env-button:where([data-variant='text']).env-icon-button:first-child {
    margin-inline-start: var(--env-button-text-icon-edge-start, 0);
  }
  .env-button:where([data-variant='text']).env-icon-button:last-child {
    margin-inline-end: var(--env-button-text-icon-edge-end, 0);
  }
  .env-button:where([data-variant='text']).env-icon-button:hover:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-subtle-hover));
    color: var(
      --env-button-content,
      var(--env-button-text-icon-color-active, var(--env-color-fg-link-hover))
    );
  }
  .env-button:where([data-variant='text']).env-icon-button:active:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, var(--env-color-bg-neutral-subtle-pressed));
    color: var(
      --env-button-content,
      var(--env-button-text-icon-color-active, var(--env-color-fg-link-pressed))
    );
  }
  .env-button:where([data-variant='ghost']) {
    --env-button-ghost-layer: var(--env-color-bg-neutral-subtle-hover);
    border: 0;
    background: var(--env-button-custom-fill, transparent);
    color: var(--env-button-content, var(--env-color-fg-muted));
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-enter);
  }
  .env-button:where([data-variant='ghost']:not(.env-icon-button)) {
    --env-button-ghost-layer: color-mix(
      in srgb,
      var(--env-color-bg-neutral-subtle-hover) 70%,
      transparent
    );
  }
  .env-button:where([data-variant='ghost']):hover:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-button-ghost-layer));
    color: var(--env-button-content, var(--env-color-fg-default));
  }
  .env-button:where([data-variant='ghost']):active:not(:disabled):not([aria-disabled='true']) {
    background: var(
      --env-button-custom-fill,
      rgb(from var(--env-button-ghost-layer) r g b / calc(alpha * (2 - alpha)))
    );
    color: var(--env-button-content, var(--env-color-fg-default));
  }
  .env-link {
    display: inline;
    min-height: 0;
    padding: 0;
    border-radius: var(--env-radius-sm);
    font: inherit;
    text-align: inherit;
    white-space: inherit;
    overflow-wrap: inherit;
  }
  .env-button:where([data-variant='primary'][data-tone='danger']) {
    --env-button-container-default: var(--env-color-bg-danger-emphasis);
    background: var(--env-button-custom-fill, var(--env-color-bg-danger-emphasis));
    color: var(--env-button-content, var(--env-color-fg-on-strong));
    border: 0;
  }
  .env-button:where([data-variant='primary'][data-tone='danger']):hover:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, var(--env-color-bg-danger-emphasis-hover));
  }
  .env-button:where([data-variant='primary'][data-tone='danger']):active:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, var(--env-color-bg-danger-emphasis-pressed));
  }
  .env-button:where([data-variant='outline'][data-tone='danger']) {
    color: var(--env-button-content, var(--env-color-fg-danger));
    border-color: var(--env-button-outline, var(--env-color-border-danger-emphasis));
  }
  .env-button:where([data-variant='outline'][data-tone='danger']):hover:not(:disabled):not(
      [aria-disabled='true']
    ) {
    border-color: var(--env-button-outline, var(--env-color-border-danger-emphasis-hover));
  }
  .env-button:where([data-variant='outline'][data-tone='danger']):active:not(:disabled):not(
      [aria-disabled='true']
    ) {
    border-color: var(--env-button-outline, var(--env-color-border-danger-emphasis-pressed));
  }
  .env-button:where([data-tone='danger']):where([data-variant='ghost'], [data-variant='text']),
  .env-button:where([data-tone='danger'][data-variant='text']).env-icon-button,
  .env-button:where([data-tone='danger'][data-variant='ghost']):is(:hover, :active):not(
      :disabled
    ):not([aria-disabled='true']),
  .env-button:where([data-tone='danger'][data-variant='text']).env-icon-button:is(
      :hover,
      :active
    ):not(:disabled):not([aria-disabled='true']) {
    color: var(--env-button-content, var(--env-color-fg-danger));
  }
  .env-button:where([data-tone='danger'][data-variant='text']):not(.env-icon-button):hover:not(
      :disabled
    ):not([aria-disabled='true']) {
    color: var(--env-button-content, var(--env-color-fg-danger-hover));
  }
  .env-button:where([data-tone='danger'][data-variant='text']):not(.env-icon-button):active:not(
      :disabled
    ):not([aria-disabled='true']) {
    color: var(--env-button-content, var(--env-color-fg-danger-pressed));
  }
  .env-button:where([data-tone='danger']) {
    --env-button-danger-layer: color-mix(
      in srgb,
      var(--env-color-bg-danger-subtle-hover) 60%,
      transparent
    );
  }
  .env-button:where([data-tone='danger'][data-variant='ghost']) {
    --env-button-ghost-layer: var(--env-button-danger-layer);
  }
  .env-button:where([data-tone='danger'][data-variant='outline']):hover:not(:disabled):not(
      [aria-disabled='true']
    ),
  .env-button:where([data-tone='danger'][data-variant='text']).env-icon-button:hover:not(
      :disabled
    ):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-button-danger-layer));
  }
  .env-button:where([data-tone='danger']):where(
      [data-variant='ghost'],
      [data-variant='outline']
    ):active:not(:disabled):not([aria-disabled='true']),
  .env-button:where([data-tone='danger'][data-variant='text']).env-icon-button:active:not(
      :disabled
    ):not([aria-disabled='true']) {
    background: var(--env-button-custom-fill, var(--env-color-bg-danger-subtle-hover));
  }
  .env-button:where([data-variant='primary'][data-tone='accent']) {
    --env-button-container-default: var(--env-color-bg-accent-emphasis);
    background: var(--env-button-custom-fill, var(--env-color-bg-accent-emphasis));
    color: var(--env-button-content, var(--env-color-fg-on-emphasis));
    border: 0;
  }
  .env-button:where([data-variant='primary'][data-tone='accent']):hover:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, var(--env-color-bg-accent-emphasis-hover));
  }
  .env-button:where([data-variant='primary'][data-tone='accent']):active:not(:disabled):not(
      [aria-disabled='true']
    ) {
    background: var(--env-button-custom-fill, var(--env-color-bg-accent-emphasis-pressed));
  }
  .env-button:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: 2px;
  }
  .env-button:is([data-variant='primary']):focus-visible {
    box-shadow: inset 0 0 0 var(--env-button-focus-inner-ring, 0) currentColor;
  }
  .env-button:where([data-variant='ghost']):focus-visible {
    outline-offset: 0;
  }
  .env-button:where([data-variant='outline']):focus-visible {
    outline-color: var(--env-color-border-focus);
    outline-offset: 0;
  }
  .env-button:where([data-variant='outline']):focus-visible:not(:disabled):not(
      [aria-disabled='true']
    ) {
    border-color: var(--env-color-border-focus);
  }
  .env-button:where([data-variant='primary'][data-tone='neutral']):focus-visible {
    outline-color: light-dark(var(--env-color-border-focus), var(--env-color-fg-default));
  }
  .env-button:is(:disabled, [aria-disabled='true']) {
    cursor: default;
  }
  .env-button:is(:disabled, [aria-disabled='true']):not([data-pending]) {
    color: var(--env-color-fg-disabled);
  }
  .env-button:where([data-variant='primary'], [data-variant='secondary']):is(
      :disabled,
      [aria-disabled='true']
    ):not([data-pending]) {
    background: color-mix(in srgb, var(--env-color-bg-neutral-muted) 50%, transparent);
  }
  .env-button:where([data-variant='outline'], [data-variant='text']:not(.env-icon-button)):is(
      :disabled,
      [aria-disabled='true']
    ):not([data-pending]) {
    border-color: var(--env-color-border-muted);
  }
  .env-button:where([data-full-width]):not(.env-icon-button) {
    inline-size: 100%;
    white-space: var(--env-button-white-space, normal);
  }
  .env-button.env-icon-button {
    width: var(--env-button-height);
    height: var(--env-button-height);
    min-height: var(--env-button-height);
    max-inline-size: none;
    flex-shrink: 0;
    padding: 0;
  }
  @media (pointer: coarse) {
    .env-button:not(.env-link, [data-row-target]) {
      --env-button-height: max(
        var(--env-control-height),
        var(--env-button-touch-height, var(--env-control-height-touch))
      );
      min-inline-size: var(--env-button-height);
    }
  }
  @media (pointer: coarse) {
    :where(.env-icon-button) {
      position: relative;
    }
    .env-icon-button::before {
      content: '';
      position: absolute;
      inset: min(0%, calc((100% - var(--env-icon-button-hit-area, 0%)) / 2));
    }
  }
  .env-button[data-pending] {
    --env-spinner-color: currentColor;
    position: relative;
    cursor: progress;
  }
  .env-button[data-pending]:is(:disabled, [aria-disabled='true']) {
    opacity: 1;
  }
  .env-button-content {
    display: contents;
  }
  .env-button-end {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    margin-inline-start: auto;
    white-space: nowrap;
    --env-kbd-fg: currentColor;
    --env-kbd-bg: color-mix(in srgb, currentColor 10%, transparent);
    --env-kbd-border: color-mix(in srgb, currentColor 5%, transparent);
    --env-kbd-separator-fg: color-mix(in srgb, currentColor 80%, transparent);
    --env-kbd-separator-padding-inline: calc(0.0375 * var(--env-control-height-md));
    --env-kbd-separator-font: 0 / 1 var(--env-font-family);
  }
  .env-button[data-pending] > .env-button-content {
    color: transparent;
  }
  .env-button[data-pending] > .env-button-content > * {
    opacity: 0;
  }
  .env-button[data-underline][data-pending] {
    text-decoration-line: none;
  }
  .env-confirm-button-status {
    --env-confirm-button-status-size: 0.0625rem;
    position: absolute;
    inline-size: var(--env-confirm-button-status-size);
    block-size: var(--env-confirm-button-status-size);
    margin: calc(-1 * var(--env-confirm-button-status-size));
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .env-button .env-button-spinner {
    position: absolute;
    inset: 0;
    inline-size: var(--env-icon-size);
    block-size: var(--env-icon-size);
    margin: auto;
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-button {
      transition-property: background-color, color, border-color, transform;
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-enter);
    }
    .env-button:active:not(:disabled):not([aria-disabled='true']) {
      transform: scale(0.97);
    }
    .env-button[data-row-target]:active:not(:disabled):not([aria-disabled='true']) {
      transform: none;
    }
  }
  @media (forced-colors: active) {
    .env-button:not([data-underline], .env-link, [data-variant='text'][href]) {
      border: var(--env-control-border-width) solid ButtonText;
    }
    .env-button:is(:disabled, [aria-disabled='true']) {
      color: GrayText;
    }
    .env-button:not([data-underline], .env-link, [data-variant='text'][href]):is(
        :disabled,
        [aria-disabled='true']
      ) {
      border-color: GrayText;
    }
  }
  [data-env-skeleton] .env-button {
    forced-color-adjust: none;
    border-color: transparent;
    box-shadow: none;
    --env-skeleton-shape: 1;
    background: var(--env-skeleton-paint);
  }
  [data-env-skeleton] .env-button * {
    visibility: hidden;
  }
}
@layer env.components {
  :where([data-env-layout='row'], [data-env-layout='column']) {
    display: flex;
    min-inline-size: 0;
  }
  :where([data-env-layout='row']) {
    flex-direction: row;
  }
  :where([data-env-layout='column']) {
    flex-direction: column;
  }
  :where([data-env-layout='row'][data-wrap]) {
    flex-wrap: wrap;
  }
  :where([data-env-layout='row'], [data-env-layout='column']) > *,
  :where([data-env-layout='row']) > :where(.env-skeleton-content) > *,
  :where([data-env-layout='column']) > :where(.env-skeleton-content) > * {
    margin-block: 0;
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  :where([data-env-layout='row']) > *,
  :where([data-env-layout='row']) > :where(.env-skeleton-content) > * {
    margin-inline: 0;
  }
  :where([data-env-layout='grid']) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-inline-size: 0;
  }
  :where([data-env-layout='grid'][data-columns]) {
    grid-template-columns: var(--env-grid-columns, minmax(0, 1fr));
  }
  :where([data-env-layout='grid']) > *,
  :where([data-env-layout='grid']) > :where(.env-skeleton-content) > * {
    min-inline-size: 0;
  }
  :where([data-env-layout][data-align='start']) {
    align-items: start;
  }
  :where([data-env-layout][data-align='center']) {
    align-items: center;
  }
  :where([data-env-layout][data-align='end']) {
    align-items: end;
  }
  :where([data-env-layout][data-align='stretch']) {
    align-items: stretch;
  }
  :where([data-env-layout][data-justify='start']) {
    justify-content: start;
  }
  :where([data-env-layout][data-justify='center']) {
    justify-content: center;
  }
  :where([data-env-layout][data-justify='end']) {
    justify-content: end;
  }
  :where([data-env-layout][data-justify='between']) {
    justify-content: space-between;
  }
  :where([data-env-layout][data-env-container]) {
    container-type: inline-size;
    container-name: var(--env-layout-container, none);
  }
  :where([data-env-layout][data-gap='0']) {
    gap: 0;
  }
  :where([data-env-layout][data-gap='1']) {
    gap: var(--env-space-1);
  }
  :where([data-env-layout][data-gap='2']) {
    gap: var(--env-space-2);
  }
  :where([data-env-layout][data-gap='3']) {
    gap: var(--env-space-3);
  }
  :where([data-env-layout][data-gap='4']) {
    gap: var(--env-space-4);
  }
  :where([data-env-layout][data-gap='5']) {
    gap: var(--env-space-5);
  }
  :where([data-env-layout][data-gap='6']) {
    gap: var(--env-space-6);
  }
  :where([data-env-layout][data-gap='7']) {
    gap: var(--env-space-7);
  }
  :where([data-env-layout][data-gap='8']) {
    gap: var(--env-space-8);
  }
  :where([data-env-layout][data-gap='9']) {
    gap: var(--env-space-9);
  }
  :where([data-env-layout][data-padding='0']) {
    padding: 0;
  }
  :where([data-env-layout][data-padding='1']) {
    padding: var(--env-space-1);
  }
  :where([data-env-layout][data-padding='2']) {
    padding: var(--env-space-2);
  }
  :where([data-env-layout][data-padding='3']) {
    padding: var(--env-space-3);
  }
  :where([data-env-layout][data-padding='4']) {
    padding: var(--env-space-4);
  }
  :where([data-env-layout][data-padding='5']) {
    padding: var(--env-space-5);
  }
  :where([data-env-layout][data-padding='6']) {
    padding: var(--env-space-6);
  }
  :where([data-env-layout][data-padding='7']) {
    padding: var(--env-space-7);
  }
  :where([data-env-layout][data-padding='8']) {
    padding: var(--env-space-8);
  }
  :where([data-env-layout][data-padding='9']) {
    padding: var(--env-space-9);
  }
}
@layer env.components {
  .env-theme {
    --env-popup-fill: var(--env-color-bg-popup);
    --env-popup-edge-color: var(--env-elevation-2-border);
    --env-popup-opacity: 88%;
    --env-popup-blur: 1.375rem;
    --env-popup-shadow:
      0 1px 3px oklch(from var(--env-color-fg-default) l c h / 0.1),
      0 10px 30px -10px oklch(from var(--env-color-fg-default) l c h / 0.32);
    --env-tooltip-opacity: 82%;
    --env-tooltip-shadow: 0 6px 16px -6px oklch(from var(--env-color-fg-default) l c h / 0.3);
    --env-popup-solid: initial;
    --env-popup-frosted-edge: transparent;
    --env-popup-row-height: calc(var(--env-row-height) + 0.25rem);
    --env-popup-padding: calc(0.15 * var(--env-popup-row-height));
    --env-popup-row-radius: calc(0.35 * var(--env-popup-row-height));
    --env-popup-row-padding-inline: calc(0.3 * var(--env-popup-row-height));
    --env-popup-row-gap: calc(0.25 * var(--env-popup-row-height));
    --env-popup-radius: calc(var(--env-popup-row-radius) + var(--env-popup-padding));
    --env-popup-group-gap: calc(0.25 * var(--env-popup-row-height));
    --env-popup-separator-gap: calc(0.5 * var(--env-popup-row-height));
    --env-popup-label-padding-inline: calc(0.25 * var(--env-popup-row-height));
    --env-popup-panel-padding: calc(0.35 * var(--env-popup-row-height));
  }
  .env-theme[data-env-theme='dark'] {
    --env-popup-frosted-edge: oklch(from var(--env-color-fg-default) l c h / 0.12);
    --env-popup-opacity: 90%;
    --env-popup-shadow: 0 12px 32px -10px
      oklch(from var(--env-color-bg-page) calc(l * 0.8) c h / 0.85);
    --env-tooltip-shadow: 0 6px 16px -6px
      oklch(from var(--env-color-bg-page) calc(l * 0.8) c h / 0.8);
  }
  .env-theme[data-env-contrast='high'] {
    --env-popup-edge-color: var(--env-elevation-3-border);
    --env-popup-opacity: 100%;
    --env-popup-blur: 0rem;
    --env-popup-shadow: none;
    --env-tooltip-opacity: 100%;
    --env-tooltip-shadow: none;
    --env-popup-solid: ;
  }
  @media (prefers-contrast: more) {
    .env-theme:not([data-env-contrast='standard']) {
      --env-popup-edge-color: var(--env-elevation-3-border);
      --env-popup-opacity: 100%;
      --env-popup-blur: 0rem;
      --env-popup-shadow: none;
      --env-tooltip-opacity: 100%;
      --env-tooltip-shadow: none;
      --env-popup-solid: ;
    }
  }
  @media (prefers-reduced-transparency: reduce), (forced-colors: active) {
    .env-theme,
    .env-theme[data-env-theme='dark'] {
      --env-popup-opacity: 100%;
      --env-popup-blur: 0rem;
      --env-popup-shadow: none;
      --env-tooltip-opacity: 100%;
      --env-tooltip-shadow: none;
      --env-popup-solid: ;
    }
  }
  .env-popup-theme {
    display: contents;
  }
  .env-popup-theme:not(.env-theme .env-popup-theme) {
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  .env-popup-positioner {
    --env-popup-layer: var(--env-z-popup);
    z-index: var(--env-popup-layer);
    outline: none;
  }
  .env-popup {
    --env-popup-border: var(--env-popup-edge-color);
    --env-surface-muted-ground: ;
    --env-popup-edge: var(--env-popup-solid) var(--env-popup-border);
    box-sizing: border-box;
    max-block-size: var(--available-height, 80vh);
    overflow-y: auto;
    border: var(--env-control-border-width) solid
      var(--env-popup-edge, var(--env-popup-frosted-edge, transparent));
    border-radius: var(--env-popup-radius);
    background: color-mix(in srgb, var(--env-popup-fill) var(--env-popup-opacity), transparent);
    box-shadow: var(--env-popup-shadow);
    -webkit-backdrop-filter: blur(var(--env-popup-blur)) saturate(1.4);
    backdrop-filter: blur(var(--env-popup-blur)) saturate(1.4);
    color: var(--env-color-fg-default);
    font: var(--env-type-body);
    overflow-wrap: break-word;
    outline: none;
    transform-origin: var(--transform-origin, center);
    transition: opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter);
  }
  .env-popup[data-elevation='1'] {
    --env-popup-border: var(--env-elevation-1-border);
  }
  .env-popup[data-elevation='3'] {
    --env-popup-border: var(--env-elevation-3-border);
  }
  .env-popup[data-starting-style],
  .env-popup[data-ending-style] {
    opacity: 0;
  }
  .env-popup[data-ending-style] {
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-exit);
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-popup {
      transition:
        opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter),
        transform var(--env-motion-duration-medium) var(--env-motion-ease-enter);
    }
    .env-popup[data-starting-style],
    .env-popup[data-ending-style] {
      transform: scale(0.98);
    }
    .env-popup[data-ending-style] {
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-exit);
    }
  }
  @media (forced-colors: active) {
    .env-popup {
      border-color: CanvasText;
    }
  }
}
@layer env.components {
  @property --env-menu-item-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-menu-item-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-menu-item-icon {
    syntax: '*';
    inherits: false;
  }
  .env-menu-positioner {
    z-index: var(--env-z-popup);
    outline: none;
  }
  .env-menu {
    --env-menu-slot: calc(var(--env-control-icon-size) + var(--env-popup-row-gap));
    --env-menu-leading: 0rem;
    inline-size: max-content;
    --env-menu-min-width: 12rem;
    --env-menu-max-width: 22rem;
    --env-menu-window-room: calc(100vw - 2rem);
    min-inline-size: min(var(--env-menu-min-width), var(--available-width, 100vw));
    max-inline-size: min(
      var(--env-menu-max-width),
      var(--available-width, var(--env-menu-window-room))
    );
    padding: var(--env-popup-padding);
    border-radius: var(--env-popup-radius);
  }
  .env-menu:has(.env-menu-item > :is(.env-menu-item-indicator-slot, .env-icon):first-child) {
    --env-menu-leading: var(--env-menu-slot);
  }
  .env-menu:has(.env-menu-item > .env-menu-item-indicator-slot + .env-icon) {
    --env-menu-leading: calc(2 * var(--env-menu-slot));
  }
  .env-menu-header,
  .env-menu-item {
    box-sizing: border-box;
    min-inline-size: 0;
    border-radius: var(--env-popup-row-radius);
    background: transparent;
    color: var(--env-color-fg-default);
    font: var(--env-font-weight-body) var(--env-font-size-body) / 1.35 var(--env-font-family);
  }
  .env-menu-header:has(> *) {
    padding: var(--env-space-3) var(--env-popup-row-padding-inline);
  }
  .env-menu-item {
    --env-menu-item-layer: initial;
    --env-menu-item-content-gate: color-mix(in srgb, var(--env-menu-item-content) 0%, transparent);
    --env-menu-item-custom-base: var(--env-menu-item-container, var(--env-menu-item-content-gate));
    --env-menu-item-custom-layered: color-mix(
      in srgb,
      var(--env-menu-item-custom-base),
      currentColor var(--env-menu-item-layer)
    );
    --env-menu-item-custom-fill: var(
      --env-menu-item-custom-layered,
      var(--env-menu-item-custom-base)
    );
    --env-menu-item-icon-color: var(--env-menu-item-icon, var(--env-color-fg-muted));
    display: flex;
    align-items: center;
    gap: var(--env-popup-row-gap);
    min-block-size: var(--env-popup-row-height);
    padding-block: var(--env-space-1);
    padding-inline: calc(var(--env-popup-row-padding-inline) + var(--env-menu-leading))
      var(--env-popup-row-padding-inline);
    text-decoration: none;
    cursor: pointer;
    outline: none;
    user-select: none;
    background: var(--env-menu-item-custom-fill, transparent);
    color: var(--env-menu-item-content, var(--env-color-fg-default));
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-menu-item:has(> :is(.env-menu-item-indicator-slot, .env-icon):first-child) {
    padding-inline-start: calc(
      var(--env-popup-row-padding-inline) + var(--env-menu-leading) - var(--env-menu-slot)
    );
  }
  .env-menu-item:has(> .env-menu-item-indicator-slot + .env-icon) {
    padding-inline-start: calc(
      var(--env-popup-row-padding-inline) + var(--env-menu-leading) - 2 * var(--env-menu-slot)
    );
  }
  .env-menu-item:has(> .env-menu-item-indicator-slot:first-child) {
    padding-inline-start: var(--env-popup-row-padding-inline);
  }
  .env-menu-item > .env-menu-item-indicator-slot:first-child:not(:has(+ .env-icon)) {
    margin-inline-end: calc(var(--env-menu-leading) - var(--env-menu-slot));
  }
  .env-menu-item .env-icon {
    inline-size: var(--env-control-icon-size);
    block-size: var(--env-control-icon-size);
    color: var(--env-menu-item-icon-color, var(--env-color-fg-muted));
  }
  .env-menu-item[data-tone='danger'] {
    --env-menu-item-icon-color: var(--env-menu-item-icon, var(--env-color-fg-danger));
    color: var(--env-menu-item-content, var(--env-color-fg-danger));
  }
  .env-menu-item-text {
    min-inline-size: 0;
    flex: 1 1 auto;
    display: grid;
  }
  .env-menu-item-label {
    min-inline-size: 0;
    overflow-wrap: break-word;
  }
  .env-menu-item-description {
    min-inline-size: 0;
    color: var(--env-color-fg-muted);
    font: var(--env-font-weight-body) var(--env-font-size-label-sm) / 1.35 var(--env-font-family);
    overflow-wrap: break-word;
  }
  .env-menu-item:has(> .env-menu-item-text > .env-menu-item-description) {
    align-items: flex-start;
  }
  .env-menu-item:has(> .env-menu-item-text > .env-menu-item-description)
    > :is(.env-menu-item-indicator-slot, .env-icon) {
    margin-block-start: calc((1lh - var(--env-control-icon-size)) / 2);
  }
  .env-menu-item:has(> .env-menu-item-text > .env-menu-item-description)
    > :is(.env-menu-item-end, .env-menu-item-shortcut) {
    min-block-size: 1lh;
  }
  .env-menu-item-end {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: var(--env-space-1);
    --env-badge-count-bg: transparent;
    --env-badge-count-border: none;
  }
  .env-menu-item-end,
  .env-menu-item-shortcut {
    --env-kbd-size: auto;
    --env-kbd-padding-inline: 0;
    --env-kbd-radius: 0;
    --env-kbd-fg: var(--env-color-fg-muted);
    --env-kbd-bg: transparent;
    --env-kbd-border: transparent;
    --env-kbd-border-end-width: var(--env-control-border-width);
    --env-kbd-font-size: var(--env-font-size-caption);
    --env-kbd-separator-padding-inline: 0;
    --env-kbd-separator-font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1
      var(--env-font-family);
  }
  .env-menu-item:is([data-highlighted], [data-popup-open])
    :is(.env-menu-item-end, .env-menu-item-shortcut) {
    --env-kbd-fg: var(--env-color-fg-default);
  }
  .env-menu-item-shortcut {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: calc(0.25 * var(--env-popup-row-height));
    margin-inline-start: calc(0.4 * var(--env-popup-row-height));
    color: var(--env-color-fg-muted);
    font: var(--env-type-body-sm);
    white-space: nowrap;
  }
  .env-menu-item-indicator-slot {
    inline-size: var(--env-control-icon-size);
    block-size: var(--env-control-icon-size);
    flex: 0 0 auto;
    display: grid;
    place-items: center;
  }
  .env-menu-item .env-menu-item-indicator {
    color: var(--env-color-bg-primary-emphasis);
  }
  .env-menu-choice[data-checked] .env-menu-item-label {
    font-weight: var(--env-font-weight-medium);
  }
  .env-menu-choice[role='menuitemradio'][data-checked] {
    --env-menu-item-icon-color: var(--env-menu-item-icon, var(--env-color-fg-on-selected));
    background: var(--env-menu-item-custom-fill, var(--env-color-bg-selected));
    color: var(--env-menu-item-content, var(--env-color-fg-on-selected));
  }
  .env-menu-choice[role='menuitemradio'][data-checked] .env-menu-item-indicator {
    color: var(--env-menu-item-content, var(--env-color-fg-on-selected));
  }
  .env-menu-item:is([data-highlighted], [data-popup-open]) {
    --env-menu-item-layer: calc(var(--env-state-hover-opacity) * 100%);
    background: var(--env-menu-item-custom-fill, var(--env-color-bg-neutral-muted));
  }
  .env-menu-submenu-chevron:dir(rtl) {
    transform: scaleX(-1);
  }
  .env-menu-choice[role='menuitemradio'][data-checked]:is([data-highlighted], [data-popup-open]) {
    background: var(--env-menu-item-custom-fill, var(--env-color-bg-selected-hover));
  }
  .env-menu-item:active {
    --env-menu-item-layer: calc(var(--env-state-pressed-opacity) * 100%);
    background: var(--env-menu-item-custom-fill, var(--env-color-bg-neutral-muted-pressed));
  }
  .env-menu-choice[role='menuitemradio'][data-checked]:active {
    background: var(--env-menu-item-custom-fill, var(--env-color-bg-selected-pressed));
  }
  .env-menu-item:focus-visible {
    --env-menu-item-ring: var(--env-theme-high-contrast) var(--env-color-border-focus);
    outline: 2px solid var(--env-menu-item-ring, transparent);
    outline-offset: -2px;
  }
  .env-menu-item:is([data-disabled], [aria-disabled='true']) {
    cursor: default;
  }
  .env-menu-item:is([data-disabled], [aria-disabled='true']) > :not(.env-menu-item-text) {
    opacity: var(--env-state-disabled-opacity);
  }
  .env-menu-item:is([data-disabled], [aria-disabled='true']) .env-menu-item-label {
    color: var(--env-color-fg-disabled);
  }
  .env-menu-separator {
    block-size: var(--env-popup-separator-gap);
    margin: 0;
    border: 0;
  }
  .env-menu > .env-menu-group:not(:first-child, .env-menu-separator + *),
  .env-menu > .env-skeleton-content > .env-menu-group:not(:first-child, .env-menu-separator + *) {
    margin-block-start: var(--env-popup-separator-gap);
  }
  .env-menu
    > .env-menu-group:not(:first-child, .env-menu-separator + *):has(> .env-menu-group-label),
  .env-menu
    > .env-skeleton-content
    > .env-menu-group:not(:first-child, .env-menu-separator + *):has(> .env-menu-group-label) {
    margin-block-start: calc(0.5 * var(--env-popup-group-gap));
  }
  .env-menu-group-label,
  .env-menu-header:not(:has(> *)) {
    padding-block: calc(0.1 * var(--env-popup-row-height)) calc(0.05 * var(--env-popup-row-height));
    padding-inline: var(--env-popup-label-padding-inline);
    color: var(--env-color-fg-muted);
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1.4 var(--env-font-family);
    letter-spacing: 0.01em;
    overflow-wrap: break-word;
  }
  @media (pointer: coarse) {
    .env-menu-item {
      min-block-size: var(--env-control-height-touch);
    }
  }
  .env-menu[data-instant='group'] {
    transition: none;
  }
  @media (forced-colors: active) {
    .env-menu-item:is([data-highlighted], [data-popup-open]) {
      forced-color-adjust: none;
      background-color: Highlight;
      color: HighlightText;
    }
    .env-menu-item:is([data-highlighted], [data-popup-open]) :where(*) {
      color: inherit;
    }
    .env-menu-item[data-disabled] {
      color: GrayText;
    }
    .env-menu-item:focus-visible {
      outline: 2px solid CanvasText;
      outline-offset: -2px;
    }
    .env-menu-item:is([data-highlighted], [data-popup-open]):focus-visible,
    .env-menu-item:is([data-highlighted], [data-popup-open]) :focus-visible {
      outline-color: HighlightText;
    }
    .env-menu-item[data-disabled]:is([data-highlighted], [data-popup-open]) {
      color: HighlightText;
      opacity: var(--env-state-disabled-opacity);
    }
  }
}
@layer env.components {
  .env-kbd {
    --env-kbd-default-size: 1.375rem;
    --env-kbd-default-padding-inline: 0.3125rem;
    --env-kbd-default-radius: 0.3125rem;
    --env-kbd-default-font-size: 0.75rem;
    box-sizing: border-box;
    min-inline-size: var(--env-kbd-size, var(--env-kbd-default-size));
    block-size: var(--env-kbd-size, var(--env-kbd-default-size));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--env-kbd-padding-inline, var(--env-kbd-default-padding-inline));
    --env-kbd-high-contrast-edge: var(--env-theme-high-contrast) var(--env-color-border-default);
    border: 1px solid
      var(
        --env-kbd-border,
        var(
          --env-kbd-high-contrast-edge,
          color-mix(in srgb, var(--env-color-fg-default) 5%, transparent)
        )
      );
    border-block-end-width: var(--env-kbd-border-end-width, 2px);
    border-radius: var(--env-kbd-radius, var(--env-kbd-default-radius));
    background: var(--env-kbd-bg, var(--env-color-bg-neutral-muted));
    color: var(--env-kbd-fg, var(--env-color-fg-default));
    font: var(--env-font-weight-medium) var(--env-kbd-font-size, var(--env-kbd-default-font-size)) /
      1 var(--env-font-family);
    white-space: nowrap;
    vertical-align: baseline;
  }
  .env-kbd-combination {
    display: inline-flex;
    align-items: baseline;
    font: inherit;
    white-space: nowrap;
    vertical-align: baseline;
  }
  .env-kbd-part {
    display: inline-flex;
    align-items: baseline;
  }
  .env-kbd-separator {
    --env-kbd-separator-default-padding-inline: 0.1875rem;
    padding-inline: var(
      --env-kbd-separator-padding-inline,
      var(--env-kbd-separator-default-padding-inline)
    );
    color: var(--env-kbd-separator-fg, var(--env-kbd-fg, var(--env-color-fg-muted)));
    font: var(--env-kbd-separator-font, var(--env-type-body-sm));
  }
  [data-env-skeleton] .env-kbd {
    text-decoration: line-through var(--env-skeleton-color);
    text-decoration-thickness: 0.8em;
    text-decoration-skip-ink: none;
  }
}
@layer env.components {
  :where(.env-hover-detail) {
    --env-hover-detail-dot: 0.125rem;
    --env-hover-detail-pitch: calc(2.75 * var(--env-hover-detail-dot));
    --env-hover-detail-offset: 0.125rem;
    padding-block-end: var(--env-hover-detail-offset);
    background-image: radial-gradient(
      circle closest-side,
      var(--env-color-fg-muted) 70%,
      transparent 100%
    );
    background-position: 0 100%;
    background-size: var(--env-hover-detail-pitch) var(--env-hover-detail-dot);
    background-repeat: round no-repeat;
    cursor: default;
  }
  :where(.env-hover-detail:not(:hover, :focus-visible)) {
    background-image: radial-gradient(
      circle closest-side,
      var(--env-hover-detail-rest-color, var(--env-color-fg-muted)) 70%,
      transparent 100%
    );
  }
  @media (forced-colors: active) {
    :where(.env-hover-detail) {
      text-decoration-line: underline;
      text-decoration-style: dotted;
      text-decoration-color: CanvasText;
      text-underline-offset: 0.25em;
    }
  }
}
@layer env.components {
  .env-tooltip-positioner {
    --env-popup-layer: var(--env-z-tooltip);
    z-index: var(--env-z-tooltip);
  }
  @property --env-tooltip-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-tooltip-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-tooltip-outline {
    syntax: '*';
    inherits: false;
  }
  .env-tooltip {
    --env-tooltip-fill: color-mix(
      in srgb,
      var(--env-color-bg-neutral-strong) var(--env-tooltip-opacity),
      transparent
    );
    --env-tooltip-edge: var(--env-popup-solid) var(--env-color-border-neutral-strong);
    --env-tooltip-max-width: 18rem;
    --env-tooltip-window-room: calc(100vw - 2rem);
    max-inline-size: min(
      var(--env-tooltip-max-width),
      var(--available-width, var(--env-tooltip-window-room))
    );
    padding: calc(0.15 * var(--env-popup-row-height)) calc(0.25 * var(--env-popup-row-height));
    border: 1px solid var(--env-tooltip-outline, var(--env-tooltip-edge, transparent));
    border-radius: calc(0.3 * var(--env-popup-row-height));
    background: var(--env-tooltip-container, var(--env-tooltip-fill));
    color: var(--env-tooltip-content, var(--env-color-fg-on-strong));
    box-shadow: var(--env-tooltip-shadow);
    -webkit-backdrop-filter: blur(var(--env-popup-blur)) saturate(1.4);
    backdrop-filter: blur(var(--env-popup-blur)) saturate(1.4);
    font: var(--env-type-body-sm);
    overflow-wrap: break-word;
    --env-kbd-size: calc(0.45 * var(--env-popup-row-height));
    --env-kbd-padding-inline: calc(0.1 * var(--env-popup-row-height));
    --env-kbd-radius: calc(0.125 * var(--env-popup-row-height));
    --env-kbd-fg: currentColor;
    --env-kbd-bg: color-mix(in srgb, currentColor 11%, transparent);
    --env-kbd-border: transparent;
    --env-kbd-border-end-width: var(--env-control-border-width);
    --env-kbd-font-size: var(--env-font-size-caption);
    --env-kbd-separator-padding-inline: calc(0.1 * var(--env-popup-row-height));
    --env-kbd-separator-font: 0 / 1 var(--env-font-family);
    transition: opacity var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-tooltip-disabled-target {
    display: inline-flex;
    max-inline-size: 100%;
    border-radius: var(--env-radius-full);
  }
  .env-tooltip-disabled-target:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: 2px;
  }
  .env-tooltip[data-starting-style],
  .env-tooltip[data-ending-style] {
    opacity: 0;
    transform: none;
  }
  .env-tooltip[data-ending-style] {
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-exit);
  }
}
@layer env.components {
  .env-field {
    --env-field-error-color: var(--env-color-fg-danger);
    align-content: start;
    max-inline-size: 100%;
    overflow-wrap: break-word;
    font: var(--env-type-body-sm);
    font-size: var(--env-font-size-body-sm);
    color: var(--env-color-fg-default);
  }
  .env-field-description,
  .env-field-error {
    font: var(--env-type-body-sm);
    font-size: var(--env-font-size-body-sm);
  }
  .env-field-description {
    color: var(--env-color-fg-muted);
  }
  .env-field-error {
    color: var(--env-field-error-color);
  }
  .env-field-error > svg {
    flex-shrink: 0;
    width: var(--env-control-icon-size);
    height: var(--env-control-icon-size);
    margin-block-start: calc(var(--env-space-1) / 2);
  }
  .env-field-label {
    inline-size: fit-content;
    max-inline-size: 100%;
    cursor: default;
  }
  .env-field-label,
  .env-field:not(.env-text-field) > label {
    font: var(--env-type-body);
    font-size: var(--env-font-size-label);
    color: var(--env-color-fg-muted);
  }
  .env-field[data-disabled] > .env-field-label {
    opacity: var(--env-state-disabled-opacity);
  }
  .env-field-control {
    --env-field-control-border: var(--env-color-border-default);
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: var(--env-control-height);
    margin: 0;
    padding: min(
        var(--env-space-1),
        calc((var(--env-control-height) - 2 * var(--env-control-border-width) - 1lh) / 2)
      )
      var(--env-space-4);
    border: var(--env-control-border-width) solid var(--env-field-control-border);
    border-radius: min(var(--env-radius-lg), var(--env-control-height) / 3);
    outline: none;
    background: transparent;
    color: var(--env-color-fg-default);
    font: var(--env-type-body);
    font-size: var(--env-control-font-size);
    caret-color: var(--env-color-border-primary-emphasis);
    transition: border-color var(--env-motion-duration-medium) var(--env-motion-ease);
  }
  .env-field-control[data-size='sm'] {
    --env-control-height: var(--env-control-height-sm);
  }
  .env-field-control[data-size='md'] {
    --env-control-height: var(--env-control-height-md);
  }
  .env-field-control[data-size='lg'] {
    --env-control-height: var(--env-control-height-lg);
  }
  .env-field-control::placeholder {
    color: var(--env-color-fg-muted);
    opacity: 1;
  }
  @media (hover: hover) {
    .env-field-control:hover:not(:disabled, [data-disabled], [readonly]) {
      --env-field-control-border: var(--env-color-fg-muted);
    }
  }
  .env-field-control:focus-visible,
  .env-field-control:focus-within {
    --env-field-control-border: var(--env-color-border-primary-emphasis);
    box-shadow: inset 0 0 0 var(--env-control-border-width) var(--env-field-control-border);
  }
  .env-field-control:is([data-invalid], [aria-invalid='true']) {
    --env-field-control-border: var(--env-color-fg-danger);
  }
  .env-field-control:is(:disabled, [data-disabled]) {
    opacity: var(--env-state-disabled-opacity);
    cursor: default;
  }
  @media (pointer: coarse) {
    .env-field-control {
      min-block-size: max(var(--env-control-height), var(--env-control-height-touch));
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .env-field-control {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .env-field-control:is(:focus-visible, :focus-within) {
      outline: 2px solid Highlight;
      outline-offset: 1px;
    }
    .env-field-control:is([data-invalid], [aria-invalid='true']) {
      border-style: dashed;
    }
    .env-field-control:is(:disabled, [data-disabled]) {
      border-color: GrayText;
      color: GrayText;
    }
  }
}
@layer env.components {
  @property --env-text-field-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-text-field-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-text-field-outline {
    syntax: '*';
    inherits: false;
  }
  @property --env-text-field-indicator {
    syntax: '*';
    inherits: false;
  }
  .env-text-field {
    --env-text-field-well: var(--env-text-field-container, transparent);
    --env-text-field-text: var(--env-text-field-content, var(--env-color-fg-default));
    --env-text-field-edge: var(--env-text-field-outline, var(--env-color-border-default));
    --env-text-field-accent: var(--env-text-field-indicator, var(--env-color-border-primary-emphasis));
    --env-text-field-edge-hover: color-mix(
      in srgb,
      var(--env-text-field-edge) 40%,
      var(--env-text-field-text)
    );
    --env-text-field-accent-pressed: var(
      --env-text-field-indicator,
      var(--env-color-border-primary-emphasis-pressed)
    );
    --env-text-field-label-accent: var(--env-text-field-indicator, var(--env-color-fg-primary));
    --env-field-height: max(var(--env-control-height), var(--env-text-field-least, 0rem));
    --env-field-error-color: var(--env-color-fg-danger);
  }
  .env-text-field[data-size='sm'] {
    --env-control-height: var(--env-control-height-sm);
  }
  .env-text-field[data-size='md'] {
    --env-control-height: var(--env-control-height-md);
  }
  .env-text-field[data-size='lg'] {
    --env-control-height: var(--env-control-height-lg);
  }
  .env-text-field:not([data-tall], [data-label-hidden]):has(> .env-text-field-control > label) {
    --env-text-field-least: var(--env-control-height-md);
  }
  .env-text-field[data-tall]:not([data-label-hidden]):has(
      > .env-text-field-control:not([data-variant='ghost']) > label
    ) {
    padding-block-start: var(--env-space-2);
  }
  :where([data-env-layout='column'], [data-env-layout='grid'])
    > .env-text-field:not([data-tall], [data-label-hidden]):has(
      > .env-text-field-control:not([data-variant='ghost']) > label
    ) {
    padding-block-start: var(--env-space-1);
  }
  .env-text-field-control {
    --env-text-field-border-base: var(--env-text-field-edge, var(--env-color-border-default));
    --env-text-field-interaction-color: var(
      --env-text-field-accent,
      var(--env-color-border-primary-emphasis)
    );
    --env-text-field-interaction-hover: var(--env-text-field-edge-hover, var(--env-color-fg-muted));
    --env-text-field-interaction-pressed: var(
      --env-text-field-accent-pressed,
      var(--env-color-border-primary-emphasis-pressed)
    );
    --env-text-field-border-color: var(--env-text-field-border-base);
    --env-text-field-frame: var(--env-control-border-width);
    --env-text-field-label-start: var(--env-space-4);
    --env-text-field-notch: var(--env-space-2);
    --env-text-field-corner: var(--env-radius-lg);
    --env-text-field-notch-start: calc(
      max(var(--env-text-field-label-start), var(--env-text-field-corner)) - var(--env-space-1)
    );
    position: relative;
    min-width: 0;
    border: var(--env-control-border-width) solid transparent;
    border-radius: var(--env-radius-lg);
    background: var(--env-text-field-well, transparent);
  }
  .env-text-field-border {
    position: absolute;
    inset-inline: calc(-1 * var(--env-control-border-width));
    inset-block: calc(
        -0.5 * (var(--env-text-field-notch) - var(--env-text-field-frame)) -
          var(--env-control-border-width)
      )
      calc(-1 * var(--env-control-border-width));
    min-inline-size: 0;
    margin: 0;
    padding-block: 0;
    padding-inline: calc(
        var(--env-text-field-notch-start) - var(--env-text-field-frame) +
          var(--env-control-border-width)
      )
      var(--env-space-2);
    border: var(--env-text-field-frame) solid var(--env-text-field-border-color);
    border-radius: inherit;
    pointer-events: none;
    transition: border-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-text-field-border > legend {
    display: block;
    inline-size: auto;
    max-inline-size: 0;
    block-size: var(--env-text-field-notch);
    padding: 0;
    overflow: hidden;
    font: var(--env-type-body);
    font-size: var(--env-font-size-label);
    line-height: 1;
    white-space: nowrap;
    visibility: hidden;
    transition: max-inline-size var(--env-motion-duration-medium) var(--env-motion-ease);
  }
  .env-text-field-border > legend > span {
    display: inline-block;
    padding-inline: var(--env-space-1);
  }
  @media (hover: hover) {
    .env-text-field-control:hover:not(
        :has(> .env-text-field-input:disabled),
        [data-disabled],
        :focus-within,
        :has(> .env-text-field-input[aria-expanded='true']),
        [data-popup-open]
      ) {
      --env-text-field-border-color: var(--env-text-field-interaction-hover);
    }
  }
  .env-text-field-control:is(:active, :has(> .env-textarea-resize-handle[data-resizing])):not(
      :has(> .env-text-field-input:disabled),
      [data-disabled]
    ) {
    --env-text-field-border-color: var(--env-text-field-interaction-pressed);
  }
  .env-text-field-control:is(
    :focus-within,
    :has(> .env-text-field-input[aria-expanded='true']),
    [data-popup-open]
  ) {
    --env-text-field-border-color: var(--env-text-field-interaction-color);
    --env-text-field-frame: var(
      --env-text-field-ghost-focus-frame,
      calc(2 * var(--env-control-border-width))
    );
  }
  .env-text-field-input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: var(--env-space-4);
    border: 0;
    border-radius: inherit;
    outline: none;
    background: transparent;
    color: var(--env-text-field-text, var(--env-color-fg-default));
    font: var(--env-type-body);
    font-size: var(--env-control-font-size);
    caret-color: var(--env-text-field-accent, var(--env-color-border-primary-emphasis));
  }
  .env-text-field-input::placeholder {
    color: var(--env-text-field-placeholder, var(--env-color-fg-muted));
    opacity: 1;
  }
  .env-text-field-control > label {
    position: absolute;
    inset-block-start: calc(
      var(--env-text-field-clip-start, var(--env-space-4)) + var(--env-control-border-width)
    );
    inset-inline-start: var(--env-text-field-label-start);
    max-width: calc(100% - var(--env-space-6));
    overflow: hidden;
    color: var(--env-color-fg-muted);
    font: var(--env-type-body);
    font-size: var(--env-control-font-size);
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: text;
    transition:
      inset-block-start var(--env-motion-duration-medium) var(--env-motion-ease),
      inset-inline-start var(--env-motion-duration-medium) var(--env-motion-ease),
      font-size var(--env-motion-duration-medium) var(--env-motion-ease),
      color var(--env-motion-duration-fast) var(--env-motion-ease-enter),
      padding var(--env-motion-duration-medium) var(--env-motion-ease);
  }
  .env-text-field-control:is(
      :has(
        > .env-text-field-input:focus,
        > .env-text-field-input:is(input, textarea):not(:placeholder-shown)
      ),
      [data-label-floating]
    )
    > label {
    --env-text-field-label-floated-default: -0.625rem;
    inset-block-start: var(
      --env-text-field-label-floated,
      var(--env-text-field-label-floated-default)
    );
    inset-inline-start: calc(var(--env-text-field-notch-start) + var(--env-space-1));
    padding-inline: var(--env-space-1);
    margin-inline-start: calc(-1 * var(--env-space-1));
    font-size: var(--env-font-size-label);
  }
  .env-text-field-control:not([data-variant='ghost']):is(
      :has(
        > .env-text-field-input:focus,
        > .env-text-field-input:is(input, textarea):not(:placeholder-shown)
      ),
      [data-label-floating]
    )
    > .env-text-field-border
    > legend {
    max-inline-size: calc(100% - var(--env-space-4));
  }
  .env-text-field-control:has(> label) > .env-text-field-input:not(:focus) {
    --env-text-field-placeholder: transparent;
  }
  .env-text-field-control:is(
      :focus-within,
      :has(> .env-text-field-input[aria-expanded='true']),
      [data-popup-open]
    )
    > label {
    color: var(--env-text-field-label-accent, var(--env-color-fg-primary));
  }
  .env-text-field-control[data-variant='ghost'] {
    background: var(
      --env-text-field-ghost-solid,
      color-mix(in srgb, var(--env-color-bg-neutral-muted) 25%, transparent)
    );
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-text-field-control[data-variant='ghost']:not(
      :has(> .env-text-field-input:is(:disabled, [readonly], [aria-readonly='true'])),
      [data-disabled]
    ) {
    background: var(
      --env-text-field-ghost-solid,
      color-mix(in srgb, var(--env-color-bg-neutral-muted) 50%, transparent)
    );
  }
  @media (hover: hover) {
    .env-text-field-control[data-variant='ghost']:hover:not(
        :has(> .env-text-field-input:is(:disabled, [readonly], [aria-readonly='true'])),
        [data-disabled]
      ) {
      background: var(--env-text-field-ghost-solid, var(--env-color-bg-neutral-muted));
    }
  }
  .env-text-field:not([data-label-hidden])
    .env-text-field-control[data-variant='ghost']:has(> label) {
    --env-text-field-ghost-label-room: calc(var(--env-font-size-label) + 0.125rem);
    --env-text-field-label-floated: var(--env-space-1);
  }
  .env-text-field-control[data-variant='ghost'] > label {
    line-height: 1.2;
  }
  .env-text-field-control[data-variant='ghost']:focus-within > .env-text-field-start {
    color: var(--env-color-fg-muted);
  }
  .env-text-field-control[data-variant='ghost']:not(
      :has(> .env-text-field-input[aria-invalid='true']),
      [data-invalid],
      :focus-within
    )
    > .env-text-field-border {
    border-color: var(--env-text-field-ghost-edge, transparent);
  }
  .env-text-field-control[data-variant='ghost']:focus-within:not(
      :has(> .env-text-field-input[aria-invalid='true']),
      [data-invalid]
    )
    > .env-text-field-border {
    border-color: var(
      --env-text-field-ghost-edge,
      var(--env-text-field-ghost-focus-edge, var(--env-text-field-border-color))
    );
  }
  .env-text-field-control:has(> .env-text-field-input:is([readonly], [aria-readonly='true'])) {
    --env-text-field-interaction-hover: var(--env-text-field-border-base);
    --env-text-field-interaction-pressed: var(--env-text-field-border-base);
  }
  .env-text-field-control:is(:has(> .env-text-field-input[aria-invalid='true']), [data-invalid]) {
    --env-text-field-border-base: var(--env-field-error-color);
    --env-text-field-interaction-color: var(--env-field-error-color);
    --env-text-field-interaction-hover: var(--env-color-border-danger-emphasis-hover);
    --env-text-field-interaction-pressed: var(--env-color-border-danger-emphasis-pressed);
  }
  .env-text-field-control:is(:has(> .env-text-field-input[aria-invalid='true']), [data-invalid])
    > label {
    color: var(--env-field-error-color);
  }
  .env-text-field-control:is(:has(> .env-text-field-input:disabled), [data-disabled]) {
    --env-text-field-border-base: var(--env-color-border-muted);
    --env-button-text-icon-color: var(--env-color-fg-disabled);
  }
  .env-text-field-control:is(:has(> .env-text-field-input:disabled), [data-disabled])
    > :is(
      label,
      .env-text-field-input,
      .env-text-field-prefix,
      .env-text-field-suffix,
      .env-text-field-start,
      .env-text-field-end
    ) {
    color: var(--env-color-fg-disabled);
  }
  .env-text-field-input:disabled::placeholder {
    color: var(--env-color-fg-disabled);
  }
  .env-text-field-input:disabled,
  .env-text-field-control:is(:has(> .env-text-field-input:disabled), [data-disabled]) > label {
    cursor: default;
  }
  textarea.env-text-field-input {
    --env-textarea-min-height: 7.5rem;
    min-height: var(--env-textarea-min-height);
    field-sizing: fixed;
    overflow-y: auto;
    scrollbar-width: thin;
    resize: none;
    mask-image: linear-gradient(
      transparent var(--env-text-field-clip-start, var(--env-space-4)),
        var(--env-color-fg-default) var(--env-text-field-clip-start, var(--env-space-4))
        calc(100% - var(--env-space-4)),
      transparent calc(100% - var(--env-space-4))
    );
  }
  .env-text-field[data-tall]:not([data-label-hidden])
    .env-text-field-control[data-variant='ghost']:has(> label) {
    --env-text-field-clip-start: calc(
      var(--env-space-2) + var(--env-text-field-ghost-label-room) + var(--env-space-1)
    );
    --env-text-field-label-floated: var(--env-space-2);
  }
  .env-text-field[data-tall] .env-text-field-control[data-variant='ghost'] > .env-text-field-input {
    padding-block-start: var(--env-text-field-clip-start, var(--env-space-4));
  }
  textarea.env-text-field-input[data-sizing='content'] {
    field-sizing: content;
    min-height: max(
      var(--env-textarea-min-height),
      calc(var(--env-textarea-rows, 2) * 1lh + var(--env-space-6))
    );
  }
  textarea.env-text-field-input[data-rows] {
    --env-textarea-rows-height: calc(var(--env-textarea-rows) * 1lh + 2 * var(--env-space-4));
    --env-textarea-rows-least: min(7.5rem, var(--env-textarea-rows-height));
    min-height: var(--env-textarea-rows-least);
  }
  textarea.env-text-field-input[data-sizing='content'][data-rows] {
    min-height: var(--env-textarea-rows-height);
  }
  .env-text-field-control:is(:hover, :focus-within) > .env-textarea-resize-handle::after {
    opacity: 1;
  }
  @supports (field-sizing: content) {
    textarea.env-text-field-input[data-sizing='content'] + .env-textarea-resize-handle {
      display: none;
    }
  }
  textarea.env-text-field-input:disabled + .env-textarea-resize-handle {
    display: none;
  }
  @media (pointer: coarse) {
    textarea.env-text-field-input:not(:disabled):has(+ .env-textarea-resize-handle) {
      padding-block-end: var(--env-control-height-touch);
    }
    @supports (field-sizing: content) {
      textarea.env-text-field-input[data-sizing='content']:not(:disabled) {
        padding-block-end: var(--env-space-4);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .env-text-field-border,
    .env-text-field-border > legend,
    .env-text-field-control > label {
      transition: none;
    }
  }
  .env-text-field-start,
  .env-text-field-end {
    --env-button-text-icon-color: var(--env-color-fg-muted);
    --env-button-text-icon-color-active: var(--env-color-fg-default);
    position: absolute;
    inset-block: 0;
    display: flex;
    align-items: center;
    color: var(--env-color-fg-muted);
  }
  .env-text-field-start {
    inset-inline-start: var(--env-text-field-start-inset, var(--env-space-4));
    pointer-events: none;
  }
  .env-text-field-end {
    inset-inline-end: var(--env-text-field-end-inset, var(--env-space-2));
    gap: var(--env-space-1);
  }
  .env-text-field-start .env-icon {
    width: var(--env-control-icon-size);
    height: var(--env-control-icon-size);
  }
  .env-text-field-control[data-start-icon] > .env-text-field-input {
    padding-inline-start: calc(
      var(--env-text-field-start-inset, var(--env-space-4)) + var(--env-control-icon-size) +
        var(--env-space-3)
    );
  }
  .env-text-field-control[data-start-icon] {
    --env-text-field-label-start: calc(
      var(--env-text-field-start-inset, var(--env-space-4)) + var(--env-control-icon-size) +
        var(--env-space-3)
    );
  }
  .env-text-field-control[data-end-action] > .env-text-field-input {
    padding-inline-end: calc((var(--env-control-height) + var(--env-space-3)));
  }
  .env-text-field-control:focus-within > .env-text-field-start {
    color: var(--env-text-field-accent, var(--env-color-border-primary-emphasis));
  }
  .env-text-field-input[type='search']::-webkit-search-cancel-button {
    appearance: none;
  }
  .env-text-field:not([data-tall]) .env-text-field-control {
    --env-text-field-corner: min(var(--env-radius-lg), var(--env-field-height) / 3);
    box-sizing: border-box;
    display: flex;
    min-height: var(--env-field-height);
    border-radius: var(--env-text-field-corner);
  }
  .env-text-field:not([data-tall]) .env-text-field-control[data-variant='ghost'] {
    --env-text-field-corner: var(
      --env-text-field-ghost-corner,
      min(var(--env-radius-lg), var(--env-field-height) / 3)
    );
  }
  .env-text-field:not([data-tall]) .env-text-field-input {
    flex: 1 1 auto;
    min-height: 0;
    padding-block: min(
      var(--env-space-1),
      calc((var(--env-field-height) - 2 * var(--env-control-border-width) - 1lh) / 2)
    );
  }
  .env-text-field:not([data-tall], [data-label-hidden])
    .env-text-field-control[data-variant='ghost']:has(> label) {
    --env-text-field-ghost-label-room: calc(
      1.1 * var(--env-font-size-label) + var(--env-space-1) / 4
    );
    --env-text-field-label-floated: calc(var(--env-space-1) / 4);
    --env-text-field-value-shift: calc(var(--env-text-field-ghost-label-room) / 2);
  }
  .env-text-field:not([data-tall], [data-label-hidden])
    .env-text-field-control[data-variant='ghost']
    > label {
    line-height: 1.1;
  }
  .env-text-field:not([data-tall], [data-label-hidden])
    .env-text-field-control[data-variant='ghost']:has(> label)
    > .env-text-field-input {
    inset-block-start: 0;
    padding-block: var(--env-text-field-ghost-label-room) 0;
  }
  .env-text-field:not([data-tall], [data-label-hidden])
    .env-text-field-control[data-variant='ghost']:has(> label)
    > .env-text-field-start {
    translate: none;
  }
  .env-text-field-control
    > :is(.env-text-field-input, .env-text-field-prefix, .env-text-field-suffix) {
    position: relative;
    inset-block-start: var(--env-text-field-value-shift, 0);
  }
  .env-text-field-control > .env-text-field-start {
    translate: 0 var(--env-text-field-value-shift, 0);
  }
  .env-text-field:where(:not([data-tall])) .env-text-field-control > label {
    inset-block-start: calc((var(--env-field-height) - 1lh) / 2 - var(--env-control-border-width));
  }
  .env-text-field[data-label-hidden]
    .env-text-field-control
    > .env-text-field-input:not(:focus)::placeholder {
    color: var(--env-color-fg-muted);
  }
  .env-text-field[data-label-hidden] .env-text-field-control > label {
    --env-text-field-label-hidden-size: 0.0625rem;
    position: absolute;
    width: var(--env-text-field-label-hidden-size);
    height: var(--env-text-field-label-hidden-size);
    padding: 0;
    margin: calc(-1 * var(--env-text-field-label-hidden-size));
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .env-text-field:not([data-tall]) .env-text-field-end {
    --env-control-height: max(
      var(--env-control-target-min),
      calc(var(--env-field-height) - var(--env-space-2))
    );
    inset-inline-end: var(--env-text-field-end-inset, var(--env-space-1));
  }
  .env-text-field:not([data-tall])
    .env-text-field-control[data-end-action]
    > .env-text-field-input {
    padding-inline-end: var(--env-field-height);
  }
  .env-text-field-control:is([data-prefix], [data-suffix]) {
    display: flex;
  }
  .env-text-field-control:is([data-prefix], [data-suffix]) > .env-text-field-input {
    flex: 1 1 0;
    --env-text-field-value-min-width: 6rem;
    min-inline-size: min(var(--env-text-field-value-min-width), 50%);
  }
  .env-text-field-prefix,
  .env-text-field-suffix {
    flex: 0 1 auto;
    align-self: center;
    min-inline-size: 0;
    overflow: hidden;
    color: color-mix(in srgb, var(--env-color-fg-muted) 85%, transparent);
    font: var(--env-type-body);
    font-size: var(--env-control-font-size);
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: text;
    transition: opacity var(--env-motion-duration-medium) var(--env-motion-ease);
  }
  .env-text-field-prefix {
    padding-inline-start: var(--env-space-4);
  }
  .env-text-field-suffix {
    padding-inline-end: var(--env-space-4);
  }
  .env-text-field-control[data-prefix] > .env-text-field-input {
    padding-inline-start: calc(var(--env-space-1) / 2);
  }
  .env-text-field-control[data-suffix] > .env-text-field-input {
    padding-inline-end: calc(var(--env-space-1) / 2);
  }
  .env-text-field-control[data-start-icon] > .env-text-field-prefix {
    padding-inline-start: calc(
      var(--env-text-field-start-inset, var(--env-space-4)) + var(--env-control-icon-size) +
        var(--env-space-3)
    );
  }
  .env-text-field-control[data-end-action] > .env-text-field-suffix {
    padding-inline-end: calc((var(--env-control-height) + var(--env-space-3)));
  }
  .env-text-field:not([data-tall])
    .env-text-field-control[data-end-action][data-suffix]
    > .env-text-field-input {
    padding-inline-end: calc(var(--env-space-1) / 2);
  }
  .env-text-field:not([data-tall])
    .env-text-field-control[data-end-action]
    > .env-text-field-suffix {
    padding-inline-end: var(--env-field-height);
  }
  .env-text-field:not([data-label-hidden])
    .env-text-field-control:has(> label):has(> .env-text-field-input:not(:focus):placeholder-shown)
    > :is(.env-text-field-prefix, .env-text-field-suffix) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    .env-text-field-prefix,
    .env-text-field-suffix {
      transition: none;
    }
  }
  @media (pointer: coarse) {
    .env-text-field {
      --env-field-height: max(var(--env-control-height), var(--env-control-height-touch));
    }
    .env-text-field-end {
      --env-button-touch-height: 0rem;
    }
    .env-text-field-end .env-icon-button {
      position: relative;
    }
    .env-text-field-end .env-icon-button::before {
      content: '';
      position: absolute;
      inset-block: min(0%, calc((100% - var(--env-control-height-touch)) / 2));
      inset-inline: 0;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-text-field-end > * {
      animation: env-motion-pop-in var(--env-motion-duration-medium) var(--env-motion-ease-enter);
    }
  }
  @media (forced-colors: active) {
    .env-text-field-control:focus-within {
      outline: 2px solid Highlight;
      outline-offset: 1px;
    }
    .env-text-field-control:is(:has(> .env-text-field-input[aria-invalid='true']), [data-invalid])
      > .env-text-field-border {
      border-style: dashed;
    }
    .env-text-field-control:is(:has(> .env-text-field-input:disabled), [data-disabled]) {
      color: GrayText;
    }
    .env-text-field-control:is(:has(> .env-text-field-input:disabled), [data-disabled])
      > .env-text-field-border {
      border-color: GrayText;
    }
    .env-text-field-control:is(:has(> .env-text-field-input:disabled), [data-disabled])
      > .env-text-field-input {
      color: GrayText;
    }
  }
}
@layer env.components {
  .env-dialog-surface {
    border: var(--env-control-border-width) solid transparent;
    color: var(--env-color-fg-default);
    font: var(--env-type-body);
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    overflow-wrap: break-word;
    pointer-events: auto;
  }
  .env-surface.env-dialog {
    --env-surface-color: var(--env-popup-fill);
    --env-surface-muted-ground: ;
    --env-dialog-edge: var(--env-popup-solid) var(--env-elevation-3-border);
    border-color: var(--env-dialog-edge, var(--env-popup-frosted-edge, transparent));
    box-shadow: var(--env-popup-shadow);
  }
  .env-dialog {
    --env-dialog-gutters: calc(
      max(var(--env-viewport-gutter), env(safe-area-inset-left)) +
        max(var(--env-viewport-gutter), env(safe-area-inset-right))
    );
    --env-dialog-width-md: 28rem;
    --env-dialog-width-lg: 44rem;
    width: min(var(--env-dialog-width-md), 100% - var(--env-dialog-gutters));
    margin-left: max(var(--env-viewport-gutter), env(safe-area-inset-left));
    margin-right: max(var(--env-viewport-gutter), env(safe-area-inset-right));
    transform-origin: var(--transform-origin, center);
    transition: opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter);
  }
  .env-dialog[data-width='lg'] {
    width: min(var(--env-dialog-width-lg), 100% - var(--env-dialog-gutters));
  }
  .env-dialog-title,
  .env-dialog-description {
    margin: 0;
  }
  .env-dialog-title {
    min-inline-size: 0;
    overflow-wrap: break-word;
    font: var(--env-type-headline);
    letter-spacing: var(--env-type-headline-letter-spacing);
  }
  .env-dialog-description {
    font: var(--env-type-body-sm);
    color: var(--env-color-fg-muted);
  }
  .env-dialog-content > .env-dialog-header:has(+ :not(.env-dialog-actions)) {
    margin-block-end: calc(var(--env-space-3) - var(--env-space-5));
  }
  .env-overlay-theme {
    display: contents;
    container-type: normal;
  }
  .env-dialog-backdrop {
    position: fixed;
    inset: 0;
    pointer-events: auto;
    z-index: var(--env-z-backdrop);
    background: var(--env-color-bg-backdrop);
    transition: opacity var(--env-motion-duration-slow) var(--env-motion-ease-enter);
  }
  .env-confirm-dialog-form {
    display: contents;
  }
  .env-dialog-positioner {
    box-sizing: border-box;
    min-inline-size: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    position: fixed;
    inset: 0;
    z-index: var(--env-z-modal);
    display: grid;
    place-items: center;
    container: env-window / inline-size;
    padding-block: max(var(--env-viewport-gutter), env(safe-area-inset-top))
      max(var(--env-viewport-gutter), env(safe-area-inset-bottom));
    pointer-events: none;
  }
  .env-dialog-positioner[data-placement='top'] {
    place-items: start center;
    --env-dialog-top-max: 6rem;
    padding-block-start: max(
      var(--env-viewport-gutter),
      min(12vh, var(--env-dialog-top-max)),
      env(safe-area-inset-top)
    );
  }
  .env-dialog-backdrop[data-starting-style],
  .env-dialog-backdrop[data-ending-style],
  .env-dialog[data-starting-style],
  .env-dialog[data-ending-style] {
    opacity: 0;
  }
  .env-dialog-backdrop[data-ending-style],
  .env-dialog[data-ending-style] {
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-exit);
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-dialog {
      transition:
        opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter),
        transform var(--env-motion-duration-slow) var(--env-motion-ease-enter);
    }
    .env-dialog[data-starting-style],
    .env-dialog[data-ending-style] {
      --env-dialog-rise: 0.75rem;
      transform: translateY(var(--env-dialog-rise)) scale(0.98);
    }
    .env-dialog[data-placement='top'][data-starting-style],
    .env-dialog[data-placement='top'][data-ending-style] {
      --env-dialog-drop: -0.5rem;
      transform: translateY(var(--env-dialog-drop)) scale(0.98);
    }
    .env-dialog[data-ending-style] {
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-exit);
    }
  }
  @media (forced-colors: active) {
    .env-surface.env-dialog {
      border-color: CanvasText;
    }
  }
}
@layer env.components {
  .env-list-row {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--env-popup-row-gap);
    min-inline-size: 0;
    min-block-size: var(--env-popup-row-height);
    padding: var(--env-space-1) var(--env-popup-row-padding-inline);
    border-radius: var(--env-popup-row-radius);
    background: transparent;
    color: var(--env-color-fg-default);
    font: var(--env-font-weight-body) var(--env-font-size-body) / 1.35 var(--env-font-family);
    text-decoration: none;
    cursor: pointer;
    outline: none;
    user-select: none;
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-list-row:is([data-highlighted], [data-popup-open]) {
    background: var(--env-color-bg-neutral-muted);
  }
  .env-list-row[data-selected] {
    background: var(--env-color-bg-selected);
    color: var(--env-color-fg-on-selected);
  }
  .env-list-row[data-selected]:is([data-highlighted], [data-popup-open]) {
    background: var(--env-color-bg-selected-hover);
  }
  .env-list-row:active:not([data-disabled], [aria-disabled='true']) {
    background: var(--env-color-bg-neutral-muted-pressed);
  }
  .env-list-row[data-selected]:active:not([data-disabled], [aria-disabled='true']) {
    background: var(--env-color-bg-selected-pressed);
  }
  .env-list-row:is([data-disabled], [aria-disabled='true']) {
    cursor: default;
  }
  .env-list-row:is([data-disabled], [aria-disabled='true']) > :not(.env-list-row-text) {
    opacity: var(--env-state-disabled-opacity);
  }
  .env-list-row:is([data-disabled], [aria-disabled='true']) .env-list-row-label {
    color: var(--env-color-fg-disabled);
  }
  .env-list-row-indicator,
  .env-list-row-icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    inline-size: var(--env-control-icon-size);
    block-size: var(--env-control-icon-size);
    --env-icon-size: var(--env-control-icon-size);
  }
  .env-list-row-indicator {
    order: 1;
    color: var(--env-color-bg-primary-emphasis);
  }
  .env-list-row[data-selected] .env-list-row-indicator {
    color: var(--env-color-fg-on-selected);
  }
  .env-list-row-icon {
    inline-size: var(--env-list-row-icon-size, var(--env-control-icon-size));
    block-size: var(--env-list-row-icon-size, var(--env-control-icon-size));
    --env-icon-size: var(--env-list-row-icon-size, var(--env-control-icon-size));
    color: var(--env-color-fg-muted);
  }
  .env-list-row-text {
    min-inline-size: 0;
    flex: 1 1 auto;
    display: grid;
  }
  .env-list-row-label {
    min-inline-size: 0;
    overflow-wrap: break-word;
  }
  .env-list-row-description {
    min-inline-size: 0;
    color: var(--env-color-fg-muted);
    font: var(--env-font-weight-body) var(--env-font-size-label-sm) / 1.35 var(--env-font-family);
    overflow-wrap: break-word;
  }
  .env-list-row:has(> .env-list-row-text > .env-list-row-description) {
    align-items: flex-start;
  }
  .env-list-row:has(> .env-list-row-text > .env-list-row-description) > .env-list-row-indicator {
    margin-block-start: calc((1lh - var(--env-control-icon-size)) / 2);
  }
  .env-list-row:has(> .env-list-row-text > .env-list-row-description) > .env-list-row-icon {
    margin-block-start: calc(
      (1lh - var(--env-list-row-icon-size, var(--env-control-icon-size))) / 2
    );
  }
  .env-list-row:has(> .env-list-row-text > .env-list-row-description)
    > :is(.env-list-row-end, .env-list-row-shortcut) {
    min-block-size: 1lh;
  }
  .env-list-row-end,
  .env-list-row-shortcut {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: var(--env-space-1);
    --env-kbd-size: auto;
    --env-kbd-padding-inline: 0;
    --env-kbd-radius: 0;
    --env-kbd-fg: var(--env-color-fg-muted);
    --env-kbd-bg: transparent;
    --env-kbd-border: transparent;
    --env-kbd-border-end-width: var(--env-control-border-width);
    --env-kbd-font-size: var(--env-font-size-caption);
    --env-kbd-separator-padding-inline: 0;
    --env-kbd-separator-font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1
      var(--env-font-family);
  }
  .env-list-row:is([data-highlighted], [data-popup-open])
    :is(.env-list-row-end, .env-list-row-shortcut) {
    --env-kbd-fg: var(--env-color-fg-default);
  }
  .env-list-row-shortcut {
    margin-inline-start: calc(0.4 * var(--env-popup-row-height));
    color: var(--env-color-fg-muted);
    font: var(--env-type-body-sm);
    white-space: nowrap;
  }
  @media (forced-colors: active) {
    .env-list-row:is([data-highlighted], [data-popup-open]),
    .env-list-row[data-selected]:is([data-highlighted], [data-popup-open]) {
      forced-color-adjust: none;
      background-color: Highlight;
      color: HighlightText;
    }
    .env-list-row:is([data-highlighted], [data-popup-open]) :where(*) {
      color: inherit;
    }
    .env-list-row[data-disabled] {
      color: GrayText;
    }
  }
}
@layer env.components {
  .env-command-palette-positioner {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    z-index: var(--env-z-modal);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    align-items: start;
    container: env-window / inline-size;
    --env-command-palette-top-max: 6rem;
    padding-block: max(var(--env-viewport-gutter), min(12vh, var(--env-command-palette-top-max)))
      var(--env-viewport-gutter);
    pointer-events: none;
  }
  .env-command-palette {
    --env-command-palette-edge: var(--env-popup-solid) var(--env-elevation-3-border);
    box-sizing: border-box;
    --env-command-palette-width: 40rem;
    inline-size: min(var(--env-command-palette-width), 100% - 2 * var(--env-viewport-gutter));
    margin-inline: var(--env-viewport-gutter);
    max-block-size: 100%;
    padding: calc(var(--env-radius-surface) - var(--env-popup-row-radius));
    border: var(--env-control-border-width) solid
      var(--env-command-palette-edge, var(--env-popup-frosted-edge, transparent));
    border-radius: var(--env-radius-surface);
    background: color-mix(in srgb, var(--env-popup-fill) var(--env-popup-opacity), transparent);
    box-shadow: var(--env-popup-shadow);
    -webkit-backdrop-filter: blur(var(--env-popup-blur)) saturate(1.4);
    backdrop-filter: blur(var(--env-popup-blur)) saturate(1.4);
    color: var(--env-color-fg-default);
    font: var(--env-type-body);
    overflow: hidden;
    outline: none;
    pointer-events: auto;
    transform-origin: var(--transform-origin, center);
    transition: opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter);
  }
  .env-command-palette-header {
    flex: 0 0 auto;
  }
  .env-command-palette-header > .env-command-palette-search {
    flex: 1 1 auto;
    min-inline-size: 0;
  }
  .env-command-palette-header > .env-command-palette-close {
    display: none;
  }
  .env-command-palette-search {
    --env-text-field-ghost-solid:
      linear-gradient(var(--env-color-bg-neutral-muted), var(--env-color-bg-neutral-muted)),
      var(--env-popup-fill);
    --env-text-field-ghost-edge: var(--env-popup-solid) var(--env-color-border-default);
    --env-text-field-ghost-focus-edge: transparent;
    --env-text-field-ghost-focus-frame: var(--env-control-border-width);
    --env-text-field-ghost-corner: var(--env-radius-full);
    --env-text-field-start-inset: calc(
      var(--env-popup-row-padding-inline) - var(--env-control-border-width)
    );
    --env-text-field-end-inset: var(--env-text-field-start-inset);
    position: relative;
    flex: 0 0 auto;
  }
  .env-command-palette-search::after {
    content: '';
    position: absolute;
    inset: 0;
    border: var(--env-control-border-width) solid transparent;
    border-radius: var(--env-radius-full);
    pointer-events: none;
  }
  .env-command-palette-search:focus-within::after {
    border-color: var(--env-color-border-focus);
  }
  .env-command-palette-list {
    position: relative;
    flex: 0 1 auto;
    min-block-size: 0;
    max-block-size: 60vh;
    margin-block-start: var(--env-popup-group-gap);
    align-content: start;
    gap: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  .env-command-palette-list[hidden] {
    display: none;
  }
  .env-command-palette-group {
    gap: 0;
  }
  .env-command-palette-group + .env-command-palette-group,
  .env-command-palette-item + .env-command-palette-group {
    margin-block-start: var(--env-popup-group-gap);
  }
  .env-command-palette-group-label {
    padding: var(--env-popup-padding) var(--env-popup-label-padding-inline)
      calc(0.1 * var(--env-control-height-md));
    color: var(--env-color-fg-muted);
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1.4 var(--env-font-family);
    letter-spacing: 0.01em;
  }
  .env-command-palette-status:not([data-empty]) {
    position: absolute;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .env-command-palette-status[data-empty] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-block-size: var(--env-control-height-md);
    margin-block-start: var(--env-popup-group-gap);
    padding: var(--env-space-1) var(--env-popup-row-padding-inline);
    color: var(--env-color-fg-muted);
    font: var(--env-font-weight-body) var(--env-font-size-body) / 1.35 var(--env-font-family);
    overflow-wrap: break-word;
  }
  .env-command-palette-empty-icon {
    display: inline-flex;
    flex: none;
    margin-inline-end: var(--env-popup-row-gap);
  }
  .env-command-palette-empty-icon > .env-icon {
    inline-size: var(--env-control-icon-size);
    block-size: var(--env-control-icon-size);
  }
  .env-command-palette-empty-description {
    margin-inline-start: var(--env-space-1);
    text-wrap: pretty;
  }
  .env-command-palette-empty-description::before {
    content: '·' / '';
    margin-inline-end: var(--env-space-1);
  }
  .env-command-palette-footer {
    --env-kbd-size: calc(0.5 * var(--env-control-height-md));
    --env-kbd-padding-inline: calc(0.125 * var(--env-control-height-md));
    --env-kbd-radius: calc(0.125 * var(--env-control-height-md));
    --env-kbd-fg: var(--env-color-fg-muted);
    --env-kbd-bg: var(--env-color-bg-neutral-muted);
    --env-kbd-border: transparent;
    --env-kbd-border-end-width: var(--env-control-border-width);
    --env-kbd-font-size: var(--env-font-size-caption);
    --env-kbd-separator-padding-inline: calc(0.0625 * var(--env-control-height-md));
    --env-kbd-separator-font: 0 / 1 var(--env-font-family);
    flex: 0 0 auto;
    padding: var(--env-popup-group-gap) var(--env-popup-row-padding-inline)
      calc(0.1 * var(--env-control-height-md));
    gap: var(--env-space-1) var(--env-space-4);
    color: var(--env-color-fg-muted);
    font: var(--env-font-weight-body) var(--env-font-size-label-sm) / 1.35 var(--env-font-family);
  }
  .env-command-palette-hint {
    gap: calc(0.125 * var(--env-control-height-md));
  }
  .env-command-palette-footer-content {
    min-inline-size: 0;
  }
  @media (pointer: coarse) {
    .env-command-palette-item {
      min-block-size: var(--env-control-height-touch);
    }
    .env-command-palette-item .env-list-row-end :is(.env-kbd, .env-kbd-combination),
    .env-command-palette-hint,
    .env-command-palette-footer:not(:has(.env-command-palette-footer-content)) {
      display: none;
    }
    .env-command-palette-header > .env-command-palette-close {
      display: inline-flex;
    }
  }
  .env-command-palette[data-starting-style],
  .env-command-palette[data-ending-style] {
    opacity: 0;
  }
  .env-command-palette[data-ending-style] {
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-exit);
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-command-palette {
      transition:
        opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter),
        transform var(--env-motion-duration-slow) var(--env-motion-ease-enter);
    }
    .env-command-palette[data-starting-style],
    .env-command-palette[data-ending-style] {
      --env-command-palette-rise: -0.5rem;
      transform: translateY(var(--env-command-palette-rise)) scale(0.98);
    }
    .env-command-palette[data-ending-style] {
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-exit);
    }
  }
}
@layer env.components {
  @property --env-badge-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-badge-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-badge-outline {
    syntax: '*';
    inherits: false;
  }
  .env-badge {
    --env-badge-own-border: 0.0625rem solid var(--env-badge-outline);
    --env-badge-tone: var(--env-color-fg-muted);
    --env-badge-tint: var(--env-color-bg-neutral-muted);
    --env-badge-tonal: var(--env-badge-tint);
    --env-badge-high-contrast-tint: var(--env-theme-high-contrast) var(--env-badge-tint);
    --env-badge-soft: var(--env-badge-high-contrast-tint, var(--env-badge-tonal));
    --env-badge-fill: var(--env-color-bg-neutral-emphasis);
    --env-badge-on-fill: var(--env-color-fg-on-emphasis);
    --env-badge-edge: var(--env-color-border-neutral);
    --env-badge-on-underlay: var(--env-badge-high-contrast-tint, var(--env-badge-tonal));
    --env-badge-layered:
      linear-gradient(var(--env-badge-on-underlay), var(--env-badge-on-underlay)),
      var(--env-badge-underlay);
    box-sizing: border-box;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-inline-size: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--env-space-1);
    padding: calc(var(--env-space-1) / 2) calc(var(--env-space-2) + var(--env-control-border-width));
    border: var(--env-badge-own-border, var(--env-badge-border, 1px solid transparent));
    border-radius: var(--env-radius-full);
    background: var(--env-badge-container, var(--env-badge-bg, var(--env-badge-layered, var(--env-badge-soft))));
    color: var(--env-badge-content, var(--env-badge-fg, var(--env-badge-tone)));
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1.4 var(--env-font-family);
    white-space: nowrap;
    vertical-align: middle;
  }
  .env-badge[data-tone='primary'] {
    --env-badge-tone: var(--env-color-fg-primary);
    --env-badge-tint: var(--env-color-bg-primary-soft);
    --env-badge-tonal: var(--env-color-bg-primary-subtle-hover);
    --env-badge-fill: var(--env-color-bg-primary-solid);
    --env-badge-edge: var(--env-color-border-primary);
    --env-badge-on-underlay: var(--env-badge-tint);
  }
  .env-badge[data-tone='accent'] {
    --env-badge-tone: var(--env-color-fg-accent);
    --env-badge-tint: var(--env-color-bg-accent-soft);
    --env-badge-tonal: var(--env-color-bg-accent-subtle-hover);
    --env-badge-fill: var(--env-color-bg-accent-solid);
    --env-badge-edge: var(--env-color-border-accent);
  }
  .env-badge[data-tone='success'] {
    --env-badge-tone: var(--env-color-fg-success);
    --env-badge-tint: var(--env-color-bg-success-muted);
    --env-badge-tonal: var(--env-color-bg-success-subtle-hover);
    --env-badge-fill: var(--env-color-bg-success-emphasis);
    --env-badge-edge: var(--env-color-border-success);
  }
  .env-badge[data-tone='warning'] {
    --env-badge-tone: var(--env-color-fg-warning);
    --env-badge-tint: var(--env-color-bg-warning-muted);
    --env-badge-tonal: var(--env-color-bg-warning-subtle-hover);
    --env-badge-fill: var(--env-color-bg-warning-emphasis);
    --env-badge-edge: var(--env-color-border-warning);
  }
  .env-badge[data-tone='danger'] {
    --env-badge-tone: var(--env-color-fg-danger);
    --env-badge-tint: var(--env-color-bg-danger-muted);
    --env-badge-tonal: var(--env-color-bg-danger-subtle-hover);
    --env-badge-fill: var(--env-color-bg-danger-emphasis);
    --env-badge-on-fill: var(--env-color-fg-on-strong);
    --env-badge-edge: var(--env-color-border-danger);
  }
  .env-badge[data-tone='done'] {
    --env-badge-tone: var(--env-color-fg-done);
    --env-badge-tint: var(--env-color-bg-done-muted);
    --env-badge-tonal: color-mix(in srgb, var(--env-color-bg-done-muted) 50%, transparent);
    --env-badge-fill: var(--env-color-bg-done-emphasis);
    --env-badge-edge: var(--env-color-border-done);
  }
  .env-badge:not([data-variant='solid'], [data-variant='outline'], [data-count]) {
    font-weight: var(--env-font-weight-semibold);
  }
  .env-badge[data-variant='solid'] {
    background: var(--env-badge-container, var(--env-badge-bg, var(--env-badge-fill)));
    color: var(--env-badge-content, var(--env-badge-fg, var(--env-badge-on-fill)));
  }
  .env-badge[data-variant='outline'] {
    --env-badge-edge-border: 0.0625rem solid var(--env-badge-edge);
    border: var(--env-badge-own-border, var(--env-badge-border, var(--env-badge-edge-border)));
    background: var(--env-badge-container, var(--env-badge-bg, transparent));
  }
  .env-badge .env-icon {
    --env-icon-size: 0.875rem;
  }
  .env-badge-label {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .env-badge[data-count] {
    position: relative;
    flex: 0 0 auto;
    min-inline-size: var(--env-badge-count-height);
    block-size: var(--env-badge-count-height);
    justify-content: center;
    padding-block: 0;
    --env-badge-count-padding-inline: 0.375rem;
    padding-inline: var(--env-badge-count-padding-inline);
    border: var(--env-badge-own-border, var(--env-badge-count-border, none));
    background: var(--env-badge-container, var(--env-badge-count-bg, var(--env-badge-soft)));
    color: var(--env-badge-content, var(--env-badge-count-fg, var(--env-badge-tone)));
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1 var(--env-font-family);
    font-variant-numeric: tabular-nums;
  }
  .env-badge[data-count][data-tone='neutral'] {
    --env-badge-tone: var(--env-color-fg-default);
  }
  .env-badge[data-count]:where([data-variant='solid']) {
    background: var(--env-badge-container, var(--env-badge-count-bg, var(--env-badge-fill)));
    color: var(--env-badge-content, var(--env-badge-count-fg, var(--env-color-fg-on-emphasis)));
  }
  .env-badge[data-count]:where([data-variant='outline']) {
    border: var(--env-badge-own-border, var(--env-badge-count-border, var(--env-badge-edge-border)));
    background: var(--env-badge-container, var(--env-badge-count-bg, transparent));
  }
  .env-diff-stat {
    box-sizing: border-box;
    position: relative;
    flex: 0 0 auto;
    block-size: var(--env-badge-count-height);
    display: inline-flex;
    align-items: center;
    gap: var(--env-space-1);
    --env-diff-stat-padding-inline: 0.375rem;
    padding-inline: var(--env-diff-stat-padding-inline);
    border: var(--env-diff-stat-border, none);
    border-radius: var(--env-radius-full);
    background: var(--env-diff-stat-bg, var(--env-color-bg-neutral-muted));
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1 var(--env-font-family);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    vertical-align: middle;
  }
  .env-diff-stat-additions {
    color: var(--env-diff-stat-fg, var(--env-color-fg-success));
  }
  .env-diff-stat-deletions {
    color: var(--env-diff-stat-fg, var(--env-color-fg-danger));
  }
  .env-badge-count-label,
  .env-diff-stat-label {
    --env-diff-stat-label-size: 0.0625rem;
    position: absolute;
    inline-size: var(--env-diff-stat-label-size);
    block-size: var(--env-diff-stat-label-size);
    margin: calc(-1 * var(--env-diff-stat-label-size));
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  [data-env-skeleton] .env-badge {
    --env-badge-underlay: initial;
    forced-color-adjust: none;
    border-color: transparent;
    box-shadow: none;
    --env-skeleton-shape: 1;
    background: var(--env-skeleton-paint);
  }
  [data-env-skeleton] .env-badge * {
    visibility: hidden;
  }
}
@layer env.components {
  .env-navigation-rail {
    --env-navigation-rail-width: 5rem;
    --env-navigation-rail-indicator-width: 2.75rem;
    --env-navigation-rail-indicator-height: 2rem;
    --env-navigation-rail-count-size: 1rem;
    box-sizing: border-box;
    inline-size: var(--env-navigation-rail-width);
    block-size: 100%;
    min-block-size: 0;
    padding-block: var(--env-space-3);
    background: var(--env-surface-color, var(--env-color-bg-default));
    color: var(--env-color-fg-default);
  }
  .env-navigation-rail[data-background='page'] {
    background: var(--env-surface-color, var(--env-color-bg-page));
  }
  .env-navigation-rail-header,
  .env-navigation-rail-footer {
    flex: none;
    inline-size: 100%;
  }
  .env-navigation-rail-footer {
    margin-block-start: auto;
  }
  .env-navigation-rail-list {
    inline-size: 100%;
    min-block-size: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
  }
  @property --env-navigation-rail-item-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-rail-item-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-rail-item-icon {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-rail-item-selected {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-rail-item-selected-content {
    syntax: '*';
    inherits: false;
  }
  .env-navigation-rail-item {
    --env-navigation-rail-item-layer: initial;
    --env-navigation-rail-item-content-gate: color-mix(
      in srgb,
      var(--env-navigation-rail-item-content) 0%,
      transparent
    );
    --env-navigation-rail-item-custom-base: var(
      --env-navigation-rail-item-container,
      var(--env-navigation-rail-item-content-gate)
    );
    --env-navigation-rail-item-custom-layered: color-mix(
      in srgb,
      var(--env-navigation-rail-item-custom-base),
      currentColor var(--env-navigation-rail-item-layer)
    );
    --env-navigation-rail-item-custom-fill: var(
      --env-navigation-rail-item-custom-layered,
      var(--env-navigation-rail-item-custom-base)
    );
    --env-navigation-rail-item-selected-gate: color-mix(
      in srgb,
      var(--env-navigation-rail-item-selected-content) 0%,
      var(--env-color-bg-selected)
    );
    --env-navigation-rail-item-selected-base: var(--env-navigation-rail-item-selected, var(--env-navigation-rail-item-selected-gate));
    --env-navigation-rail-item-selected-layered: color-mix(
      in srgb,
      var(--env-navigation-rail-item-selected-base),
      currentColor var(--env-navigation-rail-item-layer)
    );
    --env-navigation-rail-item-selected-fill: var(
      --env-navigation-rail-item-selected-layered,
      var(--env-navigation-rail-item-selected-base)
    );
    --env-navigation-rail-item-selected-icon: var(
      --env-navigation-rail-item-selected-content,
      var(--env-color-fg-on-selected)
    );
    --env-navigation-rail-item-icon-color: var(
      --env-navigation-rail-item-icon,
      var(--env-color-fg-muted)
    );
    --env-icon-size: var(--env-control-icon-size);
    box-sizing: border-box;
    inline-size: 100%;
    margin: 0;
    padding: var(--env-space-1) var(--env-space-1) var(--env-space-2);
    border: 0;
    border-radius: var(--env-radius-md);
    background: transparent;
    color: var(--env-navigation-rail-item-content, var(--env-color-fg-control));
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1.3 var(--env-font-family);
    text-align: center;
    text-decoration: none;
  }
  .env-navigation-rail-indicator {
    order: -1;
    position: relative;
    flex: none;
    inline-size: var(--env-navigation-rail-indicator-width);
    block-size: var(--env-navigation-rail-indicator-height);
    display: grid;
    place-items: center;
    border-radius: var(--env-radius-md);
    background: var(--env-navigation-rail-item-custom-fill, transparent);
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-navigation-rail-label {
    max-inline-size: 100%;
    overflow-wrap: break-word;
  }
  .env-navigation-rail-count {
    box-sizing: border-box;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: calc(50% + var(--env-space-1));
    min-inline-size: var(--env-navigation-rail-count-size);
    block-size: var(--env-navigation-rail-count-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--env-space-1);
    border-radius: var(--env-radius-full);
    background: var(--env-color-bg-primary-solid);
    color: var(--env-color-fg-on-emphasis);
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1 var(--env-font-family);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .env-navigation-rail-item:not([data-current]) .env-icon {
    color: var(--env-navigation-rail-item-icon-color, var(--env-color-fg-muted));
  }
  .env-navigation-rail-item:hover .env-navigation-rail-indicator {
    background: var(--env-navigation-rail-item-custom-fill, var(--env-color-bg-navigation-hover));
  }
  .env-navigation-rail-item:hover {
    --env-navigation-rail-item-layer: calc(var(--env-state-hover-opacity) * 100%);
  }
  .env-navigation-rail-item:active {
    --env-navigation-rail-item-layer: calc(var(--env-state-pressed-opacity) * 100%);
  }
  .env-navigation-rail-item[data-current]:hover {
    --env-navigation-rail-item-layer: calc(var(--env-state-hover-opacity) * 75%);
  }
  .env-navigation-rail-item[data-current]:active {
    --env-navigation-rail-item-layer: calc(var(--env-state-pressed-opacity) * 90%);
  }
  .env-navigation-rail-item:active .env-navigation-rail-indicator {
    background: var(--env-navigation-rail-item-custom-fill, var(--env-color-bg-navigation-pressed));
  }
  .env-navigation-rail-item[data-current] {
    color: var(--env-navigation-rail-item-content, var(--env-color-fg-default));
  }
  .env-navigation-rail-item[data-current] .env-navigation-rail-indicator {
    color: var(--env-navigation-rail-item-selected-icon, var(--env-color-fg-on-selected));
    background: var(--env-navigation-rail-item-selected-fill, var(--env-color-bg-selected));
  }
  .env-navigation-rail-item[data-current]:hover .env-navigation-rail-indicator {
    background: var(--env-navigation-rail-item-selected-fill, var(--env-color-bg-selected-hover));
  }
  .env-navigation-rail-item[data-current]:active .env-navigation-rail-indicator {
    background: var(--env-navigation-rail-item-selected-fill, var(--env-color-bg-selected-pressed));
  }
  .env-navigation-rail-item:focus-visible {
    outline: none;
  }
  .env-navigation-rail-item:focus-visible .env-navigation-rail-indicator {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: 2px;
  }
  @media (prefers-reduced-motion: reduce) {
    .env-navigation-rail-indicator {
      transition: none;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-navigation-rail-indicator {
      transition-property: background-color, transform;
    }
    .env-navigation-rail-item:active .env-navigation-rail-indicator {
      transform: scale(0.96);
    }
  }
  @media (forced-colors: active) {
    .env-navigation-rail {
      border-inline-end: 1px solid CanvasText;
    }
    .env-navigation-rail-item[data-current] .env-navigation-rail-indicator {
      forced-color-adjust: none;
      background-color: Highlight;
      color: HighlightText;
    }
    .env-navigation-rail-item[data-current] .env-navigation-rail-indicator :where(*) {
      color: inherit;
    }
    .env-navigation-rail-count {
      border: 1px solid CanvasText;
    }
    .env-navigation-rail-item[data-current] .env-navigation-rail-count {
      background: Canvas;
      color: CanvasText;
    }
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *) .env-navigation-rail-item {
    border-color: transparent;
    box-shadow: none;
    background: transparent;
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *) .env-navigation-rail-item,
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-rail-item
    :not(.env-navigation-rail-count) {
    --env-skeleton-shape: 0;
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *) .env-navigation-rail-item * {
    visibility: visible;
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-rail-item
    .env-icon
    * {
    visibility: hidden;
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-rail-indicator {
    background: transparent;
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-rail-item
    .env-navigation-rail-count {
    visibility: hidden;
  }
  .env-navigation-rail:is([data-env-skeleton], [data-env-skeleton] *) .env-navigation-rail-label {
    --env-skeleton-placeholder: inline-block;
    --env-skeleton-length: 3rem;
  }
}
@layer env.components {
  .env-resize-handle {
    position: relative;
    flex: 0 0 auto;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
  }
  .env-resize-handle[data-axis='inline'] {
    inline-size: var(--env-resize-handle-size, var(--env-space-2));
    cursor: col-resize;
  }
  .env-resize-handle[data-axis='block'] {
    block-size: var(--env-resize-handle-size, var(--env-space-2));
    cursor: row-resize;
  }
  .env-resize-handle[aria-disabled='true'] {
    cursor: default;
  }
  .env-resize-handle::after {
    content: '';
    display: block;
    position: absolute;
    background: transparent;
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-resize-handle[data-axis='inline']::after {
    inset-block: 0;
    inset-inline-start: calc(50% - var(--env-control-border-width));
    inline-size: calc(2 * var(--env-control-border-width));
  }
  .env-resize-handle[data-axis='block']::after {
    inset-inline: 0;
    inset-block-start: calc(50% - var(--env-control-border-width));
    block-size: calc(2 * var(--env-control-border-width));
  }
  .env-resize-handle:not([data-grip], [aria-disabled='true']):hover::after {
    background: var(--env-color-border-muted-hover);
    transition-delay: var(--env-motion-duration-medium);
  }
  .env-resize-handle:not([data-grip]):focus-visible::after,
  .env-resize-handle:not([data-grip])[data-resizing]::after {
    background: var(--env-color-border-focus);
    transition-delay: 0s;
  }
  .env-resize-handle[data-grip] {
    --env-resize-handle-grip-dot: 0.1875rem;
    --env-resize-handle-grip-length: calc(5 * var(--env-resize-handle-grip-dot));
    --env-resize-handle-grip-color: var(--env-color-border-default);
    border-radius: var(--env-radius-full);
  }
  .env-resize-handle[data-grip]::after {
    display: block;
    inset-block: calc(50% - var(--env-resize-handle-grip-length) / 2);
    inset-inline: 0;
    inline-size: auto;
    block-size: var(--env-resize-handle-grip-length);
    background:
      radial-gradient(closest-side, var(--env-resize-handle-grip-color) 80%, transparent) 50% 0 /
        var(--env-resize-handle-grip-dot) var(--env-resize-handle-grip-dot) no-repeat,
      radial-gradient(closest-side, var(--env-resize-handle-grip-color) 80%, transparent) 50% 50% /
        var(--env-resize-handle-grip-dot) var(--env-resize-handle-grip-dot) no-repeat,
      radial-gradient(closest-side, var(--env-resize-handle-grip-color) 80%, transparent) 50% 100% /
        var(--env-resize-handle-grip-dot) var(--env-resize-handle-grip-dot) no-repeat;
    transition: none;
  }
  .env-resize-handle[data-grip]:not([aria-disabled='true']):hover {
    --env-resize-handle-grip-color: var(--env-color-fg-muted);
  }
  .env-resize-handle[data-grip]:focus-visible,
  .env-resize-handle[data-grip][data-resizing] {
    --env-resize-handle-grip-color: var(--env-color-border-focus);
  }
  .env-resize-handle[data-grip]:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: -2px;
  }
  @media (pointer: coarse) {
    .env-resize-handle[data-axis='inline'] {
      inline-size: var(--env-resize-handle-size, var(--env-control-height-touch));
    }
    .env-resize-handle[data-axis='block'] {
      block-size: var(--env-resize-handle-size, var(--env-control-height-touch));
    }
  }
  @media (forced-colors: active) {
    .env-resize-handle:not([data-grip]):focus-visible::after,
    .env-resize-handle:not([data-grip])[data-resizing]::after {
      background: Highlight;
    }
    .env-resize-handle[data-grip] {
      --env-resize-handle-grip-color: CanvasText;
      forced-color-adjust: none;
    }
    .env-resize-handle[data-grip]:focus-visible,
    .env-resize-handle[data-grip][data-resizing] {
      --env-resize-handle-grip-color: Highlight;
    }
  }
}
@layer env.components {
  .env-navigation-drawer {
    --env-navigation-drawer-min-width: 15rem;
    --env-navigation-drawer-max-width: 20rem;
    box-sizing: border-box;
    inline-size: fit-content;
    min-inline-size: var(--env-navigation-drawer-min-width);
    max-inline-size: var(--env-navigation-drawer-max-width);
    block-size: 100%;
    min-block-size: 0;
    padding: var(--env-space-3);
    background: var(--env-surface-color, var(--env-color-bg-default));
    color: var(--env-color-fg-default);
  }
  .env-navigation-drawer[data-background='page'] {
    background: var(--env-surface-color, var(--env-color-bg-page));
  }
  .env-navigation-drawer-header,
  .env-navigation-drawer-footer {
    flex: none;
    min-inline-size: 0;
  }
  .env-navigation-drawer-footer {
    margin-block-start: auto;
  }
  .env-navigation-drawer-list,
  .env-navigation-drawer-section > ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .env-navigation-drawer-list {
    flex: 1 1 auto;
    min-block-size: 0;
    overflow-y: auto;
    scroll-padding-block: var(--env-space-1);
  }
  .env-navigation-drawer-list li {
    min-inline-size: 0;
  }
  .env-navigation-drawer-section:not(:first-child) {
    margin-block-start: var(--env-space-3);
  }
  .env-navigation-drawer-section:not(:last-child) {
    margin-block-end: var(--env-space-3);
  }
  .env-navigation-drawer-group-label {
    display: block;
    margin: 0;
    padding: var(--env-space-1) var(--env-space-3);
    color: var(--env-color-fg-default);
    font: var(--env-font-weight-semibold) var(--env-font-size-body-sm) / 1.4 var(--env-font-family);
    overflow-wrap: break-word;
  }
  .env-navigation-drawer[data-resizable] {
    position: relative;
    inline-size: var(--env-navigation-drawer-width);
    max-inline-size: min(var(--env-navigation-drawer-max-width), 50cqi);
  }
  .env-navigation-drawer[data-resizable]
    :is(.env-navigation-drawer-label, .env-navigation-drawer-group-label) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-wrap: normal;
  }
  .env-navigation-drawer > .env-navigation-drawer-resize-handle {
    --env-resize-handle-size: var(--env-space-3);
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }
  @media (pointer: coarse) {
    .env-navigation-drawer > .env-navigation-drawer-resize-handle {
      --env-resize-handle-size: var(--env-space-5);
    }
  }
  @property --env-navigation-drawer-item-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-drawer-item-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-drawer-item-icon {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-drawer-item-selected {
    syntax: '*';
    inherits: false;
  }
  @property --env-navigation-drawer-item-selected-content {
    syntax: '*';
    inherits: false;
  }
  .env-navigation-drawer-item {
    --env-navigation-drawer-item-layer: initial;
    --env-navigation-drawer-item-content-gate: color-mix(
      in srgb,
      var(--env-navigation-drawer-item-content) 0%,
      transparent
    );
    --env-navigation-drawer-item-custom-base: var(
      --env-navigation-drawer-item-container,
      var(--env-navigation-drawer-item-content-gate)
    );
    --env-navigation-drawer-item-custom-layered: color-mix(
      in srgb,
      var(--env-navigation-drawer-item-custom-base),
      currentColor var(--env-navigation-drawer-item-layer)
    );
    --env-navigation-drawer-item-custom-fill: var(
      --env-navigation-drawer-item-custom-layered,
      var(--env-navigation-drawer-item-custom-base)
    );
    --env-navigation-drawer-item-selected-gate: color-mix(
      in srgb,
      var(--env-navigation-drawer-item-selected-content) 0%,
      var(--env-color-bg-selected)
    );
    --env-navigation-drawer-item-selected-base: var(
      --env-navigation-drawer-item-selected,
      var(--env-navigation-drawer-item-selected-gate)
    );
    --env-navigation-drawer-item-selected-layered: color-mix(
      in srgb,
      var(--env-navigation-drawer-item-selected-base),
      currentColor var(--env-navigation-drawer-item-layer)
    );
    --env-navigation-drawer-item-selected-fill: var(
      --env-navigation-drawer-item-selected-layered,
      var(--env-navigation-drawer-item-selected-base)
    );
    --env-navigation-drawer-item-icon-color: var(
      --env-navigation-drawer-item-icon,
      var(--env-color-fg-muted)
    );
    --env-navigation-drawer-item-height: var(--env-control-height);
    --env-icon-size: var(--env-control-icon-size);
    box-sizing: border-box;
    inline-size: 100%;
    min-block-size: var(--env-navigation-drawer-item-height);
    margin: 0;
    padding: var(--env-space-1) var(--env-space-3);
    border: 0;
    border-radius: var(--env-radius-md);
    background: var(--env-navigation-drawer-item-custom-fill, transparent);
    color: var(--env-navigation-drawer-item-content, var(--env-color-fg-muted));
    font: var(--env-font-weight-body) var(--env-font-size-body) / 1.4 var(--env-font-family);
    text-align: start;
    text-decoration: none;
    overflow-wrap: break-word;
    transition:
      background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter),
      color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-navigation-drawer-item > .env-icon {
    flex: none;
  }
  .env-navigation-drawer-label {
    flex: 1 1 auto;
    min-inline-size: 0;
  }
  .env-navigation-drawer-count {
    box-sizing: border-box;
    flex: none;
    margin-inline-start: auto;
    min-inline-size: var(--env-badge-count-height);
    block-size: var(--env-badge-count-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--env-space-2);
    border-radius: var(--env-radius-full);
    background: var(--env-color-bg-neutral-muted);
    color: var(--env-color-fg-default);
    font: var(--env-font-weight-medium) var(--env-font-size-caption) / 1 var(--env-font-family);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .env-navigation-drawer-item:not([data-current]) .env-icon {
    color: var(--env-navigation-drawer-item-icon-color, var(--env-color-fg-muted));
  }
  .env-navigation-drawer-item:hover {
    --env-navigation-drawer-item-layer: calc(var(--env-state-hover-opacity) * 100%);
    color: var(--env-navigation-drawer-item-content, var(--env-color-fg-muted-hover));
    background: var(--env-navigation-drawer-item-custom-fill, var(--env-color-bg-navigation-hover));
  }
  .env-navigation-drawer-item:active {
    --env-navigation-drawer-item-layer: calc(var(--env-state-pressed-opacity) * 100%);
    color: var(--env-navigation-drawer-item-content, var(--env-color-fg-muted-pressed));
    background: var(
      --env-navigation-drawer-item-custom-fill,
      var(--env-color-bg-navigation-pressed)
    );
  }
  .env-navigation-drawer-item[data-current] {
    color: var(--env-navigation-drawer-item-selected-content, var(--env-color-fg-on-selected));
    background: var(--env-navigation-drawer-item-selected-fill, var(--env-color-bg-selected));
  }
  .env-navigation-drawer-item[data-current]:hover {
    --env-navigation-drawer-item-layer: calc(var(--env-state-hover-opacity) * 75%);
    background: var(--env-navigation-drawer-item-selected-fill, var(--env-color-bg-selected-hover));
  }
  .env-navigation-drawer-item[data-current]:active {
    --env-navigation-drawer-item-layer: calc(var(--env-state-pressed-opacity) * 90%);
    background: var(
      --env-navigation-drawer-item-selected-fill,
      var(--env-color-bg-selected-pressed)
    );
  }
  .env-navigation-drawer-item:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: -2px;
  }
  .env-navigation-drawer-branch {
    --env-navigation-drawer-toggle-size: calc(var(--env-control-height) - 2 * var(--env-space-1));
    --env-navigation-drawer-indent: var(--env-space-4);
  }
  .env-navigation-drawer-branch:has(
    > .env-navigation-drawer-item > .env-navigation-drawer-label:not(:first-child),
    > .env-navigation-drawer-branch-row
      > .env-navigation-drawer-item
      > .env-navigation-drawer-label:not(:first-child)
  ) {
    --env-navigation-drawer-indent: calc(
      var(--env-control-icon-size) + var(--env-space-3) + var(--env-space-4)
    );
  }
  .env-navigation-drawer-branch-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
  .env-navigation-drawer-branch-row > .env-navigation-drawer-item {
    grid-area: 1 / 1 / 2 / 3;
    padding-inline-end: calc(var(--env-navigation-drawer-toggle-size) + var(--env-space-2));
  }
  .env-navigation-drawer-toggle {
    box-sizing: border-box;
    grid-area: 1 / 2;
    display: inline-grid;
    place-items: center;
    inline-size: var(--env-navigation-drawer-toggle-size);
    block-size: var(--env-navigation-drawer-toggle-size);
    margin: var(--env-space-1);
    padding: 0;
    border: 0;
    border-radius: var(--env-radius-full);
    background: transparent;
    color: var(--env-color-fg-muted);
    cursor: pointer;
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-navigation-drawer-branch-row:has(> [data-current]) > .env-navigation-drawer-toggle {
    color: var(--env-navigation-drawer-item-selected-content, var(--env-color-fg-on-selected));
  }
  .env-navigation-drawer-toggle:hover {
    background: color-mix(
      in srgb,
      currentColor calc(var(--env-state-hover-opacity) * 100%),
      transparent
    );
  }
  .env-navigation-drawer-toggle:active {
    background: color-mix(
      in srgb,
      currentColor calc(var(--env-state-pressed-opacity) * 100%),
      transparent
    );
  }
  .env-navigation-drawer-toggle:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: -2px;
  }
  .env-navigation-drawer-branch > .env-navigation-drawer-item {
    padding-inline-end: calc(
      var(--env-space-1) +
        (var(--env-navigation-drawer-toggle-size) - var(--env-control-icon-size)) / 2
    );
  }
  .env-navigation-drawer-item > .env-navigation-drawer-chevron {
    margin-inline-start: auto;
  }
  .env-navigation-drawer-chevron {
    inline-size: var(--env-control-icon-size);
    block-size: var(--env-control-icon-size);
    transform: rotate(90deg);
  }
  .env-navigation-drawer-item[aria-expanded='true'] > .env-navigation-drawer-chevron,
  .env-navigation-drawer-toggle[aria-expanded='true'] > .env-navigation-drawer-chevron {
    transform: rotate(270deg);
  }
  .env-navigation-drawer-children {
    display: flex;
    flex-direction: column;
    gap: var(--env-space-1);
    margin: 0;
    padding: 0;
    padding-inline-start: var(--env-navigation-drawer-indent);
    list-style: none;
    block-size: var(--collapsible-panel-height, auto);
    overflow: hidden;
    transition:
      block-size var(--env-motion-duration-medium) var(--env-motion-ease),
      opacity var(--env-motion-duration-fast) var(--env-motion-ease);
  }
  .env-navigation-drawer-children > li:first-child {
    margin-block-start: var(--env-space-1);
  }
  .env-navigation-drawer-children:is([data-starting-style], [data-ending-style]) {
    block-size: 0;
    opacity: 0;
  }
  .env-navigation-drawer-children[hidden]:not([hidden='until-found']) {
    display: none;
  }
  .env-navigation-drawer-children[hidden='until-found'] {
    content-visibility: hidden;
  }
  @media (pointer: coarse) {
    .env-navigation-drawer-item {
      --env-navigation-drawer-item-height: max(
        var(--env-control-height),
        var(--env-control-height-touch)
      );
    }
    .env-navigation-drawer-branch {
      --env-navigation-drawer-toggle-size: calc(
        max(var(--env-control-height), var(--env-control-height-touch)) - 2 * var(--env-space-1)
      );
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .env-navigation-drawer-item,
    .env-navigation-drawer-toggle,
    .env-navigation-drawer-children {
      transition: none;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-navigation-drawer-chevron {
      transition: transform var(--env-motion-duration-medium) var(--env-motion-ease);
    }
    .env-navigation-drawer-children[data-ending-style] {
      transition:
        block-size var(--env-motion-duration-medium) var(--env-motion-ease),
        opacity var(--env-motion-duration-medium) var(--env-motion-ease);
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-navigation-drawer-item {
      transition-property: background-color, color, transform;
    }
    .env-navigation-drawer-item:active {
      transform: scale(0.98);
    }
  }
  @media (forced-colors: active) {
    .env-navigation-drawer {
      border-inline-end: 1px solid CanvasText;
    }
    .env-navigation-drawer-item[data-current] {
      forced-color-adjust: none;
      background-color: Highlight;
      color: HighlightText;
    }
    .env-navigation-drawer-item[data-current] :where(*) {
      color: inherit;
    }
    .env-navigation-drawer-item[data-current]:focus-visible {
      outline-color: HighlightText;
    }
    .env-navigation-drawer-count {
      border: 1px solid CanvasText;
    }
    .env-navigation-drawer-item[data-current] .env-navigation-drawer-count {
      background: Canvas;
      color: CanvasText;
    }
  }
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-drawer-item {
    border-color: transparent;
    box-shadow: none;
    background: transparent;
  }
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *) .env-navigation-drawer-item,
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-drawer-item
    :not(.env-navigation-drawer-count) {
    --env-skeleton-shape: 0;
  }
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-drawer-item
    * {
    visibility: visible;
  }
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-drawer-item
    .env-icon
    * {
    visibility: hidden;
  }
  [data-env-skeleton] .env-navigation-drawer-count {
    forced-color-adjust: none;
    border-color: transparent;
    --env-skeleton-shape: 1;
    background: var(--env-skeleton-paint);
  }
  [data-env-skeleton] .env-navigation-drawer-count * {
    visibility: hidden;
  }
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-drawer-toggle {
    visibility: hidden;
  }
  .env-navigation-drawer:is([data-env-skeleton], [data-env-skeleton] *)
    .env-navigation-drawer-label {
    --env-skeleton-placeholder: inline-block;
    --env-skeleton-length: 8rem;
  }
}
@layer env.components {
  .env-pager {
    box-sizing: border-box;
    inline-size: 100%;
  }
  .env-pager > .env-pager-link {
    flex: 0 1 auto;
  }
  .env-pager-link {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: var(--env-space-4);
    inline-size: fit-content;
    min-inline-size: 0;
    max-inline-size: 100%;
    min-block-size: var(--env-control-height-touch);
    margin: 0;
    padding: var(--env-space-3) var(--env-space-4);
    border: 1px solid var(--env-color-border-muted);
    border-radius: var(--env-radius-lg);
    background: var(--env-color-bg-raised);
    color: var(--env-color-fg-default);
    font: var(--env-type-body);
    text-align: start;
    text-decoration: none;
    transition:
      background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter),
      border-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-pager-link-copy {
    display: grid;
    gap: var(--env-space-1);
    min-inline-size: 0;
    flex: 1 1 auto;
    overflow-wrap: break-word;
  }
  .env-pager-link-label {
    color: var(--env-color-fg-muted);
    font: var(--env-type-body-sm);
  }
  .env-pager-link-title {
    font: var(--env-type-title);
    letter-spacing: var(--env-type-title-letter-spacing);
  }
  .env-pager-link .env-icon {
    --env-icon-size: 1.25rem;
    color: var(--env-color-fg-primary);
  }
  .env-pager-link:hover {
    background: var(--env-color-bg-raised-hover);
    border-color: var(--env-color-border-muted-hover);
  }
  .env-pager-link:active {
    background: var(--env-color-bg-raised-pressed);
    border-color: var(--env-color-border-muted-pressed);
  }
  .env-pager-link:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: 2px;
  }
  @media (prefers-reduced-motion: reduce) {
    .env-pager-link {
      transition: none;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-pager-link {
      transition-property: background-color, color, border-color, transform;
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-enter);
    }
    .env-pager-link:active:not([aria-disabled='true']) {
      transform: scale(0.99);
    }
  }
}
@layer env.components {
  .env-breadcrumbs {
    min-inline-size: 0;
  }
  .env-breadcrumbs-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--env-type-body-sm);
  }
  .env-breadcrumbs[data-nowrap] > .env-breadcrumbs-list > .env-breadcrumbs-item:not(:last-child) {
    flex-shrink: 0;
  }
  .env-breadcrumbs-link,
  .env-breadcrumbs-text,
  .env-breadcrumbs-current {
    --env-breadcrumbs-crumb-max-width: 20rem;
    min-inline-size: 0;
    max-inline-size: var(--env-breadcrumbs-crumb-max-width);
    display: inline-flex;
    padding: calc(var(--env-space-1) / 2) var(--env-space-1);
    border-radius: var(--env-radius-sm);
  }
  .env-breadcrumbs-link {
    border: 0;
    background: transparent;
    color: var(--env-color-fg-muted);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-breadcrumbs-link:hover {
    color: var(--env-color-fg-default);
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
  .env-breadcrumbs-link:focus-visible,
  .env-breadcrumbs-text:focus-visible,
  .env-breadcrumbs-current:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: calc(var(--env-space-1) / 2);
  }
  .env-breadcrumbs-text {
    color: var(--env-color-fg-muted);
  }
  .env-breadcrumbs-current {
    color: var(--env-color-fg-default);
    font-weight: var(--env-font-weight-medium);
  }
  .env-breadcrumbs-label {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .env-breadcrumbs-separator {
    margin-inline: calc(var(--env-space-1) / 2);
    color: var(--env-color-fg-muted);
  }
  .env-breadcrumbs-separator:dir(rtl) {
    transform: scaleX(-1);
  }
}
@layer env.components {
  .env-table-of-contents {
    --env-table-of-contents-indent: var(--env-space-3);
    --env-table-of-contents-stroke: var(--env-space-5);
    --env-table-of-contents-room: var(--env-space-4);
    min-inline-size: 0;
    font: var(--env-type-body-sm);
  }
  .env-table-of-contents[hidden] {
    display: none;
  }
  .env-table-of-contents-body {
    position: relative;
    padding-block: var(--env-table-of-contents-room);
  }
  .env-table-of-contents-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .env-table-of-contents-link {
    --env-table-of-contents-inset: calc(
      var(--env-table-of-contents-depth, 0) * var(--env-table-of-contents-indent)
    );
    display: block;
    padding-block: var(--env-space-1);
    padding-inline: calc(
        var(--env-space-1) + var(--env-table-of-contents-stroke) + var(--env-space-3) +
          var(--env-table-of-contents-inset)
      )
      var(--env-space-2);
    border-radius: var(--env-radius-sm);
    color: var(--env-color-fg-muted);
    text-decoration: none;
    transition: color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
    overflow-wrap: break-word;
  }
  .env-table-of-contents-link:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: -2px;
  }
  .env-table-of-contents-wave {
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--env-space-1);
    inline-size: var(--env-table-of-contents-stroke);
    block-size: 100%;
    overflow: visible;
    pointer-events: none;
  }
  .env-table-of-contents-wave path {
    fill: var(--env-color-bg-neutral-muted);
  }
  .env-table-of-contents-wave:dir(rtl) {
    scale: -1 1;
  }
  .env-table-of-contents .env-table-of-contents-link:not([aria-current]) {
    color: color-mix(in srgb, var(--env-color-fg-muted) 85%, transparent);
  }
  :where([data-env-contrast='high'])
    .env-table-of-contents
    .env-table-of-contents-link:not([aria-current]) {
    color: var(--env-color-fg-muted);
  }
  @media (prefers-contrast: more) {
    :where(.env-theme:not([data-env-contrast='standard']))
      .env-table-of-contents
      .env-table-of-contents-link:not([aria-current]) {
      color: var(--env-color-fg-muted);
    }
  }
  .env-table-of-contents .env-table-of-contents-link[aria-current='location'] {
    color: var(--env-color-fg-default);
    -webkit-text-stroke: 0.025em currentColor;
  }
  .env-table-of-contents .env-table-of-contents-link:hover:is(*, [aria-current]) {
    color: var(--env-color-fg-default);
  }
  .env-table-of-contents .env-table-of-contents-link:active:is(*, [aria-current]) {
    color: var(--env-color-fg-muted-pressed);
  }
  .env-table-of-contents-link:is(:hover, :active) {
    transition: color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  @media (prefers-reduced-motion: reduce) {
    .env-table-of-contents-link {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .env-table-of-contents-link[aria-current='location'] {
      forced-color-adjust: none;
      color: Highlight;
    }
    .env-table-of-contents-wave {
      forced-color-adjust: none;
    }
    .env-table-of-contents-wave path {
      fill: CanvasText;
    }
  }
}
@layer env.components {
  .env-disclosure {
    --env-disclosure-indicator-size: var(--env-icon-size-sm);
    --env-disclosure-gap: var(--env-space-1);
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-wrap: break-word;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--env-color-fg-muted);
    font: var(--env-type-body-sm);
  }
  .env-disclosure > summary {
    display: flex;
    align-items: flex-start;
    gap: var(--env-disclosure-gap);
    list-style: none;
    white-space: normal;
    cursor: pointer;
    width: fit-content;
    max-width: 100%;
    margin-inline: calc(-1 * var(--env-space-1));
    padding-inline: var(--env-space-1);
    border-radius: var(--env-radius-sm);
    transition:
      background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter),
      color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-disclosure > summary::-webkit-details-marker {
    display: none;
  }
  .env-disclosure-indicator.env-icon {
    --env-icon-size: var(--env-disclosure-indicator-size);
    block-size: 1lh;
  }
  .env-disclosure-indicator > svg {
    block-size: var(--env-disclosure-indicator-size);
  }
  .env-disclosure-indicator:dir(rtl) {
    transform: scaleX(-1);
  }
  .env-disclosure[open] > summary > .env-disclosure-indicator {
    transform: rotate(90deg);
  }
  .env-disclosure[open] > summary > .env-disclosure-indicator:dir(rtl) {
    transform: scaleX(-1) rotate(90deg);
  }
  .env-disclosure > summary:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: 2px;
  }
  .env-disclosure > summary:hover {
    background: color-mix(in srgb, var(--env-color-bg-neutral-subtle-hover) 70%, transparent);
    color: var(--env-color-fg-muted-hover);
  }
  .env-disclosure > summary:active {
    background: var(--env-color-bg-neutral-subtle-pressed);
    color: var(--env-color-fg-muted-pressed);
  }
  @media (prefers-reduced-motion: reduce) {
    .env-disclosure > summary {
      transition: none;
    }
  }
  @media (pointer: coarse) {
    .env-disclosure > summary {
      min-block-size: var(--env-control-height-touch);
      align-items: center;
    }
  }
  .env-disclosure-panel {
    margin-block: var(--env-space-2) 0;
    margin-inline: calc(var(--env-disclosure-indicator-size) + var(--env-disclosure-gap)) 0;
    color: inherit;
    font: inherit;
  }
  .env-disclosure-panel > :where(p:not(.env-text)) {
    color: inherit;
    font: inherit;
  }
  .env-disclosure-panel > :is(ul, ol) {
    padding-inline-start: var(--env-space-5);
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-disclosure[open] > .env-disclosure-panel {
      animation: env-motion-fade-in var(--env-motion-duration-fast) var(--env-motion-ease);
    }
    .env-disclosure-indicator {
      transition: transform var(--env-motion-duration-medium) var(--env-motion-ease);
    }
    @supports (block-size: calc-size(auto, size)) {
      .env-disclosure[open] > .env-disclosure-panel {
        animation: none;
      }
      .env-disclosure::details-content {
        display: flow-root;
        block-size: 0;
        overflow: clip;
        overflow-clip-margin: var(--env-space-1);
        opacity: 0;
        transition:
          block-size var(--env-motion-duration-medium) var(--env-motion-ease),
          opacity var(--env-motion-duration-fast) var(--env-motion-ease),
          content-visibility var(--env-motion-duration-medium) allow-discrete;
      }
      .env-disclosure[open]::details-content {
        block-size: calc-size(auto, size);
        opacity: 1;
      }
    }
  }
}
@layer env.components {
  @property --env-alert-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-alert-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-alert-outline {
    syntax: '*';
    inherits: false;
  }
  @property --env-alert-icon {
    syntax: '*';
    inherits: false;
  }
  .env-alert {
    --env-alert-icon-color: var(--env-alert-icon, var(--env-alert-icon-default));
    --env-alert-text-color: var(--env-alert-content, var(--env-color-fg-default));
    --env-alert-custom: var(--env-alert-container, var(--env-alert-icon));
    --env-alert-custom-hover: color-mix(
      in srgb,
      var(--env-alert-custom) 0%,
      color-mix(in srgb, transparent, currentColor 14%)
    );
    --env-alert-custom-pressed: color-mix(
      in srgb,
      var(--env-alert-custom) 0%,
      color-mix(in srgb, transparent, currentColor 22%)
    );
    --env-color-fg-link: var(--env-color-fg-link-on-muted);
    --env-color-fg-link-hover: var(--env-color-fg-link-on-muted-hover);
    --env-color-fg-link-pressed: var(--env-color-fg-link-on-muted-pressed);
    --env-alert-icon-default: var(--env-color-fg-primary);
    --env-alert-fill: var(--env-color-bg-primary-muted);
    --env-alert-hover: var(--env-color-bg-primary-subtle-hover);
    --env-alert-pressed: var(--env-color-bg-primary-subtle-pressed);
    --env-alert-ground: light-dark(var(--env-color-bg-raised), transparent);
    --env-alert-radius: var(--env-radius-lg);
    --env-alert-high-contrast-edge: var(--env-theme-high-contrast) var(--env-color-border-default);
    box-sizing: border-box;
    padding-block: calc(var(--env-space-4) - var(--env-space-1) / 2);
    border: 1px solid var(--env-alert-outline, var(--env-alert-high-contrast-edge, transparent));
    border-radius: var(--env-alert-radius);
    background: var(
      --env-alert-container,
      linear-gradient(var(--env-alert-fill), var(--env-alert-fill)) var(--env-alert-ground)
    );
    color: var(--env-alert-text-color);
    font: var(--env-type-body);
    overflow-wrap: break-word;
  }
  .env-alert[data-tone='success'] {
    --env-alert-icon-default: var(--env-color-fg-success);
    --env-alert-fill: var(--env-color-bg-success-muted);
    --env-alert-hover: var(--env-color-bg-success-subtle-hover);
    --env-alert-pressed: var(--env-color-bg-success-subtle-pressed);
  }
  .env-alert[data-tone='warning'] {
    --env-alert-icon-default: var(--env-color-fg-warning);
    --env-alert-fill: var(--env-color-bg-warning-muted);
    --env-alert-hover: var(--env-color-bg-warning-subtle-hover);
    --env-alert-pressed: var(--env-color-bg-warning-subtle-pressed);
  }
  .env-alert[data-tone='danger'] {
    --env-alert-icon-default: var(--env-color-fg-danger);
    --env-alert-fill: var(--env-color-bg-danger-muted);
    --env-alert-hover: var(--env-color-bg-danger-subtle-hover);
    --env-alert-pressed: var(--env-color-bg-danger-subtle-pressed);
  }
  .env-alert-icon {
    grid-column: 1;
    display: grid;
    place-items: center;
    block-size: 1lh;
    color: var(--env-alert-icon-color);
  }
  .env-alert-icon .env-icon {
    --env-icon-size: 1.25rem;
  }
  .env-alert-content {
    grid-column: 2;
    row-gap: calc(var(--env-space-1) / 2);
  }
  .env-alert-title {
    color: var(--env-alert-text-color);
    font: var(--env-font-weight-semibold) var(--env-font-size-body) / 1.4 var(--env-font-family);
  }
  .env-alert-message {
    color: var(--env-alert-text-color);
    font: var(--env-type-body-sm);
  }
  .env-alert-action {
    --env-color-bg-neutral-muted: light-dark(
      var(--env-color-bg-muted),
      color-mix(in srgb, var(--env-alert-pressed), var(--env-color-fg-default) 12%)
    );
    --env-color-bg-neutral-muted-hover: light-dark(
      var(--env-color-bg-muted-hover),
      color-mix(in srgb, var(--env-alert-pressed), var(--env-color-fg-default) 20%)
    );
    --env-color-bg-neutral-muted-pressed: light-dark(
      var(--env-color-bg-muted-pressed),
      color-mix(in srgb, var(--env-alert-pressed), var(--env-color-fg-default) 28%)
    );
    --env-color-fg-default: var(--env-alert-text-color);
    --env-color-fg-link: var(--env-alert-text-color);
    --env-color-fg-link-hover: var(--env-alert-text-color);
    --env-color-fg-link-pressed: var(--env-alert-text-color);
    --env-color-border-default: color-mix(in srgb, var(--env-alert-icon-color) 55%, transparent);
    --env-color-border-default-hover: color-mix(
      in srgb,
      var(--env-alert-icon-color) 75%,
      transparent
    );
    --env-color-border-default-pressed: var(--env-alert-icon-color);
    --env-color-bg-neutral-subtle-hover: var(--env-alert-custom-hover, var(--env-alert-hover));
    --env-color-bg-neutral-subtle-pressed: var(
      --env-alert-custom-pressed,
      var(--env-alert-pressed)
    );
    margin-block-start: var(--env-space-2);
  }
  .env-alert[data-tone='warning'] .env-alert-action {
    --env-color-bg-neutral-muted: light-dark(
      var(--env-color-bg-muted),
      color-mix(in srgb, var(--env-color-fg-default) 16%, transparent)
    );
    --env-color-bg-neutral-muted-hover: light-dark(
      var(--env-color-bg-muted-hover),
      color-mix(in srgb, var(--env-color-fg-default) 22%, transparent)
    );
    --env-color-bg-neutral-muted-pressed: light-dark(
      var(--env-color-bg-muted-pressed),
      color-mix(in srgb, var(--env-color-fg-default) 30%, transparent)
    );
  }
  .env-alert-dismiss {
    --env-icon-button-hit-area: var(--env-control-height-touch);
    --env-alert-dismiss-height: var(--env-control-height-sm);
    grid-column: 3;
    margin-block: calc((1.4 * var(--env-font-size-body) - var(--env-alert-dismiss-height)) / 2);
    margin-inline-end: calc(-1 * var(--env-space-2));
    border-radius: 50%;
    color: var(--env-alert-icon-color);
  }
  @media (pointer: coarse) {
    .env-alert-dismiss {
      --env-alert-dismiss-height: max(var(--env-control-height-sm), var(--env-control-height-touch));
    }
  }
  .env-alert-dismiss:focus-visible {
    --env-alert-dismiss-ring: 0.125rem;
    outline-offset: calc(-1 * var(--env-alert-dismiss-ring));
  }
  .env-alert-dismiss:hover:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-alert-custom-hover, var(--env-alert-hover));
    color: var(--env-alert-icon-color);
  }
  .env-alert-dismiss:active:not(:disabled):not([aria-disabled='true']) {
    background: var(--env-alert-custom-pressed, var(--env-alert-pressed));
    color: var(--env-alert-icon-color);
  }
  .env-alert-title:empty:not([data-env-skeleton] *),
  .env-alert-message:empty:not([data-env-skeleton] *) {
    display: none;
  }
  [data-env-skeleton] :is(.env-alert-title, .env-alert-message) {
    --env-skeleton-placeholder: inline-block;
  }
  [data-env-skeleton] .env-alert-title {
    --env-skeleton-length: 12rem;
  }
  [data-env-skeleton] .env-alert-message {
    --env-skeleton-length: 24rem;
  }
}
@layer env.components {
  .env-sheet-viewport {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    z-index: var(--env-z-modal);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    place-items: stretch end;
    container: env-window / inline-size;
    pointer-events: none;
  }
  .env-sheet-viewport[data-side='start'] {
    place-items: stretch start;
  }
  .env-sheet-viewport[data-side='bottom'] {
    place-items: end center;
    padding-block-start: max(var(--env-space-8), env(safe-area-inset-top));
  }
  .env-sheet {
    --env-sheet-width: 24rem;
    --env-sheet-bottom-width: 40rem;
    --env-sheet-swipe-x: var(--drawer-swipe-movement-x, 0rem);
    --env-sheet-swipe-y: var(--drawer-swipe-movement-y, 0rem);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-block-size: none;
    outline: none;
    transform: translate(var(--env-sheet-swipe-x), var(--env-sheet-swipe-y));
    transition: opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter);
  }
  .env-sheet > .env-dialog-content {
    flex: 0 1 auto;
    min-block-size: 0;
  }
  .env-sheet > .env-dialog-content > :not(.env-sheet-body),
  .env-sheet-body > * {
    flex-shrink: 0;
  }
  .env-sheet:is([data-side='start'], [data-side='end']) > .env-dialog-content {
    flex-grow: 1;
  }
  .env-sheet:is([data-side='start'], [data-side='end'])
    > .env-dialog-content
    > .env-dialog-actions {
    margin-block-start: auto;
  }
  .env-sheet-body {
    flex: 0 1 auto;
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: calc(-1 * var(--env-space-1));
    padding: var(--env-space-1);
  }
  .env-sheet:is([data-side='start'], [data-side='end']) {
    inline-size: 100%;
    block-size: 100%;
    border-block-width: 0;
    border-inline-width: 0;
    padding-block-start: max(var(--env-space-5), env(safe-area-inset-top));
    padding-block-end: max(var(--env-space-5), env(safe-area-inset-bottom));
    padding-inline: max(var(--env-space-5), env(safe-area-inset-left), env(safe-area-inset-right));
  }
  .env-sheet[data-width='custom']:not([data-side='bottom']) {
    inline-size: min(var(--env-sheet-width), 100%);
  }
  .env-sheet[data-side='bottom'] {
    inline-size: min(var(--env-sheet-bottom-width), 100%);
    max-block-size: 100%;
    border-block-end-width: 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    padding-block-end: max(var(--env-space-5), env(safe-area-inset-bottom));
  }
  @container env-window (width >= 37.5rem) {
    .env-sheet[data-width='md']:not([data-side='bottom']) {
      inline-size: min(var(--env-sheet-width), 100%);
    }
    .env-sheet[data-width='md'][data-side='end'] {
      border-inline-start-width: var(--env-control-border-width);
      padding-inline: var(--env-space-5) max(var(--env-space-5), env(safe-area-inset-right));
    }
    .env-sheet[data-width='md'][data-side='start'] {
      border-inline-end-width: var(--env-control-border-width);
      padding-inline: max(var(--env-space-5), env(safe-area-inset-left)) var(--env-space-5);
    }
  }
  @container env-window (width >= 52.5rem) {
    .env-sheet[data-width='lg']:not([data-side='bottom']) {
      --env-sheet-width: 44rem;
      inline-size: min(var(--env-sheet-width), 100%);
    }
    .env-sheet[data-width='lg'][data-side='end'] {
      border-inline-start-width: var(--env-control-border-width);
      padding-inline: var(--env-space-5) max(var(--env-space-5), env(safe-area-inset-right));
    }
    .env-sheet[data-width='lg'][data-side='start'] {
      border-inline-end-width: var(--env-control-border-width);
      padding-inline: max(var(--env-space-5), env(safe-area-inset-left)) var(--env-space-5);
    }
  }
  .env-sheet[data-side='end']:dir(rtl),
  .env-sheet[data-side='start']:dir(rtl) {
    padding-inline: max(var(--env-space-5), env(safe-area-inset-left), env(safe-area-inset-right));
  }
  .env-sheet-viewport .env-sheet {
    --env-surface-color: var(--env-color-bg-default);
    --env-sheet-edge: var(--env-theme-high-contrast) var(--env-elevation-3-border);
    border-color: var(--env-sheet-edge, transparent);
  }
  .env-sheet[data-resizable]:is([data-side='start'], [data-side='end']) {
    --env-sheet-padding-inline: max(
      var(--env-space-5),
      env(safe-area-inset-left),
      env(safe-area-inset-right)
    );
    --env-sheet-padding-block-start: max(var(--env-space-5), env(safe-area-inset-top));
    --env-sheet-padding-block-end: max(var(--env-space-5), env(safe-area-inset-bottom));
    inline-size: min(var(--env-sheet-width), 100%);
    padding: var(--env-sheet-padding-block-start) var(--env-sheet-padding-inline)
      var(--env-sheet-padding-block-end);
  }
  .env-sheet[data-resizable][data-side='end'] {
    border-inline-start-width: var(--env-control-border-width);
  }
  .env-sheet[data-resizable][data-side='start'] {
    border-inline-end-width: var(--env-control-border-width);
  }
  .env-sheet[data-resizable] > .env-dialog-content {
    position: relative;
    min-block-size: 100%;
  }
  .env-sheet[data-resizable] .env-sheet-resize-handle {
    --env-resize-handle-size: var(--env-space-4);
    position: absolute;
    inset-block: calc(-1 * var(--env-sheet-padding-block-start))
      calc(-1 * var(--env-sheet-padding-block-end));
  }
  .env-sheet[data-resizable] .env-sheet-resize-handle::after {
    position: sticky;
  }
  .env-sheet[data-resizable][data-side='end'] .env-sheet-resize-handle {
    inset-inline-start: calc(-1 * var(--env-sheet-padding-inline));
  }
  .env-sheet[data-resizable][data-side='start'] .env-sheet-resize-handle {
    inset-inline-end: calc(-1 * var(--env-sheet-padding-inline));
  }
  @media (pointer: coarse) {
    .env-sheet[data-resizable] .env-sheet-resize-handle {
      --env-resize-handle-size: var(--env-space-5);
    }
  }
  .env-sheet[data-starting-style],
  .env-sheet[data-ending-style] {
    opacity: 0;
  }
  .env-sheet[data-ending-style] {
    transition-duration: var(--env-motion-duration-fast);
    transition-timing-function: var(--env-motion-ease-exit);
  }
  .env-sheet[data-swiping] {
    transition: none;
    user-select: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-sheet {
      --env-sheet-offset-x: 2rem;
      --env-sheet-offset-y: 0rem;
      transition:
        opacity var(--env-motion-duration-fast) var(--env-motion-ease-enter),
        transform var(--env-motion-duration-slow) var(--env-motion-ease-enter);
    }
    .env-sheet:is([data-side='start'], [data-side='end']:dir(rtl)) {
      --env-sheet-offset-x: -2rem;
    }
    .env-sheet[data-side='start']:dir(rtl) {
      --env-sheet-offset-x: 2rem;
    }
    .env-sheet[data-side='bottom'] {
      --env-sheet-offset-x: 0rem;
      --env-sheet-offset-y: 2rem;
    }
    .env-sheet[data-starting-style],
    .env-sheet[data-ending-style] {
      transform: translate(
        calc(var(--env-sheet-swipe-x) + var(--env-sheet-offset-x)),
        calc(var(--env-sheet-swipe-y) + var(--env-sheet-offset-y))
      );
    }
    .env-sheet[data-ending-style] {
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-exit);
    }
  }
  @media (forced-colors: active) {
    .env-sheet-viewport .env-sheet {
      border-color: CanvasText;
    }
  }
}
@layer env.components {
  .env-scaffold {
    --env-scaffold-sticky-top: 0rem;
    container: env-scaffold / inline-size;
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-block-size: 100dvh;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .env-scaffold[data-scroll='document']:has(> .env-scaffold-top-bar) {
    --env-scaffold-sticky-top: var(
      --env-scaffold-top-bar-size,
      calc(var(--env-top-bar-height) + env(safe-area-inset-top))
    );
  }
  :where(html:has(.env-scaffold[data-scroll='document'])) {
    --env-scaffold-scroll-top-estimate: 0rem;
    --env-scaffold-scroll-bottom-estimate: 0rem;
    scroll-padding-block-start: var(
      --env-scaffold-scroll-top,
      var(--env-scaffold-scroll-top-estimate)
    );
    scroll-padding-block-end: var(
      --env-scaffold-scroll-bottom,
      var(--env-scaffold-scroll-bottom-estimate)
    );
  }
  :where(html:has(.env-scaffold[data-scroll='document'] > .env-scaffold-top-bar)) {
    --env-scaffold-scroll-top-estimate: calc(3.25rem + env(safe-area-inset-top));
  }
  :where(
    html:has(.env-scaffold[data-scroll='document'] > .env-scaffold-navigation > .env-scaffold-bar)
  ) {
    --env-scaffold-scroll-bottom-estimate: calc(4.8rem + env(safe-area-inset-bottom));
  }
  .env-scaffold[data-scroll='body'] {
    block-size: 100dvh;
    min-block-size: 0;
    overflow: clip;
  }
  .env-scaffold-skip-links {
    position: absolute;
    inset-block-start: var(--env-space-2);
    inset-inline-start: var(--env-space-2);
    z-index: var(--env-z-backdrop);
    display: flex;
    flex-wrap: wrap;
    gap: var(--env-space-2);
  }
  .env-scaffold-skip-link {
    --env-scaffold-skip-link-hidden-size: 0.0625rem;
  }
  .env-scaffold-skip-link:not(:focus) {
    position: absolute;
    inline-size: var(--env-scaffold-skip-link-hidden-size);
    block-size: var(--env-scaffold-skip-link-hidden-size);
    min-inline-size: 0;
    min-block-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .env-scaffold-top-bar {
    grid-row: 1;
    grid-column: 2;
    min-inline-size: 0;
    padding-block-start: env(safe-area-inset-top);
  }
  .env-scaffold[data-top-bar-span='full'] > .env-scaffold-top-bar {
    grid-column: 1 / -1;
  }
  .env-scaffold[data-scroll='document'] > .env-scaffold-top-bar {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--env-z-sticky);
  }
  .env-scaffold-navigation {
    display: contents;
  }
  .env-scaffold-bar,
  .env-scaffold-rail,
  .env-scaffold-drawer {
    display: none;
    min-inline-size: 0;
    min-block-size: 0;
    outline: none;
  }
  .env-scaffold-rail,
  .env-scaffold-drawer {
    grid-column: 1;
    grid-row: 1 / -1;
    overflow-y: auto;
    padding-block-start: env(safe-area-inset-top);
  }
  .env-scaffold[data-top-bar-span='full']
    > .env-scaffold-navigation
    > :is(.env-scaffold-rail, .env-scaffold-drawer) {
    grid-row: 2 / -1;
    padding-block-start: 0;
  }
  .env-scaffold[data-scroll='document']
    > .env-scaffold-navigation
    > :is(.env-scaffold-rail, .env-scaffold-drawer) {
    box-sizing: border-box;
    position: sticky;
    inset-block-start: 0;
    align-self: start;
    block-size: 100dvh;
  }
  .env-scaffold[data-scroll='document'][data-top-bar-span='full']
    > .env-scaffold-navigation
    > :is(.env-scaffold-rail, .env-scaffold-drawer) {
    inset-block-start: var(--env-scaffold-sticky-top);
    block-size: calc(100dvh - var(--env-scaffold-sticky-top));
  }
  .env-scaffold-bar {
    grid-column: 1 / -1;
    grid-row: 3;
    padding-block-end: env(safe-area-inset-bottom);
  }
  .env-scaffold[data-scroll='document'] > .env-scaffold-navigation > .env-scaffold-bar {
    position: sticky;
    inset-block-end: 0;
    z-index: var(--env-z-sticky);
  }
  .env-scaffold-body {
    grid-column: 2;
    grid-row: 2;
    min-inline-size: 0;
    min-block-size: 0;
    outline: none;
    padding-block-end: env(safe-area-inset-bottom);
  }
  .env-scaffold[data-scroll='body'] > .env-scaffold-body {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  .env-scaffold:not(:has(> .env-scaffold-top-bar)) > .env-scaffold-body {
    grid-row: 1 / 3;
  }
  @container env-scaffold (width < 37.5rem) {
    .env-scaffold[data-navigation-compact='bar'] > .env-scaffold-navigation > .env-scaffold-bar,
    .env-scaffold[data-navigation-compact='rail'] > .env-scaffold-navigation > .env-scaffold-rail,
    .env-scaffold[data-navigation-compact='drawer']
      > .env-scaffold-navigation
      > .env-scaffold-drawer {
      display: block;
    }
    .env-scaffold[data-navigation-compact='bar'] > .env-scaffold-body {
      padding-block-end: 0;
    }
    .env-scaffold[data-navigation-compact='none'] .env-scaffold-skip-link[data-skip='navigation'] {
      display: none;
    }
  }
  @container env-scaffold (37.5rem <= width < 52.5rem) {
    .env-scaffold[data-navigation-medium='bar'] > .env-scaffold-navigation > .env-scaffold-bar,
    .env-scaffold[data-navigation-medium='rail'] > .env-scaffold-navigation > .env-scaffold-rail,
    .env-scaffold[data-navigation-medium='drawer']
      > .env-scaffold-navigation
      > .env-scaffold-drawer {
      display: block;
    }
    .env-scaffold[data-navigation-medium='bar'] > .env-scaffold-body {
      padding-block-end: 0;
    }
    .env-scaffold[data-navigation-medium='none'] .env-scaffold-skip-link[data-skip='navigation'] {
      display: none;
    }
  }
  @container env-scaffold (52.5rem <= width < 75rem) {
    .env-scaffold[data-navigation-expanded='bar'] > .env-scaffold-navigation > .env-scaffold-bar,
    .env-scaffold[data-navigation-expanded='rail'] > .env-scaffold-navigation > .env-scaffold-rail,
    .env-scaffold[data-navigation-expanded='drawer']
      > .env-scaffold-navigation
      > .env-scaffold-drawer {
      display: block;
    }
    .env-scaffold[data-navigation-expanded='bar'] > .env-scaffold-body {
      padding-block-end: 0;
    }
    .env-scaffold[data-navigation-expanded='none'] .env-scaffold-skip-link[data-skip='navigation'] {
      display: none;
    }
  }
  @container env-scaffold (width >= 75rem) {
    .env-scaffold[data-navigation-large='bar'] > .env-scaffold-navigation > .env-scaffold-bar,
    .env-scaffold[data-navigation-large='rail'] > .env-scaffold-navigation > .env-scaffold-rail,
    .env-scaffold[data-navigation-large='drawer']
      > .env-scaffold-navigation
      > .env-scaffold-drawer {
      display: block;
    }
    .env-scaffold[data-navigation-large='bar'] > .env-scaffold-body {
      padding-block-end: 0;
    }
    .env-scaffold[data-navigation-large='none'] .env-scaffold-skip-link[data-skip='navigation'] {
      display: none;
    }
  }
  :where(.env-scaffold[data-scroll='document'])
    .env-panes
    > :is(.env-panes-main, .env-panes-list, .env-panes-detail) {
    overflow: visible;
  }
  :where(.env-scaffold[data-scroll='document'])
    .env-panes[data-behavior='supporting']
    > .env-panes-supporting {
    position: fixed;
    z-index: var(--env-z-modal);
    padding-block-end: env(safe-area-inset-bottom);
  }
  :where(.env-scaffold[data-scroll='document'])
    .env-panes[data-behavior='supporting'][data-open]
    > .env-panes-backdrop[aria-hidden] {
    position: fixed;
    z-index: var(--env-z-backdrop);
  }
  @container env-panes (width < 37.5rem) {
    :where(.env-scaffold[data-scroll='document'])
      .env-panes[data-behavior='supporting']
      > .env-panes-supporting {
      max-block-size: calc(100% - max(var(--env-space-8), env(safe-area-inset-top)));
    }
  }
  @container env-panes (width >= 37.5rem) {
    :where(.env-scaffold[data-scroll='document'])
      .env-panes[data-behavior='supporting']
      > .env-panes-supporting {
      padding-block-start: env(safe-area-inset-top);
      padding-inline-end: env(safe-area-inset-right);
    }
  }
  .env-scaffold[data-scroll='body'] > .env-scaffold-body:has(> .env-panel-dock) {
    container-type: size;
  }
  .env-scaffold[data-scroll='body'] > .env-scaffold-body > .env-panel-dock {
    position: sticky;
    inset-block: 0;
    inset-inline: auto;
    block-size: 100cqb;
    margin-block-start: -100cqb;
  }
  .env-scaffold[data-scroll='document'] > .env-scaffold-body {
    --env-scaffold-dock-size: calc(100dvh - var(--env-scaffold-sticky-top));
  }
  .env-scaffold[data-scroll='document'] > .env-scaffold-body > .env-panel-dock {
    position: sticky;
    inset-block: var(--env-scaffold-sticky-top) 0;
    inset-inline: auto;
    block-size: var(--env-scaffold-dock-size);
    margin-block-start: calc(-1 * var(--env-scaffold-dock-size));
  }
}
@layer env.components {
  .env-line-art {
    --env-line-art-duration: calc(var(--env-motion-duration-slow) * 10);
    --env-line-art-high-contrast-stroke: var(--env-theme-high-contrast)
      var(--env-color-border-muted);
    display: block;
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden;
    fill: none;
    stroke: var(
      --env-line-art-high-contrast-stroke,
      light-dark(
        var(--env-color-border-muted),
        color-mix(in srgb, var(--env-color-border-muted) 45%, transparent)
      )
    );
    stroke-width: 1px;
    pointer-events: none;
  }
  .env-line-art > * {
    vector-effect: non-scaling-stroke;
  }
  .env-line-art:dir(rtl) {
    scale: -1 1;
  }
  .env-line-art[data-motion] > * {
    --env-line-art-dash: var(--env-line-art-scale);
    stroke-dasharray: var(--env-line-art-dash) var(--env-line-art-dash);
    stroke-dashoffset: 0;
    animation-duration: calc(var(--env-line-art-duration) / 2);
    animation-delay: calc(var(--env-line-art-duration) / 2 * var(--env-line-art-at, 0));
    animation-timing-function: var(--env-motion-ease);
    animation-fill-mode: both;
  }
  .env-line-art[data-motion='appear'] > * {
    animation-name: env-line-art-appear;
  }
  .env-line-art:is([data-motion='disappear'], [data-turn='out']) > * {
    animation-name: env-line-art-disappear;
    animation-delay: calc(var(--env-line-art-duration) / 2 * (1 - var(--env-line-art-at, 0)));
  }
  .env-line-art[data-turn='in'] > * {
    animation-name: env-line-art-loop-in;
    animation-duration: calc(var(--env-line-art-duration) / 4 * 3);
  }
  .env-line-art[data-motion='play'] > * {
    animation-name: env-line-art-play;
    animation-delay: calc(var(--env-line-art-duration) * var(--env-line-art-at, 0));
  }
  @keyframes env-line-art-appear {
    from {
      stroke-dashoffset: var(--env-line-art-dash);
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes env-line-art-disappear {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: calc(-1 * var(--env-line-art-dash));
    }
  }
  @keyframes env-line-art-loop-in {
    0% {
      stroke-dashoffset: var(--env-line-art-dash);
    }
    66.667%,
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes env-line-art-play {
    0% {
      stroke-dashoffset: 0;
      animation-timing-function: var(--env-motion-ease-exit);
    }
    30% {
      stroke-dashoffset: calc(-1 * var(--env-line-art-dash));
      animation-timing-function: var(--env-motion-ease);
    }
    100% {
      stroke-dashoffset: calc(-2 * var(--env-line-art-dash));
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .env-line-art[data-motion] > * {
      animation-duration: 0s;
      animation-delay: 0s;
    }
    .env-line-art[data-motion='loop'] > * {
      animation: none;
    }
  }
  @media (forced-colors: active) {
    .env-line-art {
      stroke: GrayText;
    }
  }
}
@layer env.components {
  @property --env-card-container {
    syntax: '*';
    inherits: false;
  }
  @property --env-card-content {
    syntax: '*';
    inherits: false;
  }
  @property --env-card-outline {
    syntax: '*';
    inherits: false;
  }
  .env-card {
    --env-card-padding: var(--env-surface-padding);
    --env-card-layer: initial;
    --env-card-content-gate: color-mix(in srgb, var(--env-card-content) 0%, var(--env-surface-color));
    --env-card-custom-base: var(
      --env-card-container,
      var(--env-surface-container, var(--env-card-content-gate))
    );
    --env-card-custom-layered: color-mix(
      in srgb,
      var(--env-card-custom-base),
      currentColor var(--env-card-layer)
    );
    --env-card-custom-fill: var(--env-card-custom-layered, var(--env-card-custom-base));
    --env-surface-color: var(
      --env-card-container,
      var(--env-surface-container, var(--env-surface-container-default))
    );
    border: var(--env-control-border-width) solid
      var(--env-card-outline, var(--env-surface-outline));
    color: var(--env-card-content, var(--env-surface-content));
  }
  .env-card[data-interactive] {
    inline-size: 100%;
    margin: 0;
    background: var(--env-card-custom-fill, var(--env-surface-color));
    color: var(--env-card-content, var(--env-color-fg-default));
    font: inherit;
    text-align: start;
    text-decoration: none;
    overflow-wrap: break-word;
    cursor: pointer;
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-card[data-interactive]:hover:not(:disabled):not([aria-disabled='true']) {
    --env-card-layer: calc(var(--env-state-hover-opacity) * 100%);
    background: var(--env-card-custom-fill, var(--env-surface-hover));
  }
  .env-card[data-interactive]:focus-visible:not(:disabled):not([aria-disabled='true']) {
    --env-card-layer: calc(var(--env-state-focus-opacity) * 100%);
  }
  .env-card[data-interactive]:active:not(:disabled):not([aria-disabled='true']) {
    --env-card-layer: calc(var(--env-state-pressed-opacity) * 100%);
    background: var(--env-card-custom-fill, var(--env-surface-pressed));
  }
  .env-card[data-interactive]:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: 2px;
  }
  .env-card[data-interactive]:is(:disabled, [aria-disabled='true']) {
    opacity: var(--env-state-disabled-opacity);
    cursor: default;
  }
  @media (prefers-reduced-motion: reduce) {
    .env-card[data-interactive] {
      transition: none;
    }
  }
  .env-card-header > .env-card-meta {
    margin-inline-start: auto;
  }
  .env-card-title:empty:not([data-env-skeleton] *),
  .env-card-meta:empty:not([data-env-skeleton] *),
  .env-card-description:empty:not([data-env-skeleton] *),
  .env-card-header:not(:has(> :not(:empty))):not([data-env-skeleton] *) {
    display: none;
  }
  .env-card:is([data-env-skeleton], [data-env-skeleton] *) .env-card-title {
    --env-skeleton-length: 9rem;
  }
  .env-card:is([data-env-skeleton], [data-env-skeleton] *) .env-card-title:empty {
    flex: 1 1 0;
    min-inline-size: 0;
  }
  .env-card:is([data-env-skeleton], [data-env-skeleton] *) .env-card-meta {
    --env-skeleton-length: 3.5rem;
  }
  .env-card:is([data-env-skeleton], [data-env-skeleton] *) .env-card-description {
    --env-skeleton-length: 16rem;
    --env-skeleton-lines: 1;
    --env-skeleton-last: 100%;
  }
  .env-card[data-actions] {
    padding: 0;
    overflow: hidden;
  }
  .env-card[data-actions] > .env-card-body,
  .env-card[data-actions] > .env-skeleton-content > .env-card-body {
    padding: var(--env-card-padding);
  }
  .env-card[data-actions] > .env-card-body > :where(p:not(.env-text)),
  .env-card[data-actions] > .env-skeleton-content > .env-card-body > :where(p:not(.env-text)) {
    margin: 0;
    max-width: 32ch;
    font: var(--env-type-body);
    color: var(--env-color-fg-muted);
    overflow-wrap: break-word;
  }
  .env-card[data-actions] > .env-card-footer,
  .env-card[data-actions] > .env-skeleton-content > .env-card-footer {
    margin-block-start: auto;
    padding: var(--env-space-3) var(--env-card-padding);
    background: var(--env-color-bg-default);
  }
  .env-card[data-actions][data-background='page'] > .env-card-footer,
  .env-card[data-actions][data-background='page'] > .env-skeleton-content > .env-card-footer {
    background-color: transparent;
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-card[data-interactive] {
      transition-property: background-color, color, border-color, transform;
      transition-duration: var(--env-motion-duration-fast);
      transition-timing-function: var(--env-motion-ease-enter);
    }
    .env-card[data-interactive]:active:not(:disabled):not([aria-disabled='true']) {
      transform: scale(0.99);
    }
  }
  [data-env-skeleton] .env-card,
  .env-card[data-actions][data-env-skeleton] .env-card-footer,
  [data-env-skeleton] .env-card[data-actions] .env-card-footer {
    background-image: var(--env-skeleton-overlay);
  }
}
@layer env.components {
  .env-theme {
    --env-code-font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
    --env-code-font-size: 0.8125rem;
    --env-code-background: rgb(31 31 34 / 0.06);
    --env-code-background-high: rgb(31 31 34 / 0.06);
    --env-code-foreground: #1f2328;
    --env-code-foreground-high: #0e1116;
  }
  .env-theme[data-env-theme='dark'] {
    --env-code-background: rgb(232 234 238 / 0.05);
    --env-code-background-high: #0a0c10;
    --env-code-foreground: #b2c0cd;
    --env-code-foreground-high: #f0f3f6;
  }
  .env-code,
  .env-code-block,
  .env-code-diff {
    --env-code-background-now: var(--env-theme-high-contrast) var(--env-code-background-high);
    --env-code-foreground-now: var(--env-theme-high-contrast) var(--env-code-foreground-high);
    background: var(--env-code-background-now, var(--env-code-background));
    color: var(--env-code-foreground-now, var(--env-code-foreground));
  }
  .env-code {
    --env-code-inline-fill-now: var(--env-theme-high-contrast) var(--env-color-bg-neutral-muted);
    padding: 0.125em 0.375em;
    border-radius: var(--env-radius-sm);
    background: var(
      --env-code-inline-fill-now,
      color-mix(in srgb, var(--env-color-bg-neutral-muted) 50%, transparent)
    );
    font: 0.9em/1.4 var(--env-code-font-family);
    overflow-wrap: var(--env-code-overflow-wrap, anywhere);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }
  .env-code-block {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    padding: var(--env-space-5);
    border-radius: var(--env-radius-sm);
    font: var(--env-code-font-size) / 1.7 var(--env-code-font-family);
  }
  .env-code-block pre {
    margin: 0;
    overflow: auto;
    font: inherit;
    tab-size: 2;
  }
  .env-code-block code {
    font: inherit;
  }
  .env-code-block code span {
    --env-code-token-now: var(--env-theme-high-contrast) var(--env-code-token-high);
    --env-code-token-dark-now: var(--env-theme-high-contrast) var(--env-code-token-dark-high);
    --env-code-token-dark-shown: var(--env-theme-dark)
      var(--env-code-token-dark-now, var(--env-code-token-dark));
    color: var(--env-code-token-dark-shown, var(--env-code-token-now, var(--env-code-token)));
  }
  .env-code-block pre:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: var(--env-space-1);
  }
  .env-code-block[data-wrap] pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .env-code-block-header {
    margin-block-end: var(--env-space-3);
  }
  .env-code-block-header > span {
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-wrap: anywhere;
    font: var(--env-type-body-sm);
  }
  .env-code-block-copy-status {
    --env-code-block-copy-status-size: 0.0625rem;
    position: absolute;
    inline-size: var(--env-code-block-copy-status-size);
    block-size: var(--env-code-block-copy-status-size);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
  .env-code-diff {
    min-inline-size: 0;
    overflow: hidden;
    border-radius: var(--env-radius-sm);
  }
  .env-code-diff > .env-spinner,
  .env-code-diff-failed {
    padding: var(--env-space-5);
  }
  .env-code-diff-failed-icon {
    color: var(--env-color-fg-danger);
  }
}
html {
  scroll-behavior: auto;
}
body {
  margin: 0;
}
.site-app {
  --site-content-width: 72rem;
  --site-gutter: clamp(0.75rem, 3vw, 3rem);
  --site-section-gap: var(--env-space-9);
  --site-rail-width: 6rem;
  --site-search-start: 9.375rem;
  --site-code-font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
  min-height: 100dvh;
}
.site-app *,
.site-app *::before,
.site-app *::after {
  box-sizing: border-box;
}
.site-brand {
  display: flex;
  align-items: center;
  gap: var(--env-space-2);
  min-block-size: var(--env-control-height-md);
  color: var(--env-color-fg-default);
}
.site-brand svg {
  display: block;
  inline-size: 4.5rem;
  block-size: auto;
  color: var(--env-color-fg-default);
}
.docs-brand-docs {
  display: block;
  block-size: 0.864rem;
  inline-size: auto;
}
:root[data-env-theme='dark'] .docs-brand-docs[data-docs-lockup='black'],
:root:not([data-env-theme='dark']) .docs-brand-docs[data-docs-lockup='white'] {
  display: none;
}
.site-navigation {
  display: flex;
  align-items: stretch;
  block-size: 100%;
  min-block-size: 0;
}
.catalogue-rail {
  --env-navigation-rail-width: var(--site-rail-width);
  flex: none;
  padding-block: var(--env-space-4);
  overflow-y: auto;
}
.site-sidebar {
  block-size: 100%;
  padding: var(--env-space-4) var(--env-space-3);
}
.site-frame[data-area='catalogue'] .site-sidebar[data-resizable] {
  inline-size: var(--site-drawer-width-catalogue, var(--env-navigation-drawer-width));
}
.site-frame[data-area='docs'] .site-sidebar[data-resizable] {
  inline-size: var(--site-drawer-width-docs, var(--env-navigation-drawer-width));
}
.site-sidebar[data-site-drawer] {
  transition: background-color var(--env-motion-duration-medium) var(--env-motion-ease-enter);
}
.site-sidebar[data-site-drawer] > :is(.env-navigation-drawer-list, .env-navigation-drawer-footer) {
  transition:
    opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter),
    translate var(--env-motion-duration-medium) var(--env-motion-ease-enter);
}
.site-sidebar[data-site-drawer='arriving'] {
  background-color: transparent;
}
.site-sidebar[data-site-drawer='arriving']
  > :is(.env-navigation-drawer-list, .env-navigation-drawer-footer) {
  opacity: 0;
}
.site-sidebar[data-site-drawer='arriving'],
.site-sidebar[data-site-drawer='arriving']
  > :is(.env-navigation-drawer-list, .env-navigation-drawer-footer) {
  transition: none;
}
.site-sidebar[data-site-drawer='leaving'] {
  position: absolute;
  inset-block: 0;
  inset-inline-start: var(--site-rail-width);
  z-index: var(--env-z-raised);
  pointer-events: none;
  background-color: transparent;
  transition-duration: var(--env-motion-duration-fast);
  transition-timing-function: var(--env-motion-ease-exit);
}
.site-sidebar[data-site-drawer='leaving'] > .env-navigation-drawer-header {
  visibility: hidden;
}
.site-sidebar[data-site-drawer='leaving']
  > :is(.env-navigation-drawer-list, .env-navigation-drawer-footer) {
  opacity: 0;
  transition-duration: var(--env-motion-duration-fast);
  transition-timing-function: var(--env-motion-ease-exit);
}
@media (prefers-reduced-motion: no-preference) {
  .site-sidebar[data-site-drawer='arriving']
    > :is(.env-navigation-drawer-list, .env-navigation-drawer-footer) {
    translate: -0.75rem 0;
  }
  .site-sidebar[data-site-drawer='leaving']
    > :is(.env-navigation-drawer-list, .env-navigation-drawer-footer) {
    translate: -0.5rem 0;
  }
}
.site-navigation-sheet .env-dialog-content,
.site-navigation-sheet .env-sheet-body {
  flex: 1;
  min-block-size: 0;
}
.site-navigation-sheet .env-sheet-body {
  overflow: visible;
  margin: 0;
  padding: 0;
}
.site-navigation[data-in-sheet] {
  margin: calc(-1 * var(--env-space-4)) 0;
}
.site-navigation[data-in-sheet] .site-sidebar {
  flex: 1;
  inline-size: auto;
  min-inline-size: 0;
}
.catalogue-rail .env-navigation-rail-header {
  margin-block-end: var(--env-space-2);
}
.site-sidebar > .env-navigation-drawer-header {
  align-items: center;
  margin-block-end: calc(var(--env-space-4) + var(--env-space-2) - var(--env-space-3));
}
.site-drawer-search {
  max-inline-size: 100%;
}
@media (pointer: fine) {
  .site-sidebar .env-navigation-drawer-item {
    --env-navigation-drawer-item-height: var(--env-row-height);
  }
  .site-sidebar .env-navigation-drawer-branch {
    --env-navigation-drawer-toggle-size: calc(var(--env-row-height) - 2 * var(--env-space-1));
  }
}
.site-navigation:not([data-in-sheet])
  .catalogue-rail
  + .site-sidebar
  > .env-navigation-drawer-header {
  align-items: flex-start;
}
.site-navigation:not([data-in-sheet]) .catalogue-rail + .site-sidebar .site-drawer-search {
  margin-inline-start: max(
    0rem,
    min(var(--site-search-start) - var(--site-rail-width) - var(--env-space-3), 100% - 9.5rem)
  );
}
.site-navigation:not([data-in-sheet]) .docs-drawer-top {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0;
}
.site-navigation:not([data-in-sheet]) .docs-drawer-top > .site-brand {
  flex: 0 1 calc(var(--site-search-start) - var(--env-space-3));
}
.site-sidebar > .env-navigation-drawer-resize-handle::after {
  opacity: 0;
}
.site-sidebar
  > .env-navigation-drawer-resize-handle:is(:hover, :focus-visible, [data-resizing])::after {
  opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .site-sidebar > .env-navigation-drawer-resize-handle::after {
    transition: opacity var(--env-motion-duration-fast) var(--env-motion-ease);
  }
}
@property --site-drawer-fade {
  syntax: '<length>';
  inherits: false;
  initial-value: 0rem;
}
@keyframes site-drawer-fade {
  to {
    --site-drawer-fade: var(--site-drawer-fade-length);
  }
}
.site-sidebar .env-navigation-drawer-list {
  --site-drawer-fade-length: var(--env-space-6);
}
@supports (animation-timeline: scroll()) {
  .site-sidebar .env-navigation-drawer-list {
    mask-image: linear-gradient(
      to bottom,
      transparent,
      var(--env-color-fg-default) var(--site-drawer-fade)
    );
    animation: site-drawer-fade linear both;
    animation-range: 0 var(--site-drawer-fade-length);
    animation-timeline: scroll(self);
  }
}
.docs-drawer-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--env-space-3);
  align-self: stretch;
}
.docs-drawer-top .site-drawer-search {
  flex: none;
}
.site-drawer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--env-space-2);
  align-self: stretch;
  min-inline-size: 0;
}
.site-drawer-top > .site-drawer-search {
  min-inline-size: 0;
}
.docs-drawer-top > .site-drawer-top {
  flex: 1 0 100%;
}
.site-sheet-close {
  flex: none;
}
.site-search {
  background: color-mix(
    in srgb,
    var(--env-popup-fill) max(var(--env-popup-opacity), 98%),
    transparent
  );
}
.site-search .env-command-palette-footer {
  margin-block-start: var(--env-space-2);
}
@media (pointer: coarse) {
  .site-search-keys {
    display: none;
  }
}
:root:not([data-site-modifier='meta']) .site-search-keys[data-site-keys='meta'],
:root[data-site-modifier='meta'] .site-search-keys[data-site-keys='control'] {
  display: none;
}
.site-navigation[data-in-sheet] .site-search-keys {
  display: none;
}
.docs-drawer-top .site-brand {
  flex: none;
  padding-inline-start: var(--env-space-2);
}
.docs-drawer-top .site-brand svg {
  inline-size: 4rem;
}
.docs-drawer-top .docs-brand-docs {
  block-size: 0.768rem;
}
.site-page-actions {
  position: sticky;
  z-index: var(--env-z-sticky);
  inset-block-start: 0;
  display: flex;
  justify-content: flex-end;
  padding: var(--env-space-3) var(--env-space-4) 0;
  pointer-events: none;
}
.site-page-actions-bar {
  display: flex;
  gap: var(--env-space-1);
  padding: var(--env-space-1);
  border-radius: var(--env-radius-full);
  background: var(--env-color-bg-page);
  pointer-events: auto;
}
.site-page-actions ~ .site-page-layout .site-page-header {
  padding-block-start: var(--env-space-2);
}
.site-narrow-only {
  display: contents;
}
.site-wide-only {
  display: none;
}
.site-page-search {
  position: sticky;
  z-index: var(--env-z-sticky);
  inset-block-start: 0;
  display: none;
  block-size: 0;
}
.site-page-search-button {
  position: absolute;
  inset-block-start: var(--env-space-4);
  inset-inline-start: calc(var(--site-search-start) - var(--site-rail-width));
}
.site-compact-controls {
  position: sticky;
  z-index: var(--env-z-sticky);
  inset-block-start: 0;
  block-size: 0;
}
.site-compact-controls-bar {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  display: flex;
  gap: var(--env-space-1);
  padding: calc(var(--env-space-3) + var(--env-space-1)) var(--env-space-4) var(--env-space-2)
    calc(var(--env-space-3) + var(--env-space-1));
  background: var(--env-color-bg-page);
}
.site-compact-controls-bar > .site-brand {
  padding-inline: var(--env-space-2);
}
.site-compact-controls-bar > .site-brand svg {
  inline-size: 4rem;
}
.site-compact-controls-bar .docs-brand-docs {
  block-size: 0.768rem;
}
@container env-scaffold (width >= 52.5rem) {
  .site-narrow-only {
    display: none;
  }
  .site-wide-only {
    display: contents;
  }
  .site-page-search {
    display: block;
  }
  .site-compact-controls {
    display: none;
  }
}
.site-main {
  position: relative;
  display: flex;
  flex-direction: column;
  min-block-size: 100%;
}
.site-page-layout {
  --site-contents-width: 13rem;
  --site-contents-top: 4.5rem;
  container: site-page-layout / inline-size;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.site-page-grid {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.site-page-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-inline-size: 0;
}
.site-contents {
  display: none;
}
.site-compact-contents {
  inline-size: calc(min(100cqi, var(--site-content-width)) - 2 * var(--site-gutter));
  margin: var(--env-space-4) auto 0;
}
@container site-page-layout (width < 37.5rem) {
  .site-page-grid {
    --site-section-gap: var(--env-space-7);
  }
  .site-compact-contents {
    margin-block-start: var(--env-space-2);
  }
  .site-page-grid .site-page-header {
    margin-block-end: var(--env-space-4);
  }
}
@container site-page-layout (width >= 56rem) {
  .site-page-grid[data-contents] .site-compact-contents {
    display: none;
  }
  .site-page-grid[data-contents] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(var(--site-contents-width) + var(--site-gutter));
    inline-size: min(
      100%,
      var(--site-content-width) + var(--site-contents-width) + var(--site-gutter)
    );
    margin-inline: auto;
  }
  .site-page-grid[data-contents] > .site-contents {
    display: block;
    min-inline-size: 0;
    padding-inline-end: var(--site-gutter);
  }
}
.site-contents-list {
  position: sticky;
  inset-block-start: calc(var(--site-contents-top) - var(--env-table-of-contents-room));
  max-block-size: calc(
    100dvh - var(--site-contents-top) + var(--env-table-of-contents-room) - var(--env-space-6)
  );
  overflow-y: auto;
  margin-block-start: calc(-1 * var(--env-table-of-contents-room));
  padding-block: 0 calc(var(--env-space-6) - var(--env-table-of-contents-room));
  background: var(--env-color-bg-page);
}
.catalogue-specimen-area,
.site-article,
.catalogue-overview,
.site-page-navigation {
  inline-size: min(100%, var(--site-content-width));
  margin-inline: auto;
}
.site-page-header {
  container: site-page-header / inline-size;
  padding-block: var(--env-space-5) var(--env-space-2);
  margin-block-end: calc(var(--site-section-gap) - var(--env-space-2));
}
.site-page-banner,
.catalogue-overview-hero {
  --site-banner-reach: 0rem;
  inline-size: calc(
    min(100cqi, var(--site-content-width)) - 2 * var(--site-gutter) + 2 * var(--site-banner-reach)
  );
  margin-inline: auto;
  padding-block: var(--env-space-9);
}
@container site-page-header (width > 72rem) {
  .site-page-banner,
  .catalogue-overview-hero {
    --site-banner-reach: min((100cqi - var(--site-content-width)) / 5, var(--env-space-9) * 2);
  }
}
.site-page-banner-heading {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--env-space-4);
  max-inline-size: 100%;
}
.site-page-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  container-type: inline-size;
  padding-block: clamp(1.25rem, 2vw, 1.5rem);
}
.site-page-banner-content {
  position: relative;
  z-index: var(--env-z-raised);
  inline-size: 100%;
  text-align: start;
}
.site-page-banner-title {
  max-inline-size: 22ch;
  font-weight: var(--env-font-weight-medium);
  line-height: 1.1;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
.site-page-banner-description {
  max-inline-size: 100%;
  text-wrap: pretty;
}
.site-page-navigation {
  padding: var(--env-space-6) var(--site-gutter) var(--env-space-8);
  margin-top: auto;
}
.site-footer {
  background: var(--env-color-bg-default);
}
.site-footer-inner {
  inline-size: min(100%, var(--site-content-width));
  margin-inline: auto;
  padding: var(--env-space-6) var(--site-gutter);
}
.site-footer-brand {
  display: block;
  flex: none;
  inline-size: 4.5rem;
}
.site-footer-brand svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
  color: var(--env-color-fg-default);
}
.site-footer-version {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.site-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer-links .env-link {
  color: var(--env-color-fg-muted);
}
.site-footer-links .env-link:hover {
  color: var(--env-color-fg-default);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.site-main [id]:not(.site-live-example *) {
  scroll-margin-block-start: var(--env-space-9);
}
.site-page-column
  [id][tabindex='-1']:focus:not(
    :where(.site-live-example, .catalogue-open-example, .site-verdict-stage, .site-anatomy-stage) *
  ) {
  outline: none;
}
.docs-changelog {
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
}
.docs-changelog > * {
  max-inline-size: 48rem;
}
.docs-changelog :is(h2, h3, h4, p, li) {
  margin: 0;
  color: inherit;
  font: inherit;
}
.docs-changelog .docs-changelog-title {
  flex: none;
  color: var(--env-color-fg-default);
  font-weight: var(--env-font-weight-medium);
}
.docs-changelog-entries {
  row-gap: var(--env-space-3);
  color: inherit;
  font-variant-numeric: tabular-nums;
}
.docs-changelog .env-markdown {
  color: inherit;
}
.docs-changelog .env-markdown > p + p {
  margin-block-start: var(--env-space-2);
}
.docs-changelog .env-code {
  padding: 0 var(--env-space-1);
  background: var(--env-color-bg-neutral-muted);
  color: inherit;
  font-size: 0.88em;
}
.docs-simple-table {
  container: docs-simple-table / inline-size;
}
.docs-simple-table table {
  margin: 0;
}
.docs-simple-table table[data-fixed] {
  table-layout: fixed;
}
.docs-simple-table td {
  vertical-align: top;
}
.docs-simple-table th {
  text-align: start;
}
.docs-plain-code {
  font-family: var(--site-code-font-family);
  font-size: 0.9em;
  overflow-wrap: break-word;
}
.docs-plain-code[data-name] {
  overflow-wrap: anywhere;
}
.docs-token-description,
.docs-prop-required {
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
}
.docs-token-description {
  display: block;
  margin-block-start: var(--env-space-1);
}
.docs-token-value {
  display: inline-flex;
  align-items: baseline;
  gap: var(--env-space-2);
}
.docs-token-value:has(> .env-color-swatch) {
  white-space: nowrap;
}
.docs-token-value .env-color-swatch {
  flex: none;
  align-self: center;
}
@container docs-simple-table (width < 40rem) {
  .docs-simple-table :is(table, tbody, tr, td) {
    display: block;
  }
  .docs-simple-table thead {
    display: none;
  }
  .docs-simple-table tr {
    padding-block: var(--env-space-2);
    border-block-end: 0.0625rem solid var(--env-color-border-muted);
  }
  .docs-simple-table td {
    padding-block: var(--env-space-1);
    border: 0;
  }
  .docs-simple-table td:not(:first-child)::before {
    content: attr(data-label) ' ';
    color: var(--env-color-fg-muted);
  }
}
.docs-props-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
}
@container env-table (width < 37.5em) {
  .docs-props-table > .env-table-body > .env-table-row > .env-table-cell {
    flex: 0 0 100%;
    order: 0;
    margin-block-start: var(--env-space-2);
  }
  .docs-props-table > .env-table-body > .env-table-row > .env-table-cell:first-child {
    margin-block-start: 0;
  }
  .docs-props-table .env-table-cell-label {
    display: none;
  }
}
.docs-prop-name {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--env-space-1) var(--env-space-2);
  font-weight: var(--env-font-weight-medium);
}
.docs-prop-default {
  display: block;
  margin-block-start: var(--env-space-1);
}
.docs-prop-type {
  display: flex;
  flex-wrap: wrap;
  gap: var(--env-space-1);
  min-inline-size: 0;
}
.docs-prop-option {
  box-sizing: border-box;
  max-inline-size: 100%;
  padding: 0 var(--env-space-1);
  border-radius: var(--env-radius-sm);
  background: var(--env-color-bg-muted);
  font-family: var(--site-code-font-family);
  font-size: 0.85em;
}
.docs-agent-setup {
  text-align: center;
}
.docs-agent-setup > * {
  margin: 0;
}
.docs-agent-setup-text,
.docs-agent-note {
  max-inline-size: 38rem;
  text-wrap: pretty;
}
.docs-agent-note {
  margin-block-start: var(--env-space-2);
  color: var(--env-color-fg-muted);
}
.docs-agent-note :where(p) {
  margin: 0;
}
.docs-agent-prompt {
  max-inline-size: 100%;
  margin-block-start: var(--env-space-2);
  padding-inline-start: var(--env-space-3);
  border-radius: var(--env-radius-full);
}
.docs-agent-prompt-text {
  min-inline-size: 0;
  font: var(--env-font-size-body-sm) / 1.5 var(--site-code-font-family);
  overflow-wrap: break-word;
}
.docs-agent-logos {
  display: flex;
  flex: none;
  isolation: isolate;
}
.docs-agent-logos > svg {
  position: relative;
  inline-size: 1.5rem;
  block-size: 1.5rem;
}
.docs-agent-logos > svg + svg {
  margin-inline-start: -0.375rem;
}
.site-banner > :not(.site-banner-shapes, .catalogue-banner-motif) {
  position: relative;
  z-index: var(--env-z-raised);
}
.site-banner > .site-page-banner-corner {
  position: absolute;
  inset-block-start: var(--env-space-4);
  inset-inline-end: var(--env-space-4);
}
@property --site-banner-padding {
  syntax: '<length>';
  inherits: true;
  initial-value: 0rem;
}
.site-banner {
  --site-banner-padding: clamp(var(--env-space-6), 6cqi, var(--env-space-9));
  padding-inline: var(--site-banner-padding);
  border: 0;
  background: var(--env-color-bg-default);
}
.site-banner
  :is(.site-page-banner-content, .site-page-banner-heading, .site-page-banner-heading > *) {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: start;
}
.site-banner .site-page-banner-content {
  --site-banner-text: calc(100cqi + var(--site-banner-padding) - var(--site-banner-art, 0rem));
}
.site-banner .site-page-banner-heading > :not(:first-child),
.site-banner .site-page-banner-heading > :first-child > :not(.site-page-banner-breadcrumbs) {
  max-inline-size: var(--site-banner-text);
}
.site-banner .site-page-banner-title {
  max-inline-size: min(22ch, var(--site-banner-text));
  font-size: clamp(2.5rem, calc(1.5rem + 3cqi), 3.25rem);
}
@container site-page-header (width >= 44rem) {
  .site-banner-shapes ~ .site-page-banner-content {
    --site-banner-art: calc(0.7 * min(0.48 * (100cqi + 2 * var(--site-banner-padding)), 42rem));
  }
  .catalogue-banner-motif ~ .site-page-banner-content {
    --site-banner-art: calc(0.9 * min(0.54 * (100cqi + 2 * var(--site-banner-padding)), 40rem));
  }
}
@container site-page-header (width < 36rem) {
  .site-page-banner-breadcrumbs .env-breadcrumbs-item:not(:nth-last-child(2)),
  .site-page-banner-breadcrumbs .env-breadcrumbs-separator {
    display: none;
  }
}
@container site-page-header (width < 36rem) {
  .site-banner.site-page-banner {
    --site-banner-padding: var(--env-space-5);
    padding-block: var(--env-space-4);
  }
  .site-banner .site-page-banner-title {
    font-size: 2rem;
  }
  .site-banner .site-page-banner-heading > :first-child {
    gap: var(--env-space-2);
  }
}
.site-banner .catalogue-page-banner-breadcrumb {
  font: var(--env-type-body-sm);
  color: var(--env-color-fg-muted);
}
.catalogue-banner-lines,
.docs-banner-lines {
  --site-banner-lines-opaque: var(--env-color-fg-default);
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inline-size: min(48%, 42rem);
  mask-image: linear-gradient(to right, transparent 25%, var(--site-banner-lines-opaque) 70%);
}
.catalogue-banner-lines {
  --env-line-art-duration: calc(var(--env-motion-duration-slow) * 4);
}
@media (prefers-reduced-motion: no-preference) {
  :root[data-site-banner-appear] .catalogue-banner-lines:not([data-motion]) {
    visibility: hidden;
    animation: site-banner-lines-shown 0s 5s forwards;
  }
}
@keyframes site-banner-lines-shown {
  to {
    visibility: visible;
  }
}
:where([data-env-theme='dark']) :is(.catalogue-banner-lines, .docs-banner-lines) {
  opacity: 0.7;
}
:where([data-env-contrast='high']) :is(.catalogue-banner-lines, .docs-banner-lines) {
  opacity: 1;
}
.catalogue-banner-lines:dir(rtl),
.docs-banner-lines:dir(rtl) {
  mask-image: linear-gradient(to left, transparent 25%, var(--site-banner-lines-opaque) 70%);
}
@container site-page-header (width < 44rem) {
  .site-banner-shapes {
    display: none;
  }
}
.site-banner-shapes {
  position: absolute;
  inset: 0;
  overflow: hidden;
  container-type: size;
  pointer-events: none;
}
.catalogue-banner-motif {
  --catalogue-motif-opaque: var(--env-color-fg-default);
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  display: grid;
  place-items: center;
  inline-size: min(54%, 40rem);
  overflow: hidden;
  container-type: size;
  pointer-events: none;
  mask-image: linear-gradient(to right, transparent, var(--catalogue-motif-opaque) 45%);
}
.catalogue-banner-motif:dir(rtl) {
  mask-image: linear-gradient(to left, transparent, var(--catalogue-motif-opaque) 45%);
}
.catalogue-motif-art {
  --catalogue-motif-scale: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  font-size: calc(min(100cqh / 19, 100cqi / 24) * var(--catalogue-motif-scale));
  line-height: 1;
  rotate: -8deg;
  translate: 12% 0;
}
@media (prefers-reduced-motion: no-preference) {
  .catalogue-motif-art > * {
    animation: docs-motif-enter calc(var(--env-motion-duration-slow) * 4)
      var(--env-motion-ease-enter)
      calc(var(--catalogue-motif-place, 0) * var(--env-motion-duration-fast) / 2) backwards;
  }
}
@keyframes docs-motif-enter {
  from {
    opacity: 0;
    translate: 0 1.5em;
  }
}
.catalogue-motif-art[data-motif='swatches'] {
  display: grid;
  rotate: 0deg;
  translate: none;
}
.catalogue-motif-swatch {
  display: flex;
  flex-direction: column;
  grid-area: 1 / 1;
  inline-size: 3.6em;
  block-size: 15em;
  overflow: hidden;
  border-radius: 0.9em;
  transform-origin: 50% 90%;
  rotate: var(--catalogue-motif-turn);
}
.catalogue-motif-swatch > span {
  flex: 1;
}
.catalogue-motif-swatch > :nth-child(1) {
  background: var(--catalogue-tone-muted);
}
.catalogue-motif-swatch > :nth-child(2) {
  background: color-mix(in oklab, var(--catalogue-tone-muted), var(--catalogue-tone-emphasis));
}
.catalogue-motif-swatch > :nth-child(3) {
  background: var(--catalogue-tone-emphasis);
}
.catalogue-motif-swatch > :nth-child(4) {
  background: var(--catalogue-tone-strong);
}
@media (prefers-reduced-motion: no-preference) {
  .catalogue-motif-art[data-motif='swatches'] > * {
    animation-name: docs-motif-fan;
  }
}
@keyframes docs-motif-fan {
  from {
    opacity: 0;
    rotate: 0deg;
  }
}
@container site-page-header (width < 44rem) {
  .catalogue-banner-motif {
    display: none;
  }
}
.catalogue-specimen-area {
  padding: 2rem var(--site-gutter) 3rem;
  container-type: inline-size;
}
.site-example {
  --catalogue-example-width: 42rem;
  inline-size: 100%;
  margin: 0 0 var(--env-space-9);
  min-width: 0;
}
.site-example > :not(h2):not(.catalogue-caption) {
  max-inline-size: min(100%, var(--catalogue-example-width), var(--catalogue-measure, 100%));
}
.site-example[data-size='compact'] {
  --catalogue-example-width: 18rem;
}
.site-example[data-size='field'] {
  --catalogue-example-width: 24rem;
}
.site-example[data-size='wide'],
.site-example[data-size='collection'] {
  --catalogue-example-width: 100%;
}
.catalogue-specimen-grid {
  --catalogue-specimen-min: 18rem;
  --catalogue-specimen-width: 24rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--catalogue-specimen-min)), 1fr));
  gap: var(--env-space-7) var(--env-space-6);
  align-items: start;
  min-inline-size: 0;
}
.catalogue-specimen-grid[data-size='small'] {
  --catalogue-specimen-min: 8rem;
  --catalogue-specimen-width: 10rem;
}
.catalogue-specimen-grid[data-size='compact'] {
  --catalogue-specimen-min: 12rem;
  --catalogue-specimen-width: 18rem;
}
.catalogue-specimen-grid[data-size='card'] {
  --catalogue-specimen-min: 22rem;
  --catalogue-specimen-width: 28rem;
}
.catalogue-specimen-grid[data-size='wide'] {
  --catalogue-specimen-min: 26rem;
  --catalogue-specimen-width: 100%;
}
.catalogue-specimen-grid > * {
  min-inline-size: 0;
  max-inline-size: var(--catalogue-specimen-width);
}
.site-example:last-child {
  margin-bottom: 0;
}
.catalogue-example-heading {
  max-inline-size: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--env-space-4);
  inline-size: fit-content;
  min-block-size: var(--env-control-height);
}
:where(.site-example) p {
  max-inline-size: 65ch;
}
.catalogue-matrix-scroll {
  max-width: 100%;
  border-radius: var(--env-radius-sm);
}
.catalogue-matrix {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.catalogue-matrix th {
  font: var(--env-type-body-sm);
  color: var(--env-color-fg-muted);
  font-weight: var(--env-font-weight-regular);
  padding: 0.5rem 0.75rem 1rem;
  overflow-wrap: normal;
}
.catalogue-matrix tbody th {
  text-transform: capitalize;
  min-width: 6rem;
}
.catalogue-matrix td {
  padding: 1rem 0.75rem;
  white-space: nowrap;
}
.site-figures .catalogue-matrix-scroll[data-stacked] :is(.catalogue-matrix, tbody) {
  display: grid;
  gap: var(--env-space-6);
}
.site-figures .catalogue-matrix-scroll[data-stacked] thead {
  display: none;
}
.site-figures .catalogue-matrix-scroll[data-stacked] tr {
  display: grid;
  grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
  align-items: center;
  gap: var(--env-space-3) var(--env-space-4);
}
.site-figures .catalogue-matrix-scroll[data-stacked] tbody th {
  grid-column: 1 / -1;
  inline-size: auto;
  padding: 0;
  text-align: start;
  color: var(--env-color-fg-default);
  font-weight: var(--env-font-weight-medium);
}
.site-figures .catalogue-matrix-scroll[data-stacked] td {
  display: contents;
}
.site-figures .catalogue-matrix-scroll[data-stacked] td::before {
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
  text-align: start;
  content: attr(data-catalogue-label);
}
.site-figures .catalogue-matrix-scroll[data-stacked] td > * {
  justify-self: start;
  margin: 0;
}
.catalogue-short-editor {
  inline-size: 100%;
  text-align: start;
}
.catalogue-short-editor .env-rich-text-document {
  min-block-size: 4.5rem;
}
.catalogue-inset-box {
  outline: 0.0625rem dashed var(--env-color-border-default);
  transition: padding var(--env-motion-duration-slow) var(--env-motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  .catalogue-inset-box {
    transition: none;
  }
}
.catalogue-motion-subject .catalogue-appearance-area {
  background: none;
}
.catalogue-row-density {
  --site-row-padding: var(--env-row-padding-block-md);
  inline-size: 100%;
  padding-block-end: calc(10 * (var(--env-row-padding-block-lg) - var(--site-row-padding)));
}
.catalogue-row-density:has(.env-table[data-density='xs']) {
  --site-row-padding: var(--env-row-padding-block-xs);
}
.catalogue-row-density:has(.env-table[data-density='sm']) {
  --site-row-padding: var(--env-row-padding-block-sm);
}
.catalogue-row-density:has(.env-table[data-density='lg']) {
  --site-row-padding: var(--env-row-padding-block-lg);
}
.site-article {
  padding: 0 var(--site-gutter) 3rem;
}
:where(.site-article) p {
  max-inline-size: 75ch;
}
.catalogue-overview {
  padding: var(--env-space-5) var(--site-gutter) var(--env-space-8);
  text-align: center;
}
.catalogue-catalogue-content {
  height: 100%;
  text-align: center;
}
.catalogue-catalogue-content > svg {
  flex-shrink: 0;
  color: var(--env-color-fg-muted);
}
.catalogue-catalogue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: var(--env-space-5);
  container-type: inline-size;
}
.catalogue-explore-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}
.catalogue-overview-header {
  margin-block-end: 0;
}
.catalogue-overview-hero {
  padding-block: clamp(var(--env-space-6), 6cqi, var(--env-space-9)) 0;
  text-align: center;
}
.catalogue-overview-title {
  margin: 0 0 var(--env-space-2);
  line-height: 0;
}
.catalogue-overview-logo {
  display: block;
  inline-size: auto;
  block-size: clamp(1.75rem, calc(1rem + 1.5cqi), 2.25rem);
  color: var(--env-color-fg-default);
}
.catalogue-overview-lede {
  max-inline-size: 20ch;
  margin: 0;
  color: var(--env-color-fg-default);
  font-size: clamp(2rem, calc(1rem + 3cqi), 3.25rem);
  font-weight: var(--env-font-weight-medium);
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-wrap: balance;
}
.catalogue-overview-install {
  display: inline-flex;
  align-items: center;
  max-inline-size: 100%;
  padding-inline-start: var(--env-space-3);
  border-radius: var(--env-radius-full);
  background: var(--env-color-bg-default);
  text-align: start;
}
.catalogue-overview-install code {
  min-inline-size: 0;
  overflow-x: auto;
  padding-block: var(--env-space-1);
  font-family: var(--site-code-font-family);
  font-size: var(--env-font-size-caption);
  white-space: nowrap;
  scrollbar-width: none;
}
.catalogue-overview-facts {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.catalogue-overview-facts > * {
  white-space: nowrap;
}
.catalogue-overview-facts > * + *::before {
  margin-inline: var(--env-space-2);
  content: '·';
}
@media (width < 40rem) {
  .catalogue-overview-facts > :last-child {
    display: block;
  }
  .catalogue-overview-facts > :last-child::before {
    content: none;
  }
}
.docs-palette-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 5.25rem;
  align-items: stretch;
}
.docs-palette-label {
  padding: 1rem 0.75rem 1rem 0;
  display: grid;
  align-content: center;
  gap: 0.375rem;
  font: var(--env-type-body-sm);
}
.docs-palette-label code {
  color: var(--env-color-fg-muted);
  font:
    0.6875rem/1.5 ui-monospace,
    Consolas,
    monospace;
  overflow-wrap: anywhere;
}
.docs-swatch {
  --docs-ink-dark: #1e1f21;
  --docs-ink-light: #ffffff;
  --docs-ink-black: #000000;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 0;
  justify-content: flex-start;
  text-align: start;
}
.docs-swatch[data-edge]:not(:focus-visible) {
  outline: 1px solid var(--env-color-border-muted);
  outline-offset: -1px;
}
.docs-palette-dialog {
  width: min(22rem, 100%);
}
.docs-swatch code {
  font:
    0.6875rem/1.6 ui-monospace,
    Consolas,
    monospace;
  overflow-wrap: anywhere;
}
@container (width < 24rem) {
  .docs-palette-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .docs-palette-label {
    padding-inline-end: 0;
  }
  .docs-swatch {
    min-block-size: var(--env-control-height-touch);
  }
}
.catalogue-icon-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--env-space-5);
}
@container (max-width: 30rem) {
  .catalogue-icon-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }
}
.catalogue-icon-detail-symbol {
  display: grid;
  place-items: center;
  padding-block: var(--env-space-4);
}
.catalogue-icon-catalogue {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 8rem), 1fr));
  gap: var(--env-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalogue-icon-catalogue li {
  min-inline-size: 0;
}
.catalogue-icon-tile {
  display: flex;
  flex-direction: column;
  gap: var(--env-space-3);
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 6.5rem;
  padding: var(--env-space-4) var(--env-space-2);
  border: 0;
  border-radius: var(--env-radius-lg);
  background: transparent;
  color: var(--env-color-fg-default);
  font: inherit;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease);
}
@media (hover: hover) {
  .catalogue-icon-tile:hover {
    background: var(--env-color-bg-neutral-subtle-hover);
  }
}
.catalogue-icon-tile:active,
.catalogue-icon-tile[aria-pressed='true'] {
  background: var(--env-color-bg-neutral-subtle-pressed);
}
.catalogue-icon-tile:focus-visible {
  outline: 2px solid var(--env-color-border-focus);
  outline-offset: 2px;
}
.catalogue-icon-label {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}
@container env-window (width >= 75rem) {
  body:has(.catalogue-icon-details) .site-main {
    padding-inline-end: 24rem;
  }
}
.catalogue-topic-text {
  display: grid;
  align-content: start;
  gap: var(--env-space-2);
  max-inline-size: 65ch;
}
.catalogue-topic-text :is(h3, h4, p) {
  margin: 0;
}
.site-topic-figure {
  display: grid;
  gap: var(--env-space-4);
  min-inline-size: 0;
  margin: 0;
}
.site-topic-figure > .site-foundation-stage > :not(.catalogue-motion-pause) {
  inline-size: auto;
  max-inline-size: 100%;
}
.catalogue-topic-legend-name {
  font-weight: var(--env-font-weight-medium);
}
.catalogue-topic-legend p {
  margin: 0;
}
.catalogue-marked-stage {
  padding-inline: var(--env-space-9);
}
.catalogue-marked {
  position: relative;
  display: grid;
  justify-items: center;
  max-inline-size: 100%;
}
.catalogue-marked-subject {
  display: grid;
  justify-items: center;
  max-inline-size: 100%;
}
.catalogue-marked-space {
  fill: color-mix(in oklch, var(--env-color-fg-primary) 30%, transparent);
}
.site-anatomy-lines .catalogue-marked-guide {
  stroke: var(--env-color-fg-primary);
  stroke-dasharray: 4 3;
}
.catalogue-spacing-subject {
  inline-size: min(24rem, 100%);
}
.catalogue-align-subject {
  justify-content: center;
}
.catalogue-shape-screen {
  inline-size: min(22rem, 100%);
}
.catalogue-scale-theme {
  background: none;
  inline-size: auto;
}
.catalogue-scale-sample {
  inline-size: min(20rem, 100%);
}
.catalogue-scale-steps > * {
  place-self: center;
}
.catalogue-rows-steps {
  inline-size: min(100%, 26rem);
}
.catalogue-rows-steps > * {
  align-self: center;
}
.catalogue-breathing-table :is(.env-table-cell, .env-table-header-cell) {
  transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease);
}
@media (prefers-reduced-motion: no-preference) {
  .catalogue-breathing-table :is(.env-table-cell, .env-table-header-cell) {
    transition:
      padding calc(2 * var(--env-motion-duration-slow)) var(--env-motion-ease),
      background-color var(--env-motion-duration-fast) var(--env-motion-ease);
  }
}
.site-foundation-stage.catalogue-tall-stage {
  align-content: start;
  min-block-size: 22rem;
}
.catalogue-tall-slot {
  display: flex;
  justify-content: flex-end;
  inline-size: 12rem;
}
.catalogue-tall-box {
  display: flex;
  justify-content: flex-end;
  inline-size: 9.5rem;
  transition: inline-size calc(2 * var(--env-motion-duration-slow)) var(--env-motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  .catalogue-tall-box {
    transition: none;
  }
}
.catalogue-tall-box[data-narrow] {
  inline-size: 6.5rem;
}
.catalogue-tall-field {
  inline-size: 19rem;
}
.catalogue-width-legend {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: var(--env-space-5);
}
.catalogue-type-screen {
  inline-size: min(26rem, 100%);
}
.catalogue-type-styles {
  display: grid;
  gap: var(--env-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalogue-type-styles > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--env-space-2) var(--env-space-6);
  align-items: center;
}
.catalogue-type-name {
  display: grid;
  gap: var(--env-space-1);
}
@container (max-width: 38rem) {
  .catalogue-type-styles > li {
    grid-template-columns: minmax(0, 1fr);
  }
}
.catalogue-keyboard-sample {
  inline-size: min(22rem, 100%);
}
.catalogue-roles-frame {
  inline-size: 100%;
}
.catalogue-roles {
  inline-size: 100%;
}
.catalogue-marked-stage.catalogue-roles-stage {
  padding-inline: var(--env-space-5);
}
.catalogue-marked[data-named] {
  grid-template-columns: minmax(0, 24rem) auto;
  justify-content: center;
  justify-items: stretch;
  align-items: start;
}
.site-anatomy-lines polyline {
  fill: none;
  stroke: var(--env-color-fg-muted);
  stroke-width: 1px;
}
.catalogue-marked-names {
  display: grid;
  margin: 0;
  margin-inline-start: var(--env-space-8);
  padding: 0;
  list-style: none;
}
.catalogue-marked-names > li {
  position: relative;
  grid-area: 1 / 1;
  translate: 0 -50%;
}
.catalogue-role-name {
  display: inline-flex;
  align-items: center;
  gap: var(--env-space-2);
  white-space: nowrap;
}
.catalogue-roles-frame[data-narrow] {
  .catalogue-marked-names {
    margin-inline-start: var(--env-space-6);
  }
  .catalogue-role-name {
    max-inline-size: 7.5rem;
    white-space: normal;
  }
}
.catalogue-role-groups {
  container-type: inline-size;
}
.catalogue-role-groups > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--env-space-6);
}
@container (width >= 30rem) {
  .catalogue-role-groups > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width >= 54rem) {
  .catalogue-role-groups > div {
    grid-template-columns: repeat(4, 1fr);
  }
}
.catalogue-role-group {
  display: grid;
  align-content: start;
  gap: var(--env-space-3);
}
.catalogue-role-group > h4 {
  margin: 0;
}
.catalogue-role-swatches {
  display: grid;
  gap: var(--env-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalogue-role-swatches > li {
  display: grid;
  grid-template-columns: 3rem 1fr;
  column-gap: var(--env-space-3);
  align-items: center;
}
.catalogue-role-swatch {
  position: relative;
  display: flex;
  overflow: clip;
  block-size: 2rem;
  border-radius: var(--env-radius-sm);
  box-shadow: var(--catalogue-card-shadow);
}
.catalogue-role-swatch::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 0.0625rem color-mix(in oklch, var(--env-color-fg-default) 9%, transparent);
  pointer-events: none;
}
.catalogue-role-swatch > span {
  flex: 1;
}
:where([data-env-contrast='high']) .catalogue-role-swatch::after {
  box-shadow: inset 0 0 0 0.0625rem
    color-mix(in oklch, var(--env-color-fg-default) 30%, transparent);
}
@media (forced-colors: active) {
  .catalogue-role-swatch {
    border: 0.0625rem solid CanvasText;
  }
}
.catalogue-tone-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--env-space-3);
  padding-block: var(--env-space-4);
  zoom: 1.125;
}
@container (30rem <= width < 46rem) {
  .catalogue-tone-break {
    flex-basis: 100%;
  }
}
.site-figure-run > .site-topic-figure > figcaption {
  grid-row: 2;
}
.site-topic-figure > .site-foundation-stage > .catalogue-motion-subject {
  inline-size: 100%;
}
.catalogue-scheme-steps {
  inline-size: 100%;
}
.catalogue-theme-screen {
  inline-size: min(100%, 25rem);
  border-radius: var(--env-radius-xl);
}
.site-foundation-stage.catalogue-scheme-stage {
  align-content: stretch;
  padding: 0;
}
.site-topic-figure > .catalogue-scheme-stage > .catalogue-motion-subject,
.catalogue-scheme-steps {
  display: grid;
  place-items: stretch;
}
.catalogue-scheme-canvas {
  box-sizing: border-box;
  inline-size: 100%;
  padding: var(--env-space-8) var(--env-space-6);
  background-color: var(--env-color-bg-page);
  color: var(--env-color-fg-default);
}
.catalogue-scheme-tiles {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 0.75fr);
  grid-template-areas:
    'form tabs switch'
    'form choice nav'
    'search progress nav';
  gap: var(--env-space-3);
  inline-size: min(100%, 52rem);
  margin-inline: auto;
}
.catalogue-scheme-tiles[data-narrow] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    'form'
    'tabs'
    'choice'
    'progress'
    'switch'
    'nav';
}
.catalogue-scheme-tile {
  display: grid;
  place-items: center;
}
.catalogue-scheme-tile[data-tile='form'] {
  grid-area: form;
  place-items: center stretch;
}
.catalogue-scheme-tile[data-tile='tabs'] {
  grid-area: tabs;
}
.catalogue-scheme-tile[data-tile='switch'] {
  grid-area: switch;
}
.catalogue-scheme-tile[data-tile='choice'] {
  grid-area: choice;
}
.catalogue-scheme-tile[data-tile='progress'] {
  grid-area: progress;
  place-items: center stretch;
}
.catalogue-scheme-tile[data-tile='search'] {
  grid-area: search;
  place-items: center stretch;
}
.catalogue-scheme-tile[data-tile='nav'] {
  grid-area: nav;
}
.catalogue-theme-screen,
.catalogue-theme-screen *,
.catalogue-theme-screen ::before,
.catalogue-theme-screen ::after,
.catalogue-tone-badges *,
.catalogue-tone-badges ::before,
.catalogue-tone-badges ::after,
.catalogue-scheme-canvas,
.catalogue-scheme-canvas *,
.catalogue-scheme-canvas ::before,
.catalogue-scheme-canvas ::after {
  transition: none;
}
.catalogue-step-stack {
  display: grid;
}
.catalogue-step-stack > * {
  grid-area: 1 / 1;
  visibility: hidden;
}
.catalogue-step-stack > [data-current] {
  visibility: visible;
}
.catalogue-corner-label {
  position: absolute;
  inset-block-start: var(--env-space-3);
  inset-inline-start: var(--env-space-4);
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
  font-variant-numeric: tabular-nums;
}
.catalogue-fixed-frame {
  outline: 0.0625rem dashed var(--env-color-border-default);
  outline-offset: var(--env-space-2);
}
.catalogue-text-size-frame {
  inline-size: min(100%, 22rem);
}
.catalogue-text-size-frame > * {
  align-self: center;
}
.catalogue-measure-stage .catalogue-width-sweep-place {
  row-gap: 0;
  padding-block-start: var(--env-space-2);
}
.catalogue-measure {
  font: var(--env-type-body);
  position: relative;
  overflow: clip;
}
.catalogue-measure-text {
  max-inline-size: 53ch;
}
.catalogue-measure::after {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: 53ch;
  border-inline-start: 0.0625rem dashed var(--env-color-fg-primary);
}
.catalogue-class-text-place {
  display: grid;
  padding-block-start: var(--env-space-5);
  justify-items: center;
  inline-size: 100%;
}
.catalogue-class-text-frame {
  inline-size: 41rem;
}
.catalogue-class-text-frame > * {
  align-self: center;
}
.catalogue-icons-bar {
  inline-size: min(100%, 26rem);
}
.catalogue-icons-buttons {
  min-block-size: var(--env-control-height-lg);
}
.catalogue-icons-alert {
  inline-size: 24rem;
  max-inline-size: 100%;
}
.catalogue-key-cap {
  animation: catalogue-key-press var(--env-motion-duration-slow) var(--env-motion-ease);
}
@keyframes catalogue-key-press {
  from {
    opacity: 0.4;
    transform: translateY(0.125rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .catalogue-key-cap {
    animation: none;
  }
}
.catalogue-specimen-area
  .catalogue-force-hover.env-button:where([data-variant='primary'][data-tone='neutral']) {
  background: var(--env-color-bg-primary-emphasis-hover);
}
.catalogue-specimen-area
  .catalogue-force-pressed.env-button:where([data-variant='primary'][data-tone='neutral']) {
  background: var(--env-color-bg-primary-emphasis-pressed);
}
.catalogue-specimen-area
  .catalogue-force-hover.env-button:where([data-variant='primary'][data-tone='accent']) {
  background: var(--env-color-bg-accent-emphasis-hover);
}
.catalogue-specimen-area
  .catalogue-force-pressed.env-button:where([data-variant='primary'][data-tone='accent']) {
  background: var(--env-color-bg-accent-emphasis-pressed);
}
.catalogue-specimen-area
  .catalogue-force-hover.env-button:where([data-variant='primary'][data-tone='danger']) {
  background: var(--env-color-bg-danger-emphasis-hover);
}
.catalogue-specimen-area
  .catalogue-force-pressed.env-button:where([data-variant='primary'][data-tone='danger']) {
  background: var(--env-color-bg-danger-emphasis-pressed);
}
.catalogue-specimen-area .catalogue-force-hover.env-button:where([data-variant='secondary']) {
  background: var(--env-color-bg-neutral-muted-hover);
}
.catalogue-specimen-area .catalogue-force-pressed.env-button:where([data-variant='secondary']) {
  background: var(--env-color-bg-neutral-muted-pressed);
}
.catalogue-specimen-area .catalogue-force-hover.env-button:where([data-variant='outline']) {
  background: var(--env-color-bg-neutral-subtle-hover);
  border-color: var(--env-color-border-default-hover);
}
.catalogue-specimen-area .catalogue-force-pressed.env-button:where([data-variant='outline']) {
  background: var(--env-color-bg-neutral-subtle-pressed);
  border-color: var(--env-color-border-default-pressed);
}
.catalogue-specimen-area .catalogue-force-hover.env-button:where([data-variant='text']) {
  color: var(--env-color-fg-link-hover);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.catalogue-specimen-area .catalogue-force-pressed.env-button:where([data-variant='text']) {
  color: var(--env-color-fg-link-pressed);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.catalogue-specimen-area
  .catalogue-force-hover.env-button:where([data-variant='outline'][data-tone='danger']) {
  border-color: var(--env-color-border-danger-emphasis-hover);
}
.catalogue-specimen-area
  .catalogue-force-pressed.env-button:where([data-variant='outline'][data-tone='danger']) {
  border-color: var(--env-color-border-danger-emphasis-pressed);
}
.catalogue-specimen-area
  :is(.catalogue-force-hover, .catalogue-force-pressed).env-button:where(
    [data-variant='text'][data-tone='danger']
  ) {
  color: var(--env-color-fg-danger);
}
.catalogue-specimen-area .catalogue-force-focus.env-button {
  outline: 0.125rem solid var(--env-color-border-focus);
  outline-offset: 0.125rem;
}
.catalogue-specimen-area .catalogue-force-focus.env-button:where([data-variant='outline']) {
  outline-color: var(--env-color-border-focus);
  outline-offset: 0.0625rem;
}
.catalogue-specimen-area .catalogue-force-hover.env-button:where([data-variant='ghost']) {
  background: color-mix(in srgb, var(--env-color-bg-neutral-subtle-hover) 70%, transparent);
  color: var(--env-color-fg-default);
}
.catalogue-specimen-area .catalogue-force-pressed.env-button:where([data-variant='ghost']) {
  background: var(--env-color-bg-neutral-subtle-pressed);
  color: var(--env-color-fg-default);
}
.catalogue-specimen-area .catalogue-force-hover > .env-list-item[data-interactive] {
  --env-list-item-container: var(--env-color-bg-list-item-hover);
}
.catalogue-specimen-area .catalogue-force-pressed > .env-list-item[data-interactive] {
  --env-list-item-container: var(--env-color-bg-list-item-pressed);
}
.catalogue-specimen-area .catalogue-force-hover .env-navigation-drawer-item {
  --env-navigation-drawer-item-container: var(--env-color-bg-navigation-hover);
}
.catalogue-specimen-area .catalogue-force-pressed .env-navigation-drawer-item {
  --env-navigation-drawer-item-container: var(--env-color-bg-navigation-pressed);
}
.catalogue-specimen-area .catalogue-force-hover.env-text-field {
  --env-text-field-outline: var(--env-color-border-primary-emphasis-hover);
}
.catalogue-specimen-area .catalogue-force-pressed.env-text-field {
  --env-text-field-outline: var(--env-color-border-primary-emphasis-pressed);
}
.catalogue-specimen-area .catalogue-force-focus.env-text-field {
  --env-text-field-outline: var(--env-color-border-primary-emphasis);
}
.catalogue-specimen-area .catalogue-force-focus .env-text-field-control {
  --env-text-field-frame: calc(2 * var(--env-control-border-width));
}
.catalogue-specimen-area .catalogue-force-focus .env-text-field-control > label {
  color: var(--env-color-fg-primary);
}
.site-anatomy-subject .catalogue-force-rolling .env-animated-number-value {
  transform: translateY(0.45em);
}
.site-anatomy-subject .catalogue-force-handle {
  display: contents;
}
.site-anatomy-subject .catalogue-force-handle .env-slider-thumb {
  opacity: 1;
}
.site-anatomy-subject .catalogue-force-arc {
  display: contents;
}
.site-anatomy-subject .catalogue-force-arc .env-spinner > svg {
  animation: none;
}
.site-anatomy-subject .catalogue-force-arc .env-spinner-arc {
  animation: none;
  stroke-dasharray: 90 200;
  stroke-dashoffset: -35;
}
.site-anatomy-subject .catalogue-force-spread {
  display: contents;
}
.site-anatomy-subject .catalogue-force-spread .env-avatar-group {
  --env-avatar-group-spread: 1;
}
.site-anatomy-subject .catalogue-force-spread .env-avatar-group > * {
  --env-avatar-group-arc-lift: 0rem;
  --env-avatar-group-arc-turn: 0deg;
}
.site-page-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--env-space-4);
}
.site-part-switch {
  display: flex;
}
.site-part-switch .env-segmented-control-item {
  text-decoration: none;
}
.site-article .catalogue-specimen-area {
  padding: 0;
  background: none;
}
.site-template .env-markdown-table code {
  overflow-wrap: break-word;
}
.site-section-groups {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--site-section-gap);
  padding-block-end: 3rem;
}
.site-section-groups[aria-busy],
.docs-api[aria-busy] {
  min-block-size: 100dvh;
  align-content: start;
}
[data-site-pending] {
  visibility: hidden;
}
.site-section-groups .site-section-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  row-gap: var(--site-section-gap);
  padding-block-end: 0;
}
.site-example:has(> h2) {
  margin-block-end: var(--site-section-gap);
}
.docs-api.docs-api {
  row-gap: var(--site-section-gap);
}
.catalogue-list-name-dot,
.catalogue-list-name {
  color: var(--env-color-fg-muted);
}
.site-live-example,
.site-verdict-stage,
.site-anatomy-stage,
.site-loading-stage,
.catalogue-tile-stage,
.site-foundation-stage[data-figure='example'],
.site-figures :is(.catalogue-specimen-grid, .catalogue-matrix-scroll),
.catalogue-fan-card,
.site-page-banner,
.catalogue-explore-grid > .env-card,
.site-page-navigation .env-pager-link,
.catalogue-role-swatch {
  --catalogue-card-shadow-color: oklch(
    from var(--catalogue-card-fill, var(--env-color-bg-page)) calc(l * 0.45) calc(c * 0.5) h /
      calc(0.14 - l * 0.087)
  );
  --catalogue-card-shadow: 0 0.5rem 1.5rem var(--catalogue-card-shadow-color);
  --catalogue-card-shadow-recessed: 0 0.5rem 1.5rem
    light-dark(var(--catalogue-card-shadow-color), transparent);
  --catalogue-card-shadow-raised: 0 0.75rem 2rem
    oklch(
      from var(--catalogue-card-fill, var(--env-color-bg-page)) calc(l * 0.3) calc(c * 0.5) h /
        calc(0.34 - l * 0.22)
    );
  --catalogue-card-shadow-subtle: 0 0.25rem 0.75rem
    oklch(
      from var(--catalogue-card-fill, var(--env-color-bg-page)) calc(l * 0.45) calc(c * 0.5) h /
        calc(0.07 - l * 0.043)
    );
}
.site-live-example,
.site-verdict-stage,
.site-anatomy-stage {
  display: grid;
  place-content: center stretch;
  justify-items: center;
  gap: var(--env-space-4);
  min-inline-size: 0;
  container-type: inline-size;
}
:is(
  .site-live-example,
  .site-anatomy-stage,
  .site-loading-stage,
  .site-foundation-stage,
  .catalogue-tile-stage
):not(.site-figures *) {
  border-radius: var(--env-radius-surface);
}
.site-live-example,
.site-verdict-stage,
.site-verdict-caption,
.site-anatomy-stage,
.site-loading-stage,
.catalogue-tile-stage,
.site-foundation-stage[data-figure='example'],
.site-figures :is(.catalogue-specimen-grid, .catalogue-matrix-scroll),
.catalogue-fan-card {
  --catalogue-card-fill: light-dark(
    color-mix(in oklab, var(--env-color-bg-raised), var(--env-color-bg-recessed)),
    var(--env-color-bg-recessed)
  );
  background-color: var(--catalogue-card-fill);
}
:is(
  .site-live-example,
  .site-verdict-stage,
  .site-anatomy-stage,
  .site-loading-stage,
  .catalogue-tile-stage,
  .site-foundation-stage[data-figure='example']
):not(.site-figures *) {
  box-shadow: var(--catalogue-card-shadow-recessed);
}
.site-figures
  :is(
    .site-live-example,
    .site-verdict-stage,
    .site-anatomy-stage,
    .site-loading-stage,
    .site-foundation-stage,
    .catalogue-specimen-grid,
    .catalogue-matrix-scroll
  ) {
  border-radius: 0;
}
.catalogue-fan-card {
  box-shadow: var(--catalogue-card-shadow-raised);
}
[data-env-theme='dark'] .catalogue-fan-card {
  --catalogue-card-fill: var(--env-color-bg-raised);
}
.site-page-banner,
.catalogue-explore-grid > .env-card {
  --catalogue-card-fill: var(--env-surface-color);
  box-shadow: var(--catalogue-card-shadow);
}
.site-page-navigation .env-pager-link {
  --catalogue-card-fill: var(--env-color-bg-raised);
  box-shadow: var(--catalogue-card-shadow-subtle);
}
:is(
    .site-live-example,
    .site-verdict-stage,
    .site-verdict-caption,
    .site-anatomy-stage,
    .catalogue-tile-stage
  ):is([data-stage='shaded'], [data-device]):is(
    [data-env-theme='light'],
    [data-env-theme='light'] :not([data-env-theme])
  ) {
  --catalogue-card-fill: oklch(from var(--env-color-bg-page) calc(l - 0.035) c h);
}
:is(.site-live-example, .site-verdict-fit, .site-anatomy-subject, .catalogue-tile-canvas) > * {
  max-inline-size: 100%;
}
:is(
    :is(.site-live-example, .site-verdict-fit, .site-anatomy-subject, .catalogue-tile-canvas) > *
  ):where(
    .env-description-list[data-layout='auto'],
    .env-page,
    .env-page-header,
    .env-panes,
    [data-env-name='key-figures'],
    .env-document-tabs-list,
    .env-panel-dock,
    .env-scaffold,
    [data-env-skeleton],
    [data-env-container],
    :has(
      .env-description-list[data-layout='auto'],
      .env-page,
      .env-page-header,
      .env-panes,
      [data-env-name='key-figures'],
      .env-document-tabs-list,
      .env-panel-dock,
      .env-scaffold,
      [data-env-skeleton],
      [data-env-container]
    )
  ),
.catalogue-motion-subject > .env-scaffold,
:is(.site-live-example, .site-verdict-fit, .site-anatomy-subject, .catalogue-tile-canvas)
  > .env-document-tabs {
  inline-size: 100%;
}
:is(
    .site-live-example,
    .site-verdict-fit,
    .site-anatomy-subject,
    .catalogue-width-box,
    .catalogue-tile-canvas,
    .catalogue-motion-subject
  )
  > .env-scaffold,
.site-live-example > [data-dev-mode-demo] > .env-scaffold {
  background-color: var(--env-color-bg-page);
}
.catalogue-width-box {
  display: grid;
  container: env-window / inline-size;
}
.site-figures :is(.catalogue-specimen-grid, .catalogue-matrix-scroll) {
  padding: var(--env-space-6);
}
@container site-page-layout (width < 37.5rem) {
  .site-figures :is(.catalogue-specimen-grid, .catalogue-matrix-scroll) {
    padding: var(--env-space-5) var(--env-space-4);
  }
}
.site-live-example {
  min-block-size: 4.5rem;
  padding: var(--env-space-5) var(--env-space-6);
}
@container (width < 30rem) {
  .site-live-example {
    padding: var(--env-space-5) var(--env-space-4);
  }
}
.site-live-example:has(> .env-table-region) {
  padding: calc(var(--env-radius-surface) - var(--env-radius-lg));
}
.site-figures .site-live-example {
  min-block-size: 11rem;
  padding-block: var(--env-space-7);
}
.site-figure-section[data-section='overview'] > .site-live-example-entry > .site-live-example {
  min-block-size: clamp(16rem, 42cqi, 30rem);
  padding-block: var(--env-space-8);
}
.site-figures .site-live-example:has(> .catalogue-open-example) {
  align-content: stretch;
}
:is(.site-live-example, .site-verdict-fit, .catalogue-tile-canvas)
  > [data-env-layout='row']:not([data-justify], fieldset) {
  justify-content: center;
}
.site-figures .catalogue-specimen-grid {
  --catalogue-specimen-track: var(--catalogue-specimen-width);
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, var(--catalogue-specimen-min)), var(--catalogue-specimen-track))
  );
  justify-content: center;
}
.site-figures .catalogue-specimen-grid[data-size='wide'] {
  --catalogue-specimen-track: 1fr;
}
.site-figures
  .catalogue-specimen-grid:has(
    > .catalogue-specimen:nth-child(4 of .catalogue-specimen):nth-last-child(
        1 of .catalogue-specimen
      )
  ) {
  --catalogue-specimen-gap: var(--env-space-6);
  --catalogue-specimen-four: calc(
    4 * var(--catalogue-specimen-min) + 3 * var(--catalogue-specimen-gap)
  );
  --catalogue-specimen-two: calc(2 * var(--catalogue-specimen-min) + var(--catalogue-specimen-gap));
  grid-template-columns: repeat(
    auto-fill,
    minmax(
      max(
        clamp(
          calc(25% - 0.75 * var(--catalogue-specimen-gap) - 0.01rem),
          (var(--catalogue-specimen-four) - 100%) * 999,
          calc(50% - 0.5 * var(--catalogue-specimen-gap) - 0.01rem)
        ),
        clamp(0rem, (var(--catalogue-specimen-two) - 100%) * 999, 100%)
      ),
      1fr
    )
  );
  column-gap: var(--catalogue-specimen-gap);
}
.site-figures
  .catalogue-specimen-grid:not([data-size='small']):has(
    > .catalogue-specimen:nth-child(3 of .catalogue-specimen):nth-last-child(
        1 of .catalogue-specimen
      )
  ) {
  --catalogue-specimen-gap: var(--env-space-6);
  --catalogue-specimen-three: calc(
    3 * var(--catalogue-specimen-min) + 2 * var(--catalogue-specimen-gap)
  );
  grid-template-columns: repeat(
    auto-fill,
    minmax(
      clamp(
        calc(100% / 3 - 2 * var(--catalogue-specimen-gap) / 3 - 0.01rem),
        (var(--catalogue-specimen-three) - 100%) * 999,
        100%
      ),
      1fr
    )
  );
  column-gap: var(--catalogue-specimen-gap);
}
.site-figures .catalogue-specimen-grid[data-size='small'] {
  grid-template-columns: repeat(4, minmax(0, var(--catalogue-specimen-width)));
  align-items: end;
  column-gap: var(--env-space-5);
}
@container (width < 42rem) {
  .site-figures .catalogue-specimen-grid[data-size='small'] {
    grid-template-columns: repeat(2, minmax(0, var(--catalogue-specimen-width)));
  }
}
.site-figures .catalogue-specimen-grid > * {
  max-inline-size: none;
}
.site-figures
  .catalogue-specimen-grid:not([data-size='card'], [data-size='wide'])
  > .catalogue-specimen {
  align-items: center;
  text-align: center;
}
.site-figures
  .catalogue-specimen
  > :is(
    .env-text-field,
    .env-combobox,
    .env-date-picker,
    .env-time-picker,
    .env-month-picker,
    .env-slider,
    .env-drop-zone,
    .env-composer,
    .env-color-picker
  ) {
  align-self: stretch;
  text-align: start;
}
.site-figures .catalogue-matrix {
  table-layout: fixed;
}
.site-figures .catalogue-matrix :is(th, td) {
  padding: var(--env-space-3) var(--env-space-2);
  text-align: center;
  vertical-align: middle;
}
.site-figures .catalogue-matrix :is(thead th:first-child, tbody th) {
  inline-size: 7rem;
  text-align: start;
}
.site-figures .catalogue-matrix td > * {
  inline-size: fit-content;
  margin-inline: auto;
}
.site-foundation-stage {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: var(--env-space-5);
  min-block-size: 8rem;
  min-inline-size: 0;
  padding: var(--env-space-7) var(--env-space-6);
  container-type: inline-size;
}
.site-foundation-stage > * {
  inline-size: min(100%, var(--catalogue-example-width));
  min-inline-size: 0;
}
.catalogue-open-example {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  justify-self: stretch;
  box-sizing: border-box;
  inline-size: 100%;
}
.catalogue-open-example:not([data-placed], :has(.site-loading)) {
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .catalogue-open-example[data-placed] {
    animation: catalogue-open-example-appear var(--env-motion-duration-medium)
      var(--env-motion-ease-enter);
  }
}
@keyframes catalogue-open-example-appear {
  from {
    opacity: 0;
  }
}
:is(.site-live-example, .site-verdict-stage):has(.catalogue-open-example) {
  contain: layout;
  overflow: clip;
}
.site-anatomy-subject .catalogue-open-example {
  contain: layout;
}
.site-anatomy-subject .catalogue-overlay-layer :is(.env-dialog-backdrop, .env-sheet-backdrop) {
  display: none;
}
.site-anatomy-subject .catalogue-overlay-layer .env-toast-viewport {
  inset: 0;
  inline-size: fit-content;
  block-size: fit-content;
  margin: auto;
}
:is(.site-live-example, .site-verdict-stage)
  .catalogue-open-example:is(:has(.env-command-palette), [data-catalogue-palette]) {
  place-items: start;
}
.catalogue-overlay-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.catalogue-open-example[data-live] > .catalogue-overlay-layer > * {
  pointer-events: auto;
}
:not(.catalogue-tile-canvas[data-tile], .catalogue-motion-subject) > .catalogue-overlay-layer * {
  transition: none;
  animation: none;
}
@media (forced-colors: active) {
  .site-live-example,
  .site-verdict-stage,
  .site-anatomy-stage,
  .site-foundation-stage[data-figure='example'],
  .catalogue-tile-stage,
  .site-figures :is(.catalogue-specimen-grid, .catalogue-matrix-scroll) {
    border: 1px solid CanvasText;
  }
}
@keyframes catalogue-renew-out {
  to {
    opacity: 0;
  }
}
.catalogue-motion-stage {
  position: relative;
  contain: layout;
  overflow: clip;
  overflow-anchor: none;
  grid-template-columns: minmax(0, 1fr);
}
.catalogue-motion-subject {
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  inline-size: 100%;
}
.catalogue-motion-subject > :not(.catalogue-overlay-layer) {
  max-inline-size: 100%;
}
.catalogue-motion-pause {
  position: absolute;
  inline-size: var(--env-button-height);
  inset-block-end: var(--env-space-2);
  inset-inline-end: var(--env-space-2);
}
@media (hover: hover) {
  .catalogue-motion-pause {
    transition: opacity var(--env-motion-duration-fast) var(--env-motion-ease);
  }
  .catalogue-motion-stage:not(:hover, :focus-within) .catalogue-motion-pause {
    opacity: 0;
  }
}
.site-figures .catalogue-motion-subject :is(.catalogue-specimen-grid, .catalogue-matrix-scroll) {
  justify-self: stretch;
  padding: 0;
  background: none;
  box-shadow: none;
}
.catalogue-pressed-keys {
  z-index: var(--env-z-tooltip);
}
.catalogue-motion-subject .env-toast-viewport[data-placement='bottom-end'] {
  --catalogue-toast-end: calc(2 * var(--env-space-2) + var(--env-control-height-sm));
  inset-inline-end: var(--catalogue-toast-end);
  max-inline-size: calc(100% - var(--env-space-4) - var(--catalogue-toast-end));
}
.catalogue-motion-subject .env-sheet[data-side='end'] .env-dialog-actions {
  padding-inline-end: max(
    0rem,
    2 * var(--env-space-2) + var(--env-control-height-sm) - var(--env-surface-padding, 0rem)
  );
}
::highlight(catalogue-selection) {
  background-color: Highlight;
  color: HighlightText;
}
.catalogue-field-selection {
  position: absolute;
  z-index: var(--env-z-raised);
  overflow: hidden;
  margin: 0;
  color: transparent;
  background: none;
  pointer-events: none;
}
.catalogue-field-selection > div {
  white-space: pre;
}
.catalogue-field-selection[data-field='input'] {
  display: flex;
  align-items: center;
}
.catalogue-field-selection[data-field='textarea'] > div {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.catalogue-field-selection span {
  color: HighlightText;
  background-color: Highlight;
}
.catalogue-overlay-layer:has(.env-dialog-backdrop, .env-sheet-backdrop)
  > .catalogue-field-selection {
  visibility: hidden;
}
.catalogue-motion-stage[data-top] {
  align-content: start;
}
.catalogue-pointer-layer {
  position: absolute;
  inset: 0;
  z-index: var(--env-z-raised);
  overflow: clip;
  border-radius: inherit;
  pointer-events: none;
}
.catalogue-pointer-cursor {
  --catalogue-cursor-scale: 1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--env-z-raised);
  inline-size: 0.875rem;
  block-size: 1.25rem;
  pointer-events: none;
  transform-origin: 0 0;
  scale: var(--catalogue-cursor-scale);
}
.catalogue-pointer-cursor > svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  overflow: visible;
  fill: var(--env-color-fg-default);
  stroke: var(--env-color-bg-default);
  stroke-width: 1.25;
  stroke-linejoin: round;
  paint-order: stroke;
  transform-origin: 0 0;
}
.catalogue-pointer-cursor[data-pressed] > svg {
  scale: 0.85;
}
.catalogue-pointer-file {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: 0.875rem;
  display: flex;
  align-items: center;
  gap: var(--env-space-1);
  max-inline-size: 10rem;
  padding: var(--env-space-1) var(--env-space-2);
  border: 1px solid var(--env-color-border-default);
  border-radius: var(--env-radius-md);
  background: var(--env-color-bg-raised);
  color: var(--env-color-fg-default);
  font: var(--env-type-body-sm);
  white-space: nowrap;
}
.catalogue-pointer-file[data-before] {
  inset-inline: auto calc(100% + 0.25rem);
}
.catalogue-pointer-file[data-above] {
  inset-block: auto calc(100% + 0.25rem);
}
.catalogue-pointer-file-icon {
  display: flex;
  flex: none;
  color: var(--env-color-fg-muted);
}
.catalogue-pointer-file-icon > svg {
  inline-size: 1rem;
  block-size: 1rem;
}
.catalogue-pointer-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (prefers-reduced-motion: no-preference) {
  .catalogue-pointer-cursor > svg {
    transition: scale var(--env-motion-duration-fast) var(--env-motion-ease);
  }
}
@media (prefers-reduced-motion: reduce) {
  .catalogue-pointer-cursor {
    display: none;
  }
}
@media (forced-colors: active) {
  .catalogue-pointer-cursor > svg {
    forced-color-adjust: none;
    fill: CanvasText;
    stroke: Canvas;
  }
  .catalogue-pointer-file {
    forced-color-adjust: none;
    border-color: CanvasText;
    background: Canvas;
    color: CanvasText;
  }
  .catalogue-pointer-file-icon {
    color: CanvasText;
  }
}
.site-device-stage {
  --site-device-most: 40rem;
  --site-device-hairline: calc(1px / var(--site-device-scale, 1));
  justify-self: stretch;
  inline-size: 100%;
}
.site-device-fit {
  --site-device-fade: 3rem;
  --site-device-opaque: var(--env-color-fg-default);
  --site-device-1: color-mix(in srgb, var(--site-device-opaque) 3%, transparent);
  --site-device-2: color-mix(in srgb, var(--site-device-opaque) 16%, transparent);
  --site-device-3: color-mix(in srgb, var(--site-device-opaque) 50%, transparent);
  --site-device-4: color-mix(in srgb, var(--site-device-opaque) 84%, transparent);
  --site-device-5: color-mix(in srgb, var(--site-device-opaque) 97%, transparent);
  --site-device-top: 0rem;
  --site-device-bottom: 0rem;
  --site-device-start: 0rem;
  --site-device-end: 0rem;
  position: relative;
  overflow: clip;
  margin-inline: auto;
}
.site-device-fit[data-cut~='top'] {
  --site-device-top: var(--site-device-fade);
}
.site-device-fit[data-cut~='bottom'] {
  --site-device-bottom: var(--site-device-fade);
}
.site-device-fit[data-cut~='start'] {
  --site-device-start: var(--site-device-fade);
}
.site-device-fit[data-cut~='end'] {
  --site-device-end: var(--site-device-fade);
}
.site-device-fit[data-cut] {
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      var(--site-device-1) calc(var(--site-device-top) * 0.15),
      var(--site-device-2) calc(var(--site-device-top) * 0.3),
      var(--site-device-3) calc(var(--site-device-top) * 0.5),
      var(--site-device-4) calc(var(--site-device-top) * 0.7),
      var(--site-device-5) calc(var(--site-device-top) * 0.85),
      var(--site-device-opaque) var(--site-device-top),
      var(--site-device-opaque) calc(100% - var(--site-device-bottom)),
      var(--site-device-5) calc(100% - var(--site-device-bottom) * 0.85),
      var(--site-device-4) calc(100% - var(--site-device-bottom) * 0.7),
      var(--site-device-3) calc(100% - var(--site-device-bottom) * 0.5),
      var(--site-device-2) calc(100% - var(--site-device-bottom) * 0.3),
      var(--site-device-1) calc(100% - var(--site-device-bottom) * 0.15),
      transparent
    ),
    linear-gradient(
      to right,
      transparent,
      var(--site-device-1) calc(var(--site-device-start) * 0.15),
      var(--site-device-2) calc(var(--site-device-start) * 0.3),
      var(--site-device-3) calc(var(--site-device-start) * 0.5),
      var(--site-device-4) calc(var(--site-device-start) * 0.7),
      var(--site-device-5) calc(var(--site-device-start) * 0.85),
      var(--site-device-opaque) var(--site-device-start),
      var(--site-device-opaque) calc(100% - var(--site-device-end)),
      var(--site-device-5) calc(100% - var(--site-device-end) * 0.85),
      var(--site-device-4) calc(100% - var(--site-device-end) * 0.7),
      var(--site-device-3) calc(100% - var(--site-device-end) * 0.5),
      var(--site-device-2) calc(100% - var(--site-device-end) * 0.3),
      var(--site-device-1) calc(100% - var(--site-device-end) * 0.15),
      transparent
    );
  mask-composite: intersect;
}
.site-device-row {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  inline-size: max-content;
  max-inline-size: none;
  transform-origin: 0 0;
  scale: var(--site-device-scale, 1);
  visibility: hidden;
}
.site-device-row[data-fitted] {
  visibility: visible;
}
.site-device {
  --site-device-stroke: 0.4375rem;
  --site-device-radius: 2rem;
  display: flex;
  flex: none;
  flex-direction: column;
  overflow: clip;
  border: var(--site-device-stroke) solid var(--env-color-border-neutral);
  border-radius: var(--site-device-radius);
  background-color: var(--env-color-bg-page);
  color: var(--env-color-fg-default);
}
.site-device[data-kind='window'] {
  --site-device-radius: 1.5rem;
}
.site-device-screen {
  position: relative;
  flex: none;
  overflow: clip;
  container: env-window / inline-size;
  contain: layout paint;
  background-color: var(--env-color-bg-page);
}
.site-device-bar {
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.75rem;
  box-sizing: border-box;
  color: var(--env-color-fg-default);
}
.site-device-glyphs {
  display: flex;
  align-items: center;
}
.site-device[data-kind='phone'] .site-device-bar {
  justify-content: space-between;
  block-size: 2.25rem;
  padding-inline: 1.5rem 1.25rem;
}
.site-device-time {
  font-weight: var(--env-font-weight-medium);
  font-variant-numeric: tabular-nums;
}
.site-device[data-kind='phone'] .site-device-glyphs {
  gap: 0.125rem;
  font-size: 0.875rem;
}
.site-device-home {
  flex: none;
  align-self: center;
  inline-size: 6rem;
  block-size: 0.25rem;
  margin-block: 0.5rem 0.625rem;
  border-radius: var(--env-radius-full);
  background-color: var(--env-color-fg-default);
}
.site-device[data-kind='window'] .site-device-bar {
  block-size: 3rem;
  padding-inline: 1rem 0.75rem;
  border-block-end: var(--site-device-hairline) solid var(--env-color-border-muted);
}
.site-device[data-kind='window'] .site-device-glyphs {
  gap: 0.75rem;
  font-size: 1.125rem;
  color: var(--env-color-fg-muted);
}
.site-device-address {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.375rem;
  block-size: 1.75rem;
  padding-inline: 0.75rem;
  border-radius: var(--env-radius-full);
  background-color: var(--env-color-bg-muted);
  font-size: 0.75rem;
  color: var(--env-color-fg-muted);
}
.site-live-example[data-device] {
  padding: var(--env-space-5);
}
@container (width < 30rem) {
  .site-live-example[data-device] {
    padding: var(--env-space-5) var(--env-space-4);
  }
}
@media (forced-colors: active) {
  .site-device {
    border-color: CanvasText;
  }
  .site-device-home {
    background-color: CanvasText;
  }
}
.site-loading:not([data-shown]) {
  opacity: 0;
}
.site-loading[data-site-early]:not(.site-loading-stage, [data-shown]) {
  opacity: 1;
  transition: opacity 0s linear var(--site-loading-delay);
}
@starting-style {
  .site-loading[data-site-early]:not(.site-loading-stage, [data-shown]) {
    opacity: 0;
  }
}
.site-loading[data-site-far],
.site-loading[data-site-far] [data-env-skeleton] {
  animation: none;
}
.site-loading:not(.site-loading-stage) {
  background-color: transparent;
}
.site-loading:not(.site-loading-stage, .site-loading-subject) {
  background-image: none;
}
.site-loading-subject {
  inline-size: 100%;
  min-block-size: 4rem;
  border-radius: var(--env-radius-md);
  forced-color-adjust: none;
  background-image: var(--env-skeleton-paint);
}
.site-loading-stage {
  position: relative;
  inline-size: 100%;
  min-block-size: 8rem;
}
.site-loading-stage:not([data-shown]) {
  opacity: 1;
}
.site-loading-stage:not([data-shown]) > .site-loading-stage-subject {
  visibility: hidden;
}
.site-loading-stage[data-site-early]:not([data-shown]) > .site-loading-stage-subject {
  visibility: visible;
  transition: visibility 0s linear var(--site-loading-delay);
}
@starting-style {
  .site-loading-stage[data-site-early]:not([data-shown]) > .site-loading-stage-subject {
    visibility: hidden;
  }
}
.site-loading-stage-subject {
  position: absolute;
  inset-block: var(--env-space-5);
  inset-inline: 0;
  inline-size: min(100% - 2 * var(--env-space-6), 28rem);
  margin-inline: auto;
  border-radius: var(--env-radius-md);
  forced-color-adjust: none;
  background-image: var(--env-skeleton-paint);
}
.site-loading-long {
  position: relative;
}
.site-loading-room {
  visibility: hidden;
}
.site-loading-start {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
}
.site-page-skeleton {
  display: flex;
  flex-direction: column;
}
.site-page-skeleton-lead {
  max-inline-size: min(100%, 53ch);
  font: var(--env-font-weight-regular) var(--env-font-size-title) / 1.5 var(--env-font-family);
}
.site-page-skeleton .site-banner-shapes {
  visibility: hidden;
}
.site-page-skeleton-stage,
.site-page-skeleton-code {
  forced-color-adjust: none;
  background-image: var(--env-skeleton-paint);
}
.site-page-skeleton-code {
  block-size: 7.5rem;
  border-radius: var(--env-radius-md);
}
.site-loading-leaving-layer {
  position: absolute;
  inset: 0;
  overflow: clip;
  pointer-events: none;
}
.site-route-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: var(--env-z-tooltip);
  block-size: 0.1875rem;
  overflow: hidden;
  pointer-events: none;
}
.site-route-progress-indicator {
  block-size: 100%;
  background: var(--env-color-bg-primary-emphasis);
  transform-origin: left center;
}
.site-route-progress-indicator:dir(rtl) {
  transform-origin: right center;
}
@media (prefers-reduced-motion: no-preference) {
  .site-route-progress-indicator {
    transform: scaleX(0.9);
    transition: transform calc(var(--env-motion-duration-slow) * 40) var(--env-motion-ease-enter);
  }
  @starting-style {
    .site-route-progress-indicator {
      transform: scaleX(0);
    }
  }
  .site-route-progress[data-state='finishing'] .site-route-progress-indicator {
    transform: scaleX(1);
    opacity: 0;
    transition:
      transform var(--env-motion-duration-slow) var(--env-motion-ease-enter),
      opacity var(--env-motion-duration-fast) var(--env-motion-ease-exit)
        var(--env-motion-duration-slow);
  }
}
.site-figures {
  --site-verdict-size: 23rem;
  container-type: inline-size;
}
.site-figure-section {
  --catalogue-subtopic-gap: var(--env-space-7);
  scroll-margin-block-start: var(--env-space-9);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--catalogue-subtopic-gap);
  min-inline-size: 0;
}
.site-figure-section-heading h2 {
  margin: 0;
}
.site-figure-section-heading + * {
  margin-block-start: calc(var(--env-space-4) - var(--catalogue-subtopic-gap));
}
.site-figure-section[data-section='overview']
  > .site-figure-section-heading.site-visually-hidden
  + * {
  margin-block-start: calc(var(--env-space-6) - var(--site-section-gap) + var(--env-space-2));
}
.site-figure-section
  > .env-markdown
  + :is(
    .site-live-example-entry,
    .site-figure-run,
    .site-anatomy,
    .catalogue-variants,
    .site-verdict,
    .site-example,
    .catalogue-option-legend
  ) {
  margin-block-start: calc(var(--env-space-4) - var(--catalogue-subtopic-gap));
}
.site-figure-section .env-markdown > h3:not(:first-child) {
  margin-block-start: var(--catalogue-subtopic-gap);
}
:is(.site-live-example-entry, .site-verdict) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--env-space-2) var(--env-space-4);
}
.site-live-example-entry {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-auto-flow: row dense;
  align-items: baseline;
}
.site-live-example-entry > * {
  grid-column: 1 / -1;
}
.site-live-example-entry > :is(.site-figure-caption, .site-still-mark) {
  grid-column: 1;
}
.site-live-example-entry > .site-live-example-code:not([open]) {
  grid-column: 2;
  justify-self: end;
}
.site-live-example-entry > .site-live-example-code[open] > summary {
  margin-inline-start: auto;
}
.site-still-mark {
  margin: 0;
}
.site-figure-caption {
  margin: 0;
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
}
.site-figure-run {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--env-space-7) var(--env-space-3);
  min-inline-size: 0;
}
.site-figure-run > * {
  display: grid;
  align-content: start;
  row-gap: var(--env-space-2);
  min-inline-size: 0;
  margin: 0;
}
.site-figure-split {
  display: grid;
  align-items: start;
  gap: var(--env-space-5) var(--env-space-7);
  min-inline-size: 0;
}
@container (width >= 38rem) {
  .site-figure-run:is([data-count='2'], [data-count='4'], [data-count='6'], [data-count='8']) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (width >= 58rem) {
  .site-figure-run[data-count='3'] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (width >= 32rem) {
  .site-figure-run:is([data-count='2'], [data-count='4'], [data-count='6'], [data-count='8']):not(
      :has(> :not(.site-verdict:not([data-shape='wide'])))
    ) {
    grid-template-columns: repeat(2, minmax(0, var(--site-verdict-size)));
  }
}
@container (width >= 48rem) {
  .site-figure-run[data-count='3']:not(:has(> :not(.site-verdict:not([data-shape='wide'])))) {
    grid-template-columns: repeat(3, minmax(0, var(--site-verdict-size)));
  }
}
@container (width >= 56rem) {
  .site-figure-split {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
}
.catalogue-width-strip {
  display: grid;
  gap: var(--env-space-5);
  min-inline-size: 0;
}
.catalogue-width-frame {
  display: grid;
  gap: var(--env-space-2);
  min-inline-size: 0;
  margin: 0;
}
.catalogue-width-frame > .site-live-example {
  justify-items: safe center;
  overflow-x: auto;
}
.catalogue-width-box {
  container-type: inline-size;
  outline: 0.0625rem dashed var(--env-color-border-default);
  outline-offset: var(--env-space-2);
}
.catalogue-width-fit[data-scaled] {
  position: relative;
}
.catalogue-width-fit[data-scaled] > .catalogue-width-box {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform-origin: top left;
}
.catalogue-width-fit[data-scaled]:dir(rtl) > .catalogue-width-box {
  transform-origin: top right;
}
.catalogue-width-fit[data-cropped] {
  --catalogue-width-edge: calc(var(--env-space-2) + 0.0625rem);
  --catalogue-width-fade: 1.75rem;
  --catalogue-width-start: 0rem;
  --catalogue-width-end: 0rem;
  box-sizing: border-box;
  max-inline-size: calc(100% + 2 * var(--catalogue-width-edge));
  margin: calc(-1 * var(--catalogue-width-edge));
  padding: var(--catalogue-width-edge);
  overflow-x: auto;
  mask-image: linear-gradient(
    to right,
    transparent,
    var(--env-color-fg-default) var(--catalogue-width-start),
    var(--env-color-fg-default) calc(100% - var(--catalogue-width-end)),
    transparent
  );
}
.catalogue-width-fit[data-cropped]:dir(rtl) {
  mask-image: linear-gradient(
    to left,
    transparent,
    var(--env-color-fg-default) var(--catalogue-width-start),
    var(--env-color-fg-default) calc(100% - var(--catalogue-width-end)),
    transparent
  );
}
.catalogue-width-fit[data-cut~='start'] {
  --catalogue-width-start: var(--catalogue-width-fade);
}
.catalogue-width-fit[data-cut~='end'] {
  --catalogue-width-end: var(--catalogue-width-fade);
}
.catalogue-width-sweep {
  display: grid;
  justify-items: center;
  justify-self: stretch;
  min-inline-size: 0;
}
.catalogue-width-sweep-place {
  display: grid;
  grid-template-rows: auto auto;
  row-gap: var(--env-space-4);
  justify-items: center;
  inline-size: calc(var(--catalogue-sweep-widest, 0rem) + 2 * var(--env-space-2) + 0.125rem);
  max-inline-size: 100%;
  padding-block-end: var(--env-space-2);
}
.catalogue-width-sweep-room {
  position: relative;
  inline-size: 100%;
  block-size: var(--catalogue-sweep-height, auto);
}
.catalogue-width-sweep-frame {
  position: absolute;
  inset-block-start: 0;
  left: 50%;
  container: env-window / inline-size;
  outline: 0.0625rem dashed var(--env-color-border-default);
  outline-offset: var(--env-space-2);
  transform: translateX(-50%) scale(var(--catalogue-sweep-scale, 1));
  transform-origin: top center;
}
.catalogue-width-sweep-overlays {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.catalogue-width-sweep-place[data-cropped] {
  --catalogue-sweep-fade: 1.75rem;
  --catalogue-sweep-end: 0rem;
  overflow-x: clip;
  mask-image: linear-gradient(
    to right,
    var(--env-color-fg-default) calc(100% - var(--catalogue-sweep-end)),
    transparent
  );
}
.catalogue-width-sweep-place[data-cut~='end'] {
  --catalogue-sweep-end: var(--catalogue-sweep-fade);
}
.catalogue-width-sweep-place[data-cut~='end'] .catalogue-width-ruler {
  border-inline-end-color: transparent;
}
.catalogue-width-sweep-frame[data-outline='none'] {
  outline-color: transparent;
}
.catalogue-width-ruler {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  column-gap: var(--env-space-2);
  align-items: center;
  box-sizing: border-box;
  inline-size: calc(var(--catalogue-sweep-width, 0rem) + 2 * var(--env-space-2) + 0.125rem);
  border-inline: 0.0625rem solid var(--env-color-border-muted);
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.catalogue-width-ruler::before,
.catalogue-width-ruler::after {
  content: '';
  block-size: 0.0625rem;
  background: var(--env-color-border-muted);
}
.site-live-example-code > summary {
  margin-inline: 0;
  padding-inline: 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.2em;
  transition: text-decoration-color var(--env-motion-duration-fast) var(--env-motion-ease);
}
.site-live-example-code > summary > .env-disclosure-indicator {
  display: none;
}
.site-live-example-code > summary:is(:hover, :active) {
  background: none;
  color: var(--env-color-fg-default);
  text-decoration-color: currentcolor;
}
.site-live-example-code > .env-disclosure-panel {
  margin-inline: 0;
}
.site-example-source.env-code-block {
  border-radius: var(--env-radius-surface);
}
.site-figures .site-example-source.env-code-block {
  border-radius: 0;
}
.site-visually-hidden {
  position: absolute;
  inline-size: 0.0625rem;
  block-size: 0.0625rem;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.site-verdict {
  grid-template-rows: minmax(0, 1fr) auto auto;
  min-inline-size: 0;
  margin: 0;
  row-gap: var(--env-space-2);
}
.site-verdict:not([data-shape='wide']) {
  inline-size: min(100%, var(--site-verdict-size));
}
@container (width >= 32rem) {
  .site-figure-run > .site-verdict {
    grid-row: span 3;
    grid-template-rows: subgrid;
    align-self: stretch;
    row-gap: var(--env-space-2);
  }
  .site-figure-run > .site-verdict > .site-verdict-stage {
    align-self: stretch;
  }
}
.site-verdict-stage {
  --site-verdict-inset: var(--env-space-6);
}
.site-verdict[data-shape='fit'] .site-verdict-stage {
  min-block-size: 11rem;
  overflow: clip;
}
.site-figure-run:not([data-count='3'])
  > .site-verdict[data-shape='fit']:nth-child(odd):has(+ .site-verdict[data-shape='square'])
  .site-verdict-stage,
.site-figure-run:not([data-count='3'])
  > .site-verdict[data-shape='square']:nth-child(odd)
  + .site-verdict[data-shape='fit']
  .site-verdict-stage,
.site-figure-run[data-count='3']:has(> .site-verdict[data-shape='square'])
  > .site-verdict[data-shape='fit']
  .site-verdict-stage {
  aspect-ratio: 1;
}
.site-verdict[data-shape='square'] .site-verdict-stage {
  position: relative;
  aspect-ratio: 1;
  overflow: clip;
  contain: layout;
}
.site-verdict[data-shape='wide'] .site-verdict-stage {
  min-block-size: 10rem;
  padding: var(--env-space-7) var(--env-space-6);
}
.site-verdict-fit {
  display: grid;
  place-content: center stretch;
  justify-items: center;
  gap: var(--env-space-4);
  min-inline-size: 0;
  container-type: inline-size;
}
.site-verdict[data-shape='square'] .site-verdict-fit {
  position: absolute;
  inset-block-start: 0;
  left: 0;
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: none;
  min-block-size: 100%;
  padding: var(--site-verdict-inset);
  transform: scale(var(--site-verdict-scale, 1));
  transform-origin: 0 0;
}
.site-verdict[data-shape='fit'] .site-verdict-fit {
  box-sizing: border-box;
  justify-self: start;
  inline-size: 100%;
  max-inline-size: none;
  padding: var(--site-verdict-inset);
  transform: scale(var(--site-verdict-scale, 1));
  transform-origin: 0 0;
}
.site-verdict-caption {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  align-items: baseline;
  column-gap: var(--env-space-2);
  min-inline-size: 0;
  padding: var(--env-space-3);
  color: var(--env-color-fg-muted);
  font: var(--env-type-body);
}
.site-verdict-mark {
  display: inline-flex;
  align-items: baseline;
  gap: var(--env-space-1);
  padding: var(--env-space-1) var(--env-space-3);
  border-radius: var(--env-radius-full);
  background: var(--env-color-bg-raised);
  font-weight: var(--env-font-weight-medium);
}
.site-verdict-mark > svg {
  flex: none;
  align-self: center;
  inline-size: 1rem;
  block-size: 1rem;
}
.site-verdict[data-verdict='do'] .site-verdict-mark {
  color: var(--env-color-fg-success);
}
.site-verdict[data-verdict='dont'] .site-verdict-mark {
  color: var(--env-color-fg-danger);
}
.site-verdict[data-verdict='caution'] .site-verdict-mark {
  color: var(--env-color-fg-warning);
}
.site-verdict-sentence {
  min-inline-size: 0;
}
@container (width < 30rem) {
  .site-verdict[data-shape='wide'] .site-verdict-stage {
    padding: var(--env-space-6) var(--env-space-4);
  }
  .site-verdict-stage {
    --site-verdict-inset: var(--env-space-4);
  }
}
.site-anatomy,
.catalogue-variants {
  display: grid;
  gap: var(--env-space-6);
  min-inline-size: 0;
  margin: 0;
}
.site-anatomy-stage {
  position: relative;
  padding: 3.5rem 3.75rem;
}
.catalogue-variants .site-anatomy-stage {
  padding: var(--env-space-6);
}
.site-anatomy-subject {
  display: grid;
  justify-items: center;
  inline-size: 100%;
  min-inline-size: 0;
  isolation: isolate;
}
.catalogue-anatomy-fit {
  inline-size: 100%;
}
.catalogue-anatomy-fit-box {
  display: grid;
}
.catalogue-anatomy-fit[data-scaled] {
  position: relative;
}
.catalogue-anatomy-fit[data-scaled] > .catalogue-anatomy-fit-box {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform-origin: top left;
}
.catalogue-anatomy-fit[data-scaled]:dir(rtl) > .catalogue-anatomy-fit-box {
  transform-origin: top right;
}
.site-anatomy-lines {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  overflow: visible;
  pointer-events: none;
}
.site-anatomy-lines line {
  stroke: var(--env-color-fg-muted);
  stroke-width: 1px;
}
.site-anatomy-lines circle {
  fill: var(--catalogue-card-fill, var(--env-color-bg-page));
  stroke: var(--env-color-fg-muted);
  stroke-width: 1px;
}
.site-anatomy-box,
.site-anatomy-box-rim {
  fill: none;
  stroke-width: 1px;
}
.site-anatomy-box {
  stroke: color-mix(in oklch, var(--env-color-fg-muted) 60%, transparent);
}
.site-anatomy-box-rim {
  stroke: var(--catalogue-card-fill, var(--env-color-bg-recessed));
  stroke-width: 3px;
}
.site-anatomy-badge,
.site-anatomy-number {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  border: 1px solid transparent;
  border-radius: var(--env-radius-lg);
  --site-anatomy-tint: color-mix(in oklab, var(--env-color-fg-default) 8%, transparent);
  background:
    linear-gradient(var(--site-anatomy-tint), var(--site-anatomy-tint)),
    var(--catalogue-card-fill, var(--env-color-bg-page));
  color: var(--env-color-fg-default);
  font: var(--env-type-body-sm);
  font-weight: var(--env-font-weight-medium);
  font-variant-numeric: tabular-nums;
}
.site-anatomy-badge {
  position: absolute;
  translate: -50% -50%;
  pointer-events: none;
}
.catalogue-variant-label {
  position: absolute;
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
  white-space: nowrap;
  pointer-events: none;
}
.catalogue-variant-label[data-side='left'] {
  translate: -100% -50%;
}
.catalogue-variant-label[data-side='right'] {
  translate: 0 -50%;
}
.catalogue-variant-label[data-side='bottom'] {
  translate: -50% 0;
}
.catalogue-variant-use {
  position: absolute;
  box-sizing: content-box;
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
  text-align: start;
  text-wrap: pretty;
  pointer-events: none;
}
.catalogue-variant-use > span {
  display: block;
}
.catalogue-variant-use[data-side='right'] {
  translate: 0 -50%;
}
.catalogue-variant-use[data-side='left'] {
  translate: -100% -50%;
}
.catalogue-variant-use[data-side='bottom'] {
  translate: 0 0;
}
.catalogue-variant-use[data-side='bottom']:dir(rtl) {
  translate: -100% 0;
}
:is(.site-anatomy, .catalogue-variants) > .site-live-example-code:not([open]) {
  justify-self: end;
}
:is(.site-anatomy, .catalogue-variants) > .site-live-example-code[open] > summary {
  margin-inline-start: auto;
}
.site-anatomy-caption {
  display: grid;
  gap: var(--env-space-6);
}
.site-anatomy-caption:not(:has(> :not(.site-visually-hidden))) {
  display: contents;
}
.site-anatomy-caption:not(:has(> :not(.site-visually-hidden))) + .site-live-example-code {
  margin-block-start: calc(var(--env-space-2) - var(--env-space-6));
}
.site-anatomy-legend {
  display: grid;
  --site-anatomy-gap: var(--env-space-6);
  grid-template-columns: repeat(
    auto-fill,
    minmax(
      min(
        100%,
        max(
          12rem,
          (100% - (var(--site-anatomy-columns, 3) - 1) * var(--site-anatomy-gap)) /
            var(--site-anatomy-columns, 3)
        )
      ),
      1fr
    )
  );
  gap: var(--env-space-3) var(--site-anatomy-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-anatomy-legend > li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--env-space-3);
}
.site-anatomy-legend p {
  margin: 0;
}
.catalogue-option-legend {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--env-space-5) var(--env-space-8);
  align-items: start;
  margin: 0;
}
.catalogue-option {
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  column-gap: var(--env-space-4);
  align-items: start;
}
.catalogue-option > dt {
  display: grid;
  justify-items: start;
  font-weight: var(--env-font-weight-medium);
}
.catalogue-option > dd {
  display: grid;
  gap: var(--env-space-1);
  margin: 0;
}
.catalogue-option > dd p {
  margin: 0;
}
.catalogue-option-detail,
.catalogue-option-detail p {
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
}
@container (width >= 48rem) {
  .catalogue-option-legend:has(> :nth-child(2)) {
    grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr);
  }
}
@container (width < 30rem) {
  .site-anatomy-stage {
    padding: 3.5rem 2.75rem;
  }
  .catalogue-variants .site-anatomy-stage {
    padding-block: var(--env-space-5);
  }
}
.site-anatomy-subject .env-combobox-clear {
  opacity: 1;
}
.docs-dev-mode-picture {
  display: block;
  inline-size: 100%;
  block-size: auto;
  border-radius: var(--env-radius-surface);
}
.site-foundation-stage > .docs-dev-mode-shot {
  display: block;
  justify-self: center;
  inline-size: min(100%, var(--docs-shot-width, 100%));
  block-size: auto;
  border-radius: var(--env-radius-md);
}
.docs-dev-mode-corner {
  position: relative;
  min-block-size: 10rem;
}
.docs-dev-mode-button {
  position: absolute;
  inset-block-end: var(--env-space-4);
  inset-inline-end: var(--env-space-4);
  border-radius: var(--env-radius-full);
}
.site-lead,
:where(.site-lead) > p,
.catalogue-supporting,
.site-figure-note,
:where(.site-figures .env-markdown) > :is(p, ul, ol) {
  --catalogue-measure: 53ch;
  max-inline-size: min(100%, var(--catalogue-measure));
  text-wrap: pretty;
}
.site-section-title,
.site-example > h2,
.site-article > .env-markdown > h2 {
  font: var(--env-font-weight-medium) 1.5rem / 1.25 var(--env-font-family);
  letter-spacing: -0.0125em;
}
.site-figure-section-heading h2,
.catalogue-related > h2 {
  font: var(--env-font-weight-medium) 1.375rem / 1.3 var(--env-font-family);
  letter-spacing: -0.015em;
}
:where(.site-figures) .env-markdown > h3 {
  font: var(--env-font-weight-medium) var(--env-font-size-title) / 1.4 var(--env-font-family);
  letter-spacing: -0.01em;
}
.docs-guide > .site-section-title + * {
  margin-block-start: calc(var(--env-space-4) - var(--env-space-5));
}
.site-app {
  --site-prose-size: max(var(--env-font-size-body), 0.875rem);
  --site-prose-leading: 1.6;
}
.site-page-column
  .env-prose:not(
    :where(
        .site-live-example,
        .site-verdict-stage,
        .site-anatomy-stage,
        .site-foundation-stage,
        .catalogue-tile-stage,
        .docs-changelog
      )
      *
  ),
.catalogue-supporting,
.docs-api p.env-text:not(:where(table, .docs-changelog) *) {
  --env-type-body: var(--env-font-weight-body) var(--site-prose-size) / var(--site-prose-leading)
    var(--env-font-family);
  font-size: var(--site-prose-size);
  line-height: var(--site-prose-leading);
}
.site-page-banner-description {
  font-size: var(--env-font-size-title);
  line-height: 1.45;
}
.site-article > .env-markdown > h2:not(:first-child) {
  margin-block-start: var(--site-section-gap);
}
.site-lead,
:where(.site-lead) > p {
  font: var(--env-font-weight-regular) var(--env-font-size-title) / 1.5 var(--env-font-family);
  color: var(--env-color-fg-default);
}
.catalogue-supporting,
:where(.site-figures .env-markdown:not(.site-lead)) > p {
  line-height: var(--site-prose-leading);
  color: var(--env-color-fg-muted);
}
:where(.site-figures .env-markdown) > :is(h3, h4) + p {
  margin-block-start: var(--env-space-2);
}
:where(.site-figures .env-markdown) > p + p {
  margin-block-start: var(--env-space-3);
}
:where(.catalogue-topic-text) > .catalogue-supporting + .catalogue-supporting {
  margin-block-start: var(--env-space-1);
}
:where(.site-figure-note) > p {
  font: var(--env-type-body-sm);
  color: var(--env-color-fg-muted);
}
:where(.site-figure-section) > .site-lead + .env-markdown:has(> p:first-child) {
  margin-block-start: calc(var(--env-space-3) - var(--catalogue-subtopic-gap));
}
:where(.site-figure-section) > :is(.site-anatomy, .catalogue-variants) + .site-figure-note {
  margin-block-start: calc(var(--env-space-4) - var(--catalogue-subtopic-gap));
}
:where(.site-figure-section .env-markdown:not(.site-when *)) > ul {
  --env-prose-list-item-gap: var(--env-space-2);
  --env-prose-list-marker-fill: transparent;
  --env-prose-list-marker-size: calc(var(--env-space-4) + var(--env-space-1));
  --env-prose-list-marker-gap: var(--env-space-2);
  --env-prose-list-mark-color: var(--env-color-fg-muted);
  line-height: var(--site-prose-leading);
  color: var(--env-color-fg-muted);
}
:where(.site-figures .env-markdown) > p + ul {
  margin-block-start: var(--env-space-2);
}
.site-code-block {
  --site-code-button: var(--env-control-height-sm);
  --site-code-corner: calc(var(--site-code-button) + var(--env-space-2));
  position: relative;
  min-inline-size: 0;
}
@media (pointer: coarse) {
  .site-code-block {
    --site-code-button: max(var(--env-control-height-sm), var(--env-control-height-touch));
  }
}
.site-code-block > .env-code-block {
  background: var(--env-code-background-now, var(--env-color-bg-recessed));
  padding: var(--env-space-4) calc(var(--site-code-corner) + var(--env-space-2)) var(--env-space-4)
    var(--env-space-4);
}
.site-code-block-corner {
  position: absolute;
  inset-block-start: var(--env-space-2);
  inset-inline-end: var(--env-space-2);
  display: flex;
  align-items: center;
}
@property --site-code-fade-start {
  syntax: '<length>';
  inherits: false;
  initial-value: 0;
}
@property --site-code-fade-end {
  syntax: '<length>';
  inherits: false;
  initial-value: 0;
}
@keyframes site-code-fade-start {
  from {
    --site-code-fade-start: 0rem;
  }
  to {
    --site-code-fade-start: var(--env-space-9);
  }
}
@keyframes site-code-fade-end {
  from {
    --site-code-fade-end: var(--env-space-9);
  }
  to {
    --site-code-fade-end: 0rem;
  }
}
@supports (animation-timeline: scroll()) {
  :is(.site-code-block, .site-example-source) pre:not(:focus-visible) {
    mask-image: linear-gradient(
      to right,
      transparent,
      var(--env-color-fg-default) var(--site-code-fade-start),
      var(--env-color-fg-default) calc(100% - var(--site-code-fade-end)),
      transparent
    );
    animation:
      site-code-fade-start linear both,
      site-code-fade-end linear both;
    animation-timeline: scroll(self inline), scroll(self inline);
    animation-range:
      0 var(--env-space-9),
      calc(100% - var(--env-space-9)) 100%;
  }
  :is(.site-code-block, .site-example-source) pre:dir(rtl):not(:focus-visible) {
    mask-image: linear-gradient(
      to left,
      transparent,
      var(--env-color-fg-default) var(--site-code-fade-start),
      var(--env-color-fg-default) calc(100% - var(--site-code-fade-end)),
      transparent
    );
  }
}
@property --site-code-thumb {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0;
}
@property --site-code-scrolled {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}
@keyframes site-code-scrollbar {
  from {
    --site-code-thumb: 25%;
    --site-code-scrolled: 0%;
  }
  to {
    --site-code-thumb: 25%;
    --site-code-scrolled: 100%;
  }
}
@media (pointer: coarse) {
  @supports (timeline-scope: --site-code) {
    :is(.site-code-block > .env-code-block, .site-example-source.env-code-block) {
      timeline-scope: --site-code;
      background-image:
        linear-gradient(var(--env-color-fg-muted), var(--env-color-fg-muted)),
        linear-gradient(var(--env-color-border-muted), var(--env-color-border-muted));
      background-repeat: no-repeat;
      background-origin: content-box;
      background-size:
        var(--site-code-thumb) 0.125rem,
        calc(var(--site-code-thumb) * 4) 0.0625rem;
      background-position:
        var(--site-code-scrolled) calc(100% + var(--env-space-2)),
        0 calc(100% + var(--env-space-2) - 0.03125rem);
      animation: site-code-scrollbar linear both;
      animation-timeline: --site-code;
    }
    :is(.site-code-block > .env-code-block, .site-example-source.env-code-block):dir(rtl) {
      background-position:
        calc(100% - var(--site-code-scrolled)) calc(100% + var(--env-space-2)),
        100% calc(100% + var(--env-space-2) - 0.03125rem);
    }
    :is(.site-code-block, .site-example-source) pre {
      scroll-timeline: --site-code inline;
    }
  }
}
.catalogue-tile-stage {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 100%;
  aspect-ratio: 16 / 10;
  max-block-size: 10rem;
  overflow: clip;
  isolation: isolate;
}
.catalogue-tile-canvas {
  --catalogue-tile-width: 14rem;
  --catalogue-tile-height: 10.5rem;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  display: grid;
  place-content: center stretch;
  justify-items: center;
  box-sizing: border-box;
  inline-size: 36rem;
  container: env-window / inline-size;
  contain: layout;
  transform: scale(1);
  transform-origin: 0 0;
  opacity: 0;
}
.catalogue-tile-canvas[data-fitted] {
  opacity: 1;
  animation: catalogue-tile-appear var(--env-motion-duration-medium) var(--env-motion-ease);
}
@keyframes catalogue-tile-appear {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .catalogue-tile-canvas[data-fitted] {
    animation: none;
  }
}
.catalogue-tile-canvas[data-tile]:not([data-playing] *) * {
  transition: none;
}
.catalogue-tile-canvas:has(> .catalogue-overlay-layer) {
  min-block-size: 28rem;
}
.catalogue-tile-stage > .catalogue-tile-canvas[data-tile],
.catalogue-gallery-stage.catalogue-gallery-stage > .catalogue-tile-canvas[data-tile] {
  inline-size: var(--catalogue-tile-width);
  block-size: var(--catalogue-tile-height);
  min-block-size: 0;
}
.catalogue-tile-canvas[data-tile] .env-command-palette-positioner {
  padding-block: max(var(--env-viewport-gutter), min(0.12 * var(--catalogue-tile-height), 6rem))
    var(--env-viewport-gutter);
}
.catalogue-tile-canvas [data-catalogue-runs-on] {
  mask-image: linear-gradient(
    to bottom,
    var(--env-color-fg-default) calc(100% - 1.25rem),
    transparent
  );
}
.catalogue-tile-placeholder {
  inline-size: 2rem;
  block-size: 2rem;
  color: var(--env-color-fg-muted);
}
.catalogue-tile-stage::after {
  position: absolute;
  inset: 0;
  z-index: var(--env-z-tooltip);
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  content: '';
  transition: border-color var(--env-motion-duration-fast) var(--env-motion-ease);
}
.catalogue-tile-crop {
  --catalogue-crop-fade: 1.75rem;
  --catalogue-crop-opaque: var(--env-color-fg-default);
  --catalogue-crop-top: 0rem;
  --catalogue-crop-bottom: 0rem;
  --catalogue-crop-start: 0rem;
  --catalogue-crop-end: 0rem;
  position: absolute;
  inset: 0;
}
.catalogue-tile-crop:has(> [data-cut~='top']) {
  --catalogue-crop-top: var(--catalogue-crop-fade);
}
.catalogue-tile-crop:has(> [data-cut~='bottom']) {
  --catalogue-crop-bottom: var(--catalogue-crop-fade);
}
.catalogue-tile-crop:has(> [data-cut~='start']) {
  --catalogue-crop-start: var(--catalogue-crop-fade);
}
.catalogue-tile-crop:has(> [data-cut~='end']) {
  --catalogue-crop-end: var(--catalogue-crop-fade);
}
.catalogue-tile-crop [data-catalogue-past] {
  visibility: hidden;
}
.catalogue-tile-crop:has(> [data-cut]) {
  mask-image:
    linear-gradient(
      to bottom,
      transparent calc(var(--catalogue-crop-top) / 4),
      var(--catalogue-crop-opaque) var(--catalogue-crop-top),
      var(--catalogue-crop-opaque) calc(100% - var(--catalogue-crop-bottom)),
      transparent calc(100% - var(--catalogue-crop-bottom) / 4)
    ),
    linear-gradient(
      to right,
      transparent calc(var(--catalogue-crop-start) / 4),
      var(--catalogue-crop-opaque) var(--catalogue-crop-start),
      var(--catalogue-crop-opaque) calc(100% - var(--catalogue-crop-end)),
      transparent calc(100% - var(--catalogue-crop-end) / 4)
    );
  mask-composite: intersect;
}
.catalogue-tile-loading {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: transparent;
}
.catalogue-tile-loading:not([data-shown]) {
  opacity: 0;
}
.catalogue-tile-canvas[data-fitted] ~ .catalogue-tile-loading,
.catalogue-tile-crop:has(> .catalogue-tile-canvas[data-fitted]) ~ .catalogue-tile-loading {
  display: none;
}
.catalogue-related-tiles {
  --catalogue-related-gap: var(--env-space-5);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--env-space-3) var(--catalogue-related-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media not ((hover: none) or (pointer: coarse)) {
  @container (width < 27.25rem) {
    .catalogue-related-tiles.catalogue-related-tiles {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: var(--env-space-4);
    }
    .catalogue-related-tile:has(> * > .catalogue-gallery-stage[data-scene]),
    .catalogue-related-tile:has(> .catalogue-gallery-stage[data-scene]) {
      grid-column: 1 / -1;
    }
    .catalogue-related-tiles
      .catalogue-gallery-stage.catalogue-gallery-stage.catalogue-gallery-stage:not([data-scene]) {
      aspect-ratio: 16 / 10;
    }
  }
}
@container (width >= 24rem) {
  .catalogue-related-tiles:is(
    [data-count='1'],
    [data-count='2'],
    [data-count='4'],
    [data-count='6'],
    [data-count='8']
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (width >= 36rem) {
  .catalogue-related-tiles:is(
    [data-count='1'],
    [data-count='3'],
    [data-count='5'],
    [data-count='6'],
    [data-count='7'],
    [data-count='9']
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (width >= 48rem) {
  .catalogue-related-tiles.catalogue-related-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .catalogue-related-tiles:is([data-count='5'], [data-count='6'], [data-count='9'])
    > :nth-child(3n + 1) {
    grid-column-start: 1;
  }
}
@media (hover: none), (pointer: coarse) {
  .catalogue-related-tiles.catalogue-related-tiles {
    grid-template-columns: minmax(0, 1fr);
  }
}
.catalogue-related-tile.catalogue-gallery-tile {
  --catalogue-gallery-meta-height: 4.5rem;
  --catalogue-gallery-rise: var(--catalogue-gallery-slide);
}
.catalogue-related-meta {
  display: grid;
  align-content: start;
  row-gap: var(--env-space-1);
  padding-block-start: var(--env-space-2);
}
.catalogue-related-meta .catalogue-related-line .env-markdown > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.catalogue-related-name {
  min-inline-size: 0;
  font-weight: var(--env-font-weight-medium);
}
.catalogue-related-line .env-markdown {
  color: var(--env-color-fg-muted);
  font: var(--env-type-body-sm);
}
.catalogue-related-line .env-markdown > * {
  margin: 0;
}
.catalogue-foundation-tile-icons {
  color: var(--env-color-fg-default);
}
.catalogue-foundation-tile-swatches > span {
  inline-size: 3.5rem;
  block-size: 3.5rem;
  border-radius: var(--env-radius-lg);
  background: var(--env-color-bg-neutral-emphasis);
}
.catalogue-foundation-tile-swatches > [data-role='primary'] {
  background: var(--env-color-bg-primary-emphasis);
}
.catalogue-foundation-tile-swatches > [data-role='accent'] {
  background: var(--env-color-bg-accent-strong);
}
.catalogue-foundation-tile-swatches > [data-role='success'] {
  background: var(--env-color-bg-success-emphasis);
}
.catalogue-foundation-tile-swatches > [data-role='warning'] {
  background: var(--env-color-bg-warning-emphasis);
}
.catalogue-foundation-tile-swatches > [data-role='danger'] {
  background: var(--env-color-bg-danger-emphasis);
}
.catalogue-foundation-tile-spacing > span {
  block-size: var(--env-space-3);
  border-radius: var(--env-radius-xs);
  background: var(--env-color-bg-primary-solid);
}
.catalogue-foundation-tile-spacing > [data-step='1'] {
  inline-size: calc(4 * var(--env-space-1));
}
.catalogue-foundation-tile-spacing > [data-step='2'] {
  inline-size: calc(4 * var(--env-space-2));
}
.catalogue-foundation-tile-spacing > [data-step='3'] {
  inline-size: calc(4 * var(--env-space-3));
}
.catalogue-foundation-tile-spacing > [data-step='4'] {
  inline-size: calc(4 * var(--env-space-4));
}
.catalogue-foundation-tile-spacing > [data-step='5'] {
  inline-size: calc(4 * var(--env-space-5));
}
.catalogue-foundation-tile-spacing > [data-step='6'] {
  inline-size: calc(4 * var(--env-space-6));
}
.catalogue-foundation-tile-spacing > [data-step='7'] {
  inline-size: calc(4 * var(--env-space-7));
}
.catalogue-foundation-tile-spacing > [data-step='8'] {
  inline-size: calc(4 * var(--env-space-8));
}
.catalogue-foundation-tile-windows > span {
  display: grid;
  place-items: end center;
  padding: var(--env-space-1);
  border: 0.125rem solid var(--env-color-border-default);
  border-radius: var(--env-radius-md);
  background: var(--env-color-bg-default);
  white-space: nowrap;
}
.catalogue-foundation-tile-windows > [data-size='compact'] {
  inline-size: 4.5rem;
  block-size: 7rem;
}
.catalogue-foundation-tile-windows > [data-size='medium'] {
  inline-size: 7rem;
  block-size: 8rem;
}
.catalogue-foundation-tile-windows > [data-size='expanded'] {
  inline-size: 11rem;
  block-size: 7rem;
}
.catalogue-foundation-tile-focus {
  outline: 0.125rem solid var(--env-color-border-focus);
  outline-offset: 0.125rem;
}
.catalogue-foundation-tile-content {
  text-align: center;
}
.catalogue-gallery {
  inline-size: calc(100cqi - 2 * var(--site-gutter));
  max-inline-size: none;
  margin-inline: calc(50% - 50cqi + var(--site-gutter));
  text-align: start;
  container: catalogue-gallery / inline-size;
}
.catalogue-gallery > * + * {
  margin-block-start: var(--site-section-gap);
}
.catalogue-gallery-grid,
.catalogue-related-tiles {
  --catalogue-own-least: 12rem;
  --catalogue-own-least-block: 4.5rem;
  --catalogue-own-popup-least: 0.84;
  --catalogue-overlay-scale: 0.84;
}
.catalogue-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
  gap: var(--env-space-3);
  max-inline-size: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalogue-gallery-tile {
  --catalogue-gallery-meta-height: 2.25rem;
  --catalogue-gallery-slide: calc(var(--catalogue-gallery-meta-height) / 2);
  --catalogue-gallery-rise: 0.75rem;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto var(--catalogue-gallery-meta-height);
  min-inline-size: 0;
  overflow: clip;
  isolation: isolate;
}
.catalogue-gallery-picture {
  min-inline-size: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .catalogue-gallery-picture,
  .catalogue-gallery-slide {
    transition: translate var(--env-motion-duration-medium) var(--env-motion-ease);
  }
  .catalogue-gallery-meta {
    transition: opacity var(--env-motion-duration-fast) var(--env-motion-ease-exit);
  }
  .catalogue-gallery-tile:is(:hover, :has(:focus-visible))
    :is(.catalogue-gallery-picture, .catalogue-gallery-slide) {
    transition: translate var(--env-motion-duration-medium) var(--env-motion-ease-enter);
  }
  .catalogue-gallery-tile:is(:hover, :has(:focus-visible)) .catalogue-gallery-meta {
    transition: opacity var(--env-motion-duration-medium) var(--env-motion-ease-enter);
  }
}
@media (hover: hover) {
  .catalogue-gallery-tile :is(.catalogue-gallery-picture, .catalogue-gallery-slide) {
    translate: 0 calc(var(--catalogue-gallery-slide) - var(--catalogue-gallery-rise));
  }
  .catalogue-gallery-tile:not(:hover, :has(:focus-visible))
    :is(.catalogue-gallery-picture, .catalogue-gallery-slide) {
    translate: 0 var(--catalogue-gallery-slide);
  }
  .catalogue-gallery-tile:not(:hover, :has(:focus-visible)) .catalogue-gallery-meta {
    opacity: 0;
  }
}
@media (hover: none) {
  .catalogue-gallery-tile {
    grid-template-rows: auto 0;
    overflow: visible;
  }
  .catalogue-gallery-tile > .catalogue-gallery-meta {
    block-size: 0;
    padding: 0;
    opacity: 0;
  }
}
:is(.catalogue-gallery-grid, .catalogue-related-tiles)
  .catalogue-gallery-stage.catalogue-gallery-stage {
  border-radius: 0;
  box-shadow: none;
}
:is(.catalogue-gallery-grid, .catalogue-related-tiles) .catalogue-tile-crop {
  clip-path: inset(0);
}
.catalogue-gallery-meta {
  min-inline-size: 0;
  padding-inline: var(--env-space-1);
}
.catalogue-gallery-arrow {
  flex: none;
  color: var(--env-color-fg-muted);
}
.catalogue-gallery-stage.catalogue-gallery-stage {
  aspect-ratio: 4 / 3;
  max-block-size: none;
}
.catalogue-gallery-grid[data-scenes] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
}
:is(.catalogue-gallery-grid, .catalogue-related-tiles)[data-scenes]
  .catalogue-gallery-stage.catalogue-gallery-stage {
  aspect-ratio: 4 / 3;
}
:is(.catalogue-gallery-grid, .catalogue-related-tiles):not([data-scenes])
  .catalogue-gallery-stage.catalogue-gallery-stage {
  overflow: visible;
}
.catalogue-gallery-stage[data-scene] .catalogue-tile-canvas,
.catalogue-gallery-stage[data-scene] .catalogue-tile-canvas:has(> .catalogue-overlay-layer) {
  place-content: start stretch;
}
@media not ((hover: none) or (pointer: coarse)) {
  @container catalogue-gallery (width < 27.25rem) {
    .catalogue-gallery-grid:not([data-scenes]) {
      --catalogue-own-least: 0rem;
      --catalogue-own-floor: 0.85;
      --catalogue-own-popup-least: 0.85;
      --catalogue-overlay-scale: 0.75;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .catalogue-gallery-grid:not([data-scenes]) .catalogue-gallery-stage.catalogue-gallery-stage {
      aspect-ratio: 16 / 10;
    }
    .catalogue-gallery-grid:not([data-scenes])
      .catalogue-gallery-stage.catalogue-gallery-stage
      .catalogue-tile-canvas[data-own-size] {
      inline-size: min(14rem, (100% - 2rem) / var(--catalogue-own-floor));
    }
    .catalogue-gallery-grid:not([data-scenes])
      .catalogue-gallery-stage.catalogue-gallery-stage
      .catalogue-tile-canvas[data-own-size][data-popup] {
      inline-size: min(
        var(--catalogue-tile-width),
        (100% - 2rem) / var(--catalogue-canvas-scale, var(--catalogue-own-popup-least))
      );
    }
    .catalogue-gallery-grid:not([data-scenes])
      .catalogue-gallery-stage.catalogue-gallery-stage
      .catalogue-tile-canvas[data-own-size][data-popup][data-overlay] {
      inline-size: calc((100% - 2rem) / var(--catalogue-overlay-scale));
    }
    .catalogue-gallery-grid:not([data-scenes])
      .catalogue-gallery-stage.catalogue-gallery-stage
      .catalogue-tile-canvas[data-own-size][data-popup][data-overlay]:has(.env-toast-viewport) {
      inline-size: calc((100% - 1.75rem) / var(--catalogue-overlay-scale) + 1.5rem);
    }
  }
}
@media (hover: none), (pointer: coarse) {
  .catalogue-gallery-grid.catalogue-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.catalogue-gallery-stage .catalogue-tile-canvas,
.catalogue-gallery-stage .catalogue-tile-canvas:has(> .catalogue-overlay-layer) {
  place-content: center stretch;
  inline-size: 16rem;
  block-size: 12rem;
  min-block-size: 0;
}
.catalogue-gallery-stage .catalogue-tile-canvas[data-from-top],
.catalogue-gallery-stage .catalogue-tile-canvas[data-from-top]:has(> .catalogue-overlay-layer) {
  place-content: start stretch;
}
.catalogue-gallery-name {
  min-inline-size: 0;
  margin: 0;
  font-weight: var(--env-font-weight-medium);
}
.catalogue-gallery-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catalogue-gallery-group {
  margin: 0;
}
:is(.catalogue-gallery-link, .catalogue-related-link),
:is(.catalogue-gallery-link, .catalogue-related-link):is(:hover, :active, :focus-visible) {
  display: block;
  min-inline-size: 0;
  outline: none;
  background: none;
  color: var(--env-color-fg-default);
  text-decoration: none;
  transform: none;
}
:is(.catalogue-gallery-link, .catalogue-related-link)::after {
  position: absolute;
  inset: 0;
  z-index: var(--env-z-raised);
  content: '';
}
:is(.catalogue-gallery-link, .catalogue-related-link):focus-visible::after {
  outline: 0.125rem solid var(--env-color-border-focus);
  outline-offset: -0.125rem;
}
.catalogue-gallery-stage.catalogue-gallery-stage .catalogue-tile-canvas[data-own-size] {
  inline-size: max(100% - 2rem, var(--catalogue-own-least));
  block-size: max(100% - 2rem, var(--catalogue-tile-height));
  min-block-size: 0;
}
:is(.catalogue-gallery-grid, .catalogue-related-tiles)
  .catalogue-gallery-stage.catalogue-gallery-stage
  .catalogue-tile-canvas[data-own-size][data-popup] {
  inline-size: max(100% - 2rem, var(--catalogue-tile-width));
}
.catalogue-tile-stage:has(> .catalogue-tile-canvas[data-app]) {
  container: catalogue-app-stage / inline-size;
}
.catalogue-tile-canvas[data-app] {
  --catalogue-app-margin: 1;
  --catalogue-app-scale: 1;
  inset: 0 auto auto 0;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.catalogue-tile-canvas[data-app] > :not(.catalogue-overlay-layer) {
  flex: 1 1 auto;
  min-block-size: 0;
}
.catalogue-tile-canvas[data-app] .site-device-screen > :not(.catalogue-overlay-layer) {
  min-inline-size: var(--catalogue-app-least, 0);
}
.catalogue-tile-canvas[data-app][data-cut~='end'] .site-device-screen {
  mask-image: linear-gradient(to right, var(--env-color-fg-default) calc(100% - 2rem), transparent);
}
.catalogue-tile-canvas[data-app] .site-device[data-fill] {
  --site-device-stroke: 0.25rem;
  --site-device-radius: 1rem;
  --site-device-hairline: 1px;
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%;
}
.catalogue-tile-canvas[data-app] .site-device[data-fill] > .site-device-screen {
  flex: 1 1 auto;
  min-block-size: 0;
}
.catalogue-tile-canvas[data-app] .site-device[data-fill] .site-device-bar {
  block-size: 2.25rem;
  gap: 0.5rem;
  padding-inline: 0.75rem 0.5rem;
}
.catalogue-tile-canvas[data-app] .site-device[data-fill] .site-device-glyphs {
  gap: 0.5rem;
  font-size: 1rem;
}
.catalogue-tile-canvas[data-app] .site-device[data-fill] .site-device-address {
  block-size: 1.5rem;
}
@container catalogue-app-stage (width < 16rem) {
  .catalogue-tile-canvas[data-app] {
    --catalogue-app-margin: 0.5;
    --catalogue-app-scale: 0.75;
  }
  .catalogue-tile-canvas[data-app] .site-device[data-fill] {
    --site-device-stroke: 0.1875rem;
    --site-device-radius: 0.75rem;
  }
  .catalogue-tile-canvas[data-app] .site-device[data-fill] .site-device-bar {
    block-size: 1.625rem;
    padding-inline: 0.25rem;
  }
  .catalogue-tile-canvas[data-app] .site-device[data-fill] .site-device-glyphs {
    display: none;
  }
  .catalogue-tile-canvas[data-app] .site-device[data-fill] .site-device-address {
    block-size: 1.25rem;
  }
}
.catalogue-app-ruler {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  visibility: hidden;
  pointer-events: none;
}
.catalogue-overview:has(> .catalogue-foundation-sheet) {
  container: catalogue-foundations / inline-size;
}
.catalogue-foundation-sheet.catalogue-foundation-sheet {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  gap: 0.0625rem;
  padding: 0;
  overflow: clip;
  background-color: var(--env-color-border-muted);
  text-align: start;
  container-type: normal;
}
@container catalogue-foundations (width >= 36rem) {
  .catalogue-foundation-sheet.catalogue-foundation-sheet {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .catalogue-foundation-pane:is([data-foundation='typography'], [data-foundation='accessibility']) {
    grid-column: 1 / -1;
  }
}
.catalogue-foundation-sheet > .catalogue-foundation-pane {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 1fr);
  align-content: stretch;
  justify-content: stretch;
  block-size: auto;
  min-block-size: 0;
  text-align: start;
  white-space: normal;
  gap: var(--env-space-4);
  inline-size: auto;
  min-inline-size: 0;
  padding: var(--env-space-5);
  background-color: var(--env-color-bg-recessed);
  color: var(--env-color-fg-default);
  border-radius: 0;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
}
@media (hover: hover) {
  .catalogue-foundation-pane:hover {
    background-color: light-dark(
      oklch(from var(--env-color-bg-recessed) calc(l - 0.04) c h),
      oklch(from var(--env-color-bg-recessed) calc(l + 0.06) c h)
    );
  }
}
.catalogue-foundation-pane:active {
  transform: none;
  background-color: light-dark(
    oklch(from var(--env-color-bg-recessed) calc(l - 0.07) c h),
    oklch(from var(--env-color-bg-recessed) calc(l + 0.09) c h)
  );
}
.catalogue-foundation-pane:focus-visible {
  outline: 0.125rem solid var(--env-color-border-focus);
  outline-offset: -0.125rem;
}
.catalogue-foundation-pane
  > :is(.catalogue-foundation-pane-name, .catalogue-foundation-pane-picture) {
  inline-size: auto;
  max-inline-size: none;
}
.catalogue-foundation-pane-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--env-space-2);
  margin: 0;
  font-weight: var(--env-font-weight-medium);
}
.catalogue-foundation-pane-arrow {
  flex: none;
  color: var(--env-color-fg-muted);
  font-size: 1.125rem;
  transition: translate var(--env-motion-duration-fast) var(--env-motion-ease);
}
@media (hover: hover) {
  .catalogue-foundation-pane:hover .catalogue-foundation-pane-arrow {
    translate: 0.1875rem 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .catalogue-foundation-pane,
  .catalogue-foundation-pane-arrow {
    transition: none;
  }
}
.catalogue-foundation-pane-picture {
  display: grid;
  place-items: center;
  min-block-size: 9rem;
  padding-block: var(--env-space-3);
}
.catalogue-glance-palette {
  display: grid;
  grid-template-columns: minmax(0, 15rem);
  gap: var(--env-space-2);
}
.catalogue-glance-tone {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  align-items: center;
  gap: var(--env-space-3);
}
.catalogue-glance-tone-chips {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  block-size: 1.25rem;
  overflow: clip;
  border-radius: var(--env-radius-full);
}
.catalogue-glance-tone-chips > :nth-child(1) {
  background: var(--catalogue-tone-muted);
}
.catalogue-glance-tone-chips > :nth-child(2) {
  background: var(--catalogue-tone-emphasis);
}
.catalogue-glance-tone-chips > :nth-child(3) {
  background: var(--catalogue-tone-strong);
}
.catalogue-glance-type {
  display: flex;
  align-items: center;
  gap: var(--env-space-5);
  white-space: nowrap;
}
.catalogue-glance-type-letters {
  font-size: 7rem;
  font-weight: var(--env-font-weight-medium);
  line-height: 1;
  letter-spacing: -0.03em;
}
@container catalogue-foundations (width < 30rem) {
  .catalogue-glance-type-letters {
    font-size: 4.5rem;
  }
}
.catalogue-glance-type-styles {
  display: grid;
  gap: var(--env-space-1);
}
.catalogue-glance-type-styles > * {
  margin: 0;
  line-height: 1.2;
}
.catalogue-glance-drawing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--env-space-5) var(--env-space-7);
}
.catalogue-glance-focus {
  position: relative;
  display: flex;
}
.catalogue-glance-focus::after {
  position: absolute;
  inset: -0.25rem;
  border: 0.125rem solid var(--env-color-border-focus);
  border-radius: var(--env-radius-full);
  content: '';
}
.catalogue-glance-windows {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: var(--env-space-3);
}
.catalogue-glance-window-class {
  display: grid;
  justify-items: center;
  gap: var(--env-space-2);
}
.catalogue-glance-window {
  position: relative;
  display: flex;
  gap: 0.25rem;
  box-sizing: border-box;
  block-size: 4.5rem;
  padding: 0.3125rem;
}
.catalogue-glance-window[data-window='compact'] {
  inline-size: 2rem;
}
.catalogue-glance-window[data-window='medium'] {
  inline-size: 3rem;
}
.catalogue-glance-window[data-window='expanded'] {
  inline-size: 4.25rem;
}
.catalogue-glance-window[data-window='large'] {
  inline-size: 5.5rem;
}
.catalogue-glance-pane {
  position: relative;
  flex: 1 1 0;
}
.catalogue-glance-window:is([data-window='expanded'], [data-window='large'])
  > .catalogue-glance-pane:first-of-type {
  flex-grow: 0.6;
}
.catalogue-glance-icons {
  display: grid;
  grid-template-columns: repeat(4, 2.5rem);
  gap: var(--env-space-2);
  font-size: 1.5rem;
}
.catalogue-glance-icons > span {
  display: grid;
  place-items: center;
  block-size: 2.5rem;
  border-radius: var(--env-radius-full);
}
.catalogue-glance-icons > [data-selected] {
  background: var(--env-color-bg-selected);
  color: var(--env-color-fg-on-selected);
}
.catalogue-fan {
  container-type: inline-size;
  display: grid;
  place-items: center;
  padding: var(--env-space-5) var(--site-gutter) var(--env-space-9);
  overflow-x: clip;
}
.catalogue-fan-stack {
  --catalogue-fan-card-width: 15rem;
  --catalogue-fan-card-height: 14rem;
  --catalogue-fan-step: 1.3deg;
  --catalogue-fan-pivot: 625rem;
  --catalogue-fan-sag: 0.7rem;
  --catalogue-fan-width: 64rem;
  --catalogue-fan-height: 18rem;
  --catalogue-fan-scale: 1;
  position: relative;
  inline-size: var(--catalogue-fan-width);
  block-size: var(--catalogue-fan-height);
  justify-self: start;
  margin-inline: calc((100cqi - var(--catalogue-fan-width)) / 2);
  margin-block-end: calc(var(--catalogue-fan-height) * (var(--catalogue-fan-scale) - 1));
  transform-origin: 50% 0;
  scale: var(--catalogue-fan-scale);
}
.catalogue-fan-card {
  --catalogue-fan-at: var(--catalogue-fan-place);
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: calc(50% - var(--catalogue-fan-card-width) / 2);
  box-sizing: border-box;
  inline-size: var(--catalogue-fan-card-width);
  min-block-size: var(--catalogue-fan-card-height);
  overflow: hidden;
  transform-origin: 50% calc(100% + var(--catalogue-fan-pivot));
  rotate: calc(var(--catalogue-fan-at) * var(--catalogue-fan-step));
  translate: 0
    calc(
      var(--catalogue-fan-lift, 0rem) + var(--catalogue-fan-at) * var(--catalogue-fan-at) *
        var(--catalogue-fan-sag)
    );
}
@container (width < 64rem) {
  .catalogue-fan-stack {
    --catalogue-fan-scale: 0.9;
  }
}
@container (width < 58rem) {
  .catalogue-fan-stack {
    --catalogue-fan-width: 49rem;
    --catalogue-fan-height: 16rem;
    --catalogue-fan-scale: 1;
  }
  .catalogue-fan-card {
    --catalogue-fan-at: var(--catalogue-fan-narrow-place);
  }
  .catalogue-fan-card[data-narrow='hidden'] {
    display: none;
  }
}
@container (width < 49rem) {
  .catalogue-fan-stack {
    --catalogue-fan-scale: 0.8;
  }
}
@container (width < 40rem) {
  .catalogue-fan-stack {
    --catalogue-fan-width: 32rem;
    --catalogue-fan-height: 15rem;
    --catalogue-fan-scale: 1;
  }
  .catalogue-fan-card {
    --catalogue-fan-at: var(--catalogue-fan-compact-place);
  }
  .catalogue-fan-card[data-compact='hidden'] {
    display: none;
  }
  @media (pointer: coarse) {
    .catalogue-fan-stack {
      --catalogue-fan-card-height: 20.5rem;
      --catalogue-fan-height: 22.5rem;
    }
  }
}
@container (width < 32rem) {
  .catalogue-fan-stack {
    --catalogue-fan-scale: 0.7;
  }
}
@container (width < 21rem) {
  .catalogue-fan-stack {
    --catalogue-fan-scale: 0.6;
  }
}
.catalogue-fan-deploys {
  display: contents;
}
@media (pointer: coarse) {
  .catalogue-fan-deploys[data-pointer='fine'] {
    display: none;
  }
}
@media not (pointer: coarse) {
  .catalogue-fan-deploys[data-pointer='coarse'] {
    display: none;
  }
}
.catalogue-fan-body {
  margin-block-start: auto;
}
.catalogue-fan-title {
  font-weight: var(--env-font-weight-medium);
}
.catalogue-fan-calendar {
  margin: auto;
}
.catalogue-fan-figure {
  font-size: 1.75rem;
  font-weight: var(--env-font-weight-medium);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1.1;
  white-space: nowrap;
}
.site-when {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--env-space-8);
  min-inline-size: 0;
}
.site-when .env-markdown > :is(h3, ul):first-child {
  margin-block-start: 0;
}
.site-when .env-markdown > :last-child {
  margin-block-end: 0;
}
.site-when .catalogue-when-columns {
  container-type: inline-size;
}
@container (min-width: 40rem) {
  .site-when .catalogue-when-columns .env-markdown > ul {
    display: grid;
    grid-template-rows: repeat(var(--catalogue-when-rows), auto);
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    column-gap: var(--env-space-8);
    row-gap: var(--env-prose-list-item-gap);
    max-inline-size: none;
  }
  .site-when .catalogue-when-columns .env-markdown > ul > li {
    margin-block-start: 0;
  }
}
.docs-release-label {
  display: flex;
  flex-wrap: wrap;
  gap: var(--env-space-1) var(--env-space-3);
  margin: 0;
  color: var(--env-color-fg-muted);
  font-weight: var(--env-font-weight-medium);
}
.docs-release-version {
  color: var(--env-color-fg-default);
  font-variant-numeric: tabular-nums;
}
.docs-release-date {
  font-weight: var(--env-font-weight-regular);
}
.docs-release-list {
  max-inline-size: 75ch;
}
@media print {
  .site-compact-controls,
  .site-sidebar,
  .catalogue-rail,
  .site-page-navigation,
  .site-footer {
    display: none;
  }
  .site-frame {
    display: block;
  }
  .catalogue-specimen-area {
    padding-inline: 1rem;
  }
  .catalogue-matrix-scroll {
    overflow: visible;
  }
}
@layer env.base.catalogue-theme-fade {
  .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme,
  .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme *,
  .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme ::before,
  .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme ::after {
    transition-property:
      background-color, border-color, color, outline-color, text-decoration-color, fill, stroke,
      box-shadow;
    transition-duration: calc(1.5 * var(--env-motion-duration-slow));
    transition-timing-function: var(--env-motion-ease);
  }
  @media (prefers-reduced-motion: reduce) {
    .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme,
    .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme *,
    .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme ::before,
    .catalogue-motion-subject[data-catalogue-theme-fading] .env-theme ::after {
      transition: none;
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: var(--env-motion-duration-fast);
    animation-timing-function: var(--env-motion-ease);
  }
}