/*
 * Nitro Kit 2.0
 * Generated by `rake nitro_kit:css:build`. Do not edit directly.
 */

/* Source: src/stylesheets/nitro_kit/layers.css */
@layer nitro-kit.tokens,
  nitro-kit.reset,
  nitro-kit.base,
  nitro-kit.variant,
  nitro-kit.size,
  nitro-kit.state,
  nitro-kit.compound;

/* Source: src/stylesheets/nitro_kit/tokens.css */
@layer nitro-kit.tokens {
  :where(:root) {
    --nk-font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --nk-font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    --nk-text-xs: 0.75rem;
    --nk-text-sm: 0.875rem;
    --nk-text-base: 1rem;
    --nk-text-lg: 1.125rem;
    --nk-text-xl: 1.25rem;
    --nk-text-2xl: 1.5rem;

    --nk-leading-tight: 1.25;
    --nk-leading-normal: 1.5;
    --nk-leading-relaxed: 1.625;

    --nk-font-weight-normal: 400;
    --nk-font-weight-medium: 500;
    --nk-font-weight-semibold: 600;
    --nk-font-weight-bold: 700;

    --nk-space: 0.25rem;

    --nk-radius-xs: 0.125rem;
    --nk-radius-sm: 0.25rem;
    --nk-radius-md: 0.375rem;
    --nk-radius-lg: 0.5rem;
    --nk-radius-xl: 0.75rem;
    --nk-radius-full: 9999px;

    --nk-border-width: 1px;
    --nk-focus-width: 2px;
    --nk-focus-offset: 2px;

    --nk-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.08);
    --nk-shadow-md:
      0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1);
    --nk-shadow-lg:
      0 10px 15px -3px oklch(0 0 0 / 0.12), 0 4px 6px -4px oklch(0 0 0 / 0.12);

    --nk-duration-fast: 100ms;
    --nk-duration-normal: 150ms;
    --nk-duration-slow: 250ms;
    --nk-ease: cubic-bezier(0.4, 0, 0.2, 1);

    --nk-control-height-xs: 1.5rem;
    --nk-control-height-sm: 1.75rem;
    --nk-control-height-md: 2.5rem;
    --nk-control-height-lg: 2.75rem;
    --nk-control-height-xl: 3.5rem;

    --nk-content-sm: 24rem;
    --nk-content-md: 32rem;
    --nk-content-lg: 48rem;
    --nk-content-xl: 64rem;

    --nk-app-shell-sidebar-width: 16rem;
    --nk-app-shell-topbar-height: 3.5rem;
  }

  :where(:root, [data-theme="light"]) {
    color-scheme: light;

    --nk-color-canvas: oklch(1 0 0);
    --nk-color-surface: oklch(1 0 0);
    --nk-color-elevated: oklch(0.985 0 0);
    --nk-color-foreground: oklch(0.21 0.006 285.885);
    --nk-color-muted: oklch(0.967 0.001 286.375);
    --nk-color-muted-foreground: oklch(0.552 0.016 285.938);
    --nk-color-border: oklch(0.92 0.004 286.32);
    --nk-color-focus: oklch(0.546 0.245 262.881);
    --nk-color-primary: oklch(0.274 0.006 286.033);
    --nk-color-primary-foreground: oklch(1 0 0);
    --nk-color-neutral: oklch(0.552 0.016 285.938);
    --nk-color-neutral-content: oklch(0.37 0.013 285.805);
    --nk-color-info: oklch(0.546 0.245 262.881);
    --nk-color-info-content: oklch(0.424 0.199 265.638);
    --nk-color-success: oklch(0.627 0.194 149.214);
    --nk-color-success-content: oklch(0.393 0.095 152.535);
    --nk-color-warning: oklch(0.681 0.162 75.834);
    --nk-color-warning-content: oklch(0.421 0.095 57.708);
    --nk-color-danger: oklch(0.637 0.237 25.331);
    --nk-color-danger-foreground: oklch(1 0 0);
    --nk-color-danger-content: oklch(0.444 0.177 26.899);
    --nk-color-overlay: oklch(0 0 0 / 0.5);
  }

  @media (prefers-color-scheme: dark) {
    :where(:root:not([data-theme])) {
      color-scheme: dark;

      --nk-color-canvas: oklch(0.141 0.005 285.823);
      --nk-color-surface: oklch(0.178 0.006 285.885);
      --nk-color-elevated: oklch(0.21 0.006 285.885);
      --nk-color-foreground: oklch(0.967 0.001 286.375);
      --nk-color-muted: oklch(0.274 0.006 286.033);
      --nk-color-muted-foreground: oklch(0.705 0.015 286.067);
      --nk-color-border: oklch(0.37 0.013 285.805);
      --nk-color-focus: oklch(0.488 0.243 264.376);
      --nk-color-primary: oklch(1 0 0);
      --nk-color-primary-foreground: oklch(0.274 0.006 286.033);
      --nk-color-neutral: oklch(0.705 0.015 286.067);
      --nk-color-neutral-content: oklch(0.92 0.004 286.32);
      --nk-color-info: oklch(0.623 0.214 259.815);
      --nk-color-info-content: oklch(0.882 0.059 254.128);
      --nk-color-success: oklch(0.723 0.219 149.579);
      --nk-color-success-content: oklch(0.925 0.084 155.995);
      --nk-color-warning: oklch(0.828 0.189 84.429);
      --nk-color-warning-content: oklch(0.945 0.129 101.54);
      --nk-color-danger: oklch(0.577 0.245 27.325);
      --nk-color-danger-foreground: oklch(0.985 0 0);
      --nk-color-danger-content: oklch(0.704 0.191 22.216);
      --nk-color-overlay: oklch(0 0 0 / 0.65);
    }
  }

  :where([data-theme="dark"]) {
    color-scheme: dark;

    --nk-color-canvas: oklch(0.141 0.005 285.823);
    --nk-color-surface: oklch(0.178 0.006 285.885);
    --nk-color-elevated: oklch(0.21 0.006 285.885);
    --nk-color-foreground: oklch(0.967 0.001 286.375);
    --nk-color-muted: oklch(0.274 0.006 286.033);
    --nk-color-muted-foreground: oklch(0.705 0.015 286.067);
    --nk-color-border: oklch(0.37 0.013 285.805);
    --nk-color-focus: oklch(0.488 0.243 264.376);
    --nk-color-primary: oklch(1 0 0);
    --nk-color-primary-foreground: oklch(0.274 0.006 286.033);
    --nk-color-neutral: oklch(0.705 0.015 286.067);
    --nk-color-neutral-content: oklch(0.92 0.004 286.32);
    --nk-color-info: oklch(0.623 0.214 259.815);
    --nk-color-info-content: oklch(0.882 0.059 254.128);
    --nk-color-success: oklch(0.723 0.219 149.579);
    --nk-color-success-content: oklch(0.925 0.084 155.995);
    --nk-color-warning: oklch(0.828 0.189 84.429);
    --nk-color-warning-content: oklch(0.945 0.129 101.54);
    --nk-color-danger: oklch(0.577 0.245 27.325);
    --nk-color-danger-foreground: oklch(0.985 0 0);
    --nk-color-danger-content: oklch(0.704 0.191 22.216);
    --nk-color-overlay: oklch(0 0 0 / 0.65);
  }

  :where(:root, [data-theme]) {
    --nk-button-default-background: light-dark(
      var(--nk-color-surface),
      var(--nk-color-border)
    );
    --nk-button-default-hover-background: light-dark(
      var(--nk-color-elevated),
      color-mix(
        in oklab,
        var(--nk-button-default-background),
        var(--nk-button-default-foreground) 10%
      )
    );
    --nk-button-default-foreground: var(--nk-color-foreground);
    --nk-button-default-border: light-dark(
      var(--nk-color-border),
      color-mix(
        in oklab,
        var(--nk-color-border) 90%,
        var(--nk-color-foreground)
      )
    );
    --nk-color-surface-hover: color-mix(
      in oklab,
      var(--nk-color-surface) 96%,
      var(--nk-color-foreground)
    );
    --nk-color-primary-hover: color-mix(
      in oklab,
      var(--nk-color-primary),
      transparent 10%
    );
    --nk-color-danger-hover: light-dark(
      oklch(0.577 0.245 27.325),
      oklch(0.637 0.237 25.331)
    );
    --nk-app-shell-background: var(--nk-color-canvas);
    --nk-app-shell-sidebar-background: var(--nk-color-surface);
    --nk-app-shell-sidebar-foreground: var(--nk-color-foreground);
    --nk-app-shell-sidebar-accent: var(--nk-color-muted);
    --nk-app-shell-sidebar-accent-foreground: var(--nk-color-foreground);
    --nk-app-shell-border: var(--nk-color-border);
  }
}

/* Source: src/stylesheets/nitro_kit/reset.css */
@layer nitro-kit.reset {
  :where([data-nk], [data-nk] [data-slot]) {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: var(--nk-color-border);
  }

  :where([data-nk], [data-nk] [data-slot])::before,
  :where([data-nk], [data-nk] [data-slot])::after {
    box-sizing: inherit;
  }

  :where(
      button[data-nk],
      input[data-nk],
      select[data-nk],
      textarea[data-nk],
      [data-nk] :is(button, input, select, textarea)[data-slot]
    ) {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: transparent;
    border-radius: 0;
  }

  :where([data-nk]) {
    font-family: var(--nk-font-sans);
    line-height: var(--nk-leading-normal);
    -webkit-tap-highlight-color: transparent;
  }

  :where(
      input[data-nk],
      textarea[data-nk],
      [data-nk] :is(input, textarea)[data-slot]
    )::placeholder {
    color: var(--nk-color-muted-foreground);
    opacity: 1;
  }

  :where(
      button[data-nk],
      input[data-nk],
      [data-nk] :is(button, input)[data-slot]
    )::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    border: 0 solid transparent;
  }

  :where(
      ol[data-nk],
      ul[data-nk],
      menu[data-nk],
      [data-nk] :is(ol, ul, menu)[data-slot]
    ) {
    list-style: none;
  }

  :where(table[data-nk], [data-nk] table[data-slot]) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :where(
      img[data-nk],
      svg[data-nk],
      video[data-nk],
      [data-nk] :is(img, svg, video)[data-slot]
    ) {
    display: block;
    vertical-align: middle;
  }

  :where(img[data-nk], video[data-nk], [data-nk] :is(img, video)[data-slot]) {
    max-width: 100%;
    height: auto;
  }

  :where(hr[data-nk], [data-nk] hr[data-slot]) {
    height: 0;
    color: inherit;
    border-top-width: var(--nk-border-width);
  }

  :where(textarea[data-nk], [data-nk] textarea[data-slot]) {
    resize: vertical;
  }

  :where(
      input[data-nk],
      [data-nk] input[data-slot]
    )::-webkit-search-decoration {
    appearance: none;
  }

  :where(
      input[data-nk],
      [data-nk] input[data-slot]
    )::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  :where(input[data-nk], [data-nk] input[data-slot]):-moz-ui-invalid {
    box-shadow: none;
  }

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

/* Source: src/stylesheets/nitro_kit/components/accordion.css */
@layer nitro-kit.base {
  :where([data-nk="accordion"]) {
    inline-size: 100%;
    color: var(--nk-color-foreground);
  }

  :where([data-nk="accordion"] > [data-slot="accordion-item"]) {
    border-block-end: var(--nk-border-width) solid var(--nk-color-border);
  }

  :where([data-nk="accordion"] > [data-slot="accordion-item"]:first-child) {
    border-block-start: var(--nk-border-width) solid var(--nk-color-border);
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"]
      > [data-slot="accordion-trigger"]
  ) {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--nk-space) * 3);
    padding: calc(var(--nk-space) * 3) 0;
    font: inherit;
    font-weight: var(--nk-font-weight-medium);
    color: inherit;
    text-align: start;
    cursor: pointer;
    background: transparent;
    border: 0;
    list-style: none;
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"]
      > [data-slot="accordion-trigger"]
  )::-webkit-details-marker {
    display: none;
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"]
      > [data-slot="accordion-trigger"]
      > [data-slot="accordion-label"]
  ) {
    flex: 1;
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"]
      > [data-slot="accordion-trigger"]
      > [data-slot="accordion-icon"]
  ) {
    flex: none;
    width: 1rem;
    height: 1rem;
    color: var(--nk-color-muted-foreground);
    transition:
      color var(--nk-duration-fast) var(--nk-ease),
      transform var(--nk-duration-fast) var(--nk-ease);
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"][open]
      > [data-slot="accordion-trigger"]
      > [data-slot="accordion-icon"]
  ) {
    transform: rotate(180deg);
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"]
      > [data-slot="accordion-content"]
  ) {
    padding-block-end: calc(var(--nk-space) * 4);
    line-height: var(--nk-leading-normal);
    color: var(--nk-color-muted-foreground);
  }
}

@layer nitro-kit.state {
  @media (hover: hover) {
    :where(
      [data-nk="accordion"]
        > [data-slot="accordion-item"]
        > [data-slot="accordion-trigger"]:hover
    ) {
      color: var(--nk-color-primary);
    }
  }

  :where(
    [data-nk="accordion"]
      > [data-slot="accordion-item"]
      > [data-slot="accordion-trigger"]:focus-visible
  ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  @media (prefers-reduced-motion: reduce) {
    :where(
      [data-nk="accordion"]
        > [data-slot="accordion-item"]
        > [data-slot="accordion-trigger"]
        > [data-slot="accordion-icon"]
    ) {
      transition-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/alert.css */
@layer nitro-kit.base {
  :where([data-nk="alert"]) {
    --_nk-alert-background: var(--nk-color-surface);
    --_nk-alert-border: var(--nk-color-border);
    --_nk-alert-foreground: var(--nk-color-foreground);

    position: relative;
    display: grid;
    width: 100%;
    gap: calc(var(--nk-space) * 2);
    padding: calc(var(--nk-space) * 4);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-normal);
    color: var(--_nk-alert-foreground);
    background-color: var(--_nk-alert-background);
    border-width: var(--nk-border-width);
    border-color: var(--_nk-alert-border);
    border-radius: var(--nk-radius-lg);
  }

  :where([data-nk="alert"] > [data-slot="alert-title"]) {
    font-size: var(--nk-text-base);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="alert"]:has(> [data-slot="alert-icon"])) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  :where([data-nk="alert"] > [data-slot="alert-icon"]) {
    grid-row: 1 / -1;
    width: 1.25rem;
    height: 1.25rem;
    margin-block-start: 0.0625rem;
  }

  :where(
      [data-nk="alert"]:has(> [data-slot="alert-icon"])
        > [data-slot="alert-title"],
      [data-nk="alert"]:has(> [data-slot="alert-icon"])
        > [data-slot="alert-description"]
    ) {
    grid-column: 2;
  }

  :where([data-nk="alert"] > [data-slot="alert-description"]) {
    max-width: var(--nk-content-lg);
    color: color-mix(in oklab, var(--_nk-alert-foreground) 82%, transparent);
    text-wrap: pretty;
  }
}

@layer nitro-kit.variant {
  :where([data-nk="alert"][data-variant="warning"]) {
    --_nk-alert-background: color-mix(
      in oklab,
      var(--nk-color-warning) 12%,
      transparent
    );
    --_nk-alert-border: color-mix(
      in oklab,
      var(--nk-color-warning) 55%,
      transparent
    );
    --_nk-alert-foreground: var(--nk-color-warning-content);
  }

  :where([data-nk="alert"][data-variant="error"]) {
    --_nk-alert-background: color-mix(
      in oklab,
      var(--nk-color-danger) 10%,
      transparent
    );
    --_nk-alert-border: color-mix(
      in oklab,
      var(--nk-color-danger) 55%,
      transparent
    );
    --_nk-alert-foreground: var(--nk-color-danger-content);
  }

  :where([data-nk="alert"][data-variant="success"]) {
    --_nk-alert-background: color-mix(
      in oklab,
      var(--nk-color-success) 12%,
      transparent
    );
    --_nk-alert-border: color-mix(
      in oklab,
      var(--nk-color-success) 55%,
      transparent
    );
    --_nk-alert-foreground: var(--nk-color-success-content);
  }
}

/* Source: src/stylesheets/nitro_kit/components/app_navigation.css */
@layer nitro-kit.base {
  :where([data-nk="app-navigation"]) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-inline-size: 0;
    min-block-size: 0;
    color: var(--nk-app-shell-sidebar-foreground);
    font-size: var(--nk-text-sm);
  }

  :where(
      [data-nk="app-navigation"] > [data-slot="app-navigation-header"],
      [data-nk="app-navigation"] > [data-slot="app-navigation-footer"]
    ) {
    flex: 0 0 auto;
    padding: calc(var(--nk-space) * 3);
  }

  :where([data-nk="app-navigation"] > [data-slot="app-navigation-header"]) {
    border-block-end: var(--nk-border-width) solid var(--nk-app-shell-border);
  }

  :where([data-nk="app-navigation"] > [data-slot="app-navigation-footer"]) {
    border-block-start: var(--nk-border-width) solid var(--nk-app-shell-border);
  }

  :where([data-nk="app-navigation"] > [data-slot="app-navigation-body"]) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--nk-space);
    min-block-size: 0;
    padding: calc(var(--nk-space) * 3);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  :where([data-nk="app-navigation"] [data-slot="app-navigation-section"]) {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--nk-space);
    min-inline-size: 0;
  }

  :where(
      [data-nk="app-navigation"] [data-slot="app-navigation-section-label"]
    ) {
    margin: calc(var(--nk-space) * 4) calc(var(--nk-space) * 2) var(--nk-space);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-xs);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
  }

  :where([data-nk="app-navigation"] [data-slot="app-navigation-item"]) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: calc(var(--nk-space) * 2);
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    padding: calc(var(--nk-space) * 2) calc(var(--nk-space) * 3);
    color: inherit;
    font-weight: var(--nk-font-weight-medium);
    line-height: var(--nk-leading-tight);
    text-decoration: none;
    border-radius: var(--nk-radius-md);
    transition:
      color var(--nk-duration-normal) var(--nk-ease),
      background-color var(--nk-duration-normal) var(--nk-ease);
  }

  :where([data-nk="app-navigation"] [data-slot="app-navigation-item-label"]) {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :where(
      [data-nk="app-navigation"] [data-slot="app-navigation-item-icon"],
      [data-nk="app-navigation"] [data-slot="app-navigation-item-badge"]
    ) {
    flex: 0 0 auto;
  }

  :where([data-nk="app-navigation"] [data-slot="app-navigation-item-badge"]) {
    justify-self: end;
    font-variant-numeric: tabular-nums;
  }

  :where([data-nk="app-navigation"] [data-slot="app-navigation-divider"]) {
    flex: 0 0 auto;
    block-size: var(--nk-border-width);
    margin: calc(var(--nk-space) * 2);
    background: var(--nk-app-shell-border);
    border: 0;
  }

  :where([data-nk="app-navigation"] [data-slot="app-navigation-spacer"]) {
    flex: 1 1 calc(var(--nk-space) * 4);
    min-block-size: calc(var(--nk-space) * 4);
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="app-navigation"]
        [data-slot="app-navigation-item"][data-state="current"]
    ) {
    color: var(--nk-app-shell-sidebar-accent-foreground);
    background: var(--nk-app-shell-sidebar-accent);
  }

  @media (hover: hover) {
    :where([data-nk="app-navigation"] [data-slot="app-navigation-item"]:hover) {
      color: var(--nk-app-shell-sidebar-accent-foreground);
      background: var(--nk-app-shell-sidebar-accent);
    }
  }

  :where(
      [data-nk="app-navigation"] [data-slot="app-navigation-item"]:focus-visible
    ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: calc(var(--nk-focus-offset) * -1);
  }

  @media (prefers-reduced-motion: reduce) {
    :where([data-nk="app-navigation"] [data-slot="app-navigation-item"]) {
      transition-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/app_shell.css */
@layer nitro-kit.base {
  :where([data-nk="app-shell"]) {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-rows: var(--nk-app-shell-topbar-height) minmax(0, 1fr);
    grid-template-columns: var(--nk-app-shell-sidebar-width) minmax(0, 1fr);
    min-inline-size: 0;
    min-block-size: 100vh;
    min-block-size: 100dvh;
    color: var(--nk-color-foreground);
    background: var(--nk-app-shell-background);
    overscroll-behavior: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :where([data-nk="app-shell"] > [data-slot="app-shell-skip-link"]) {
    position: fixed;
    inset-block-start: calc(var(--nk-space) * 2);
    inset-inline-start: calc(var(--nk-space) * 2);
    z-index: 100;
    padding: calc(var(--nk-space) * 2) calc(var(--nk-space) * 3);
    color: var(--nk-color-primary-foreground);
    text-decoration: none;
    background: var(--nk-color-primary);
    border-radius: var(--nk-radius-md);
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    transform: translateY(calc(-100% - (var(--nk-space) * 4)));
    transition: transform var(--nk-duration-fast) var(--nk-ease);
  }

  :where(
    [data-nk="app-shell"] > [data-slot="app-shell-skip-link"]:focus-visible
  ) {
    transform: translateY(0);
  }

  :where([data-nk="app-shell"] > [data-slot="app-shell-header"]) {
    display: contents;
  }

  :where([data-nk="app-shell"] [data-slot="app-shell-brand"]) {
    position: sticky;
    inset-block-start: 0;
    z-index: 20;
    display: flex;
    grid-row: 1;
    grid-column: 1;
    align-items: center;
    min-inline-size: 0;
    min-block-size: var(--nk-app-shell-topbar-height);
    padding-inline: calc(var(--nk-space) * 4);
    color: var(--nk-app-shell-sidebar-foreground);
    background: var(--nk-app-shell-sidebar-background);
    border-inline-end: var(--nk-border-width) solid var(--nk-app-shell-border);
    border-block-end: var(--nk-border-width) solid var(--nk-app-shell-border);
  }

  :where(
    [data-nk="app-shell"] [data-slot="app-shell-mobile-trigger"],
    [data-nk="app-shell"] [data-slot="app-shell-mobile-close"]
  ) {
    display: none;
    align-items: center;
    justify-content: center;
    inline-size: var(--nk-control-height-md);
    block-size: var(--nk-control-height-md);
    padding: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: var(--nk-radius-md);
    transition:
      background-color var(--nk-duration-fast) var(--nk-ease),
      scale var(--nk-duration-fast) var(--nk-ease);
  }

  :where([data-nk="app-shell"] > [data-slot="app-shell-sidebar"]) {
    position: sticky;
    inset-block-start: var(--nk-app-shell-topbar-height);
    z-index: 10;
    display: flex;
    grid-row: 2;
    grid-column: 1;
    flex-direction: column;
    min-inline-size: 0;
    min-block-size: 0;
    block-size: calc(100vh - var(--nk-app-shell-topbar-height));
    block-size: calc(100dvh - var(--nk-app-shell-topbar-height));
    overflow: hidden;
    color: var(--nk-app-shell-sidebar-foreground);
    background: var(--nk-app-shell-sidebar-background);
    border-inline-end: var(--nk-border-width) solid var(--nk-app-shell-border);
  }

  :where(
    [data-nk="app-shell"]
      > [data-slot="app-shell-sidebar"]
      > [data-slot="app-shell-navigation"],
    [data-nk="app-shell"]
      > [data-slot="app-shell-dialog"]
      > [data-slot="app-shell-navigation"]
  ) {
    display: flex;
    flex: 1 1 auto;
    min-inline-size: 0;
    min-block-size: 0;
  }

  :where([data-nk="app-shell"] [data-slot="app-shell-topbar"]) {
    position: sticky;
    inset-block-start: 0;
    z-index: 20;
    display: flex;
    grid-row: 1;
    grid-column: 2;
    gap: calc(var(--nk-space) * 2);
    align-items: center;
    justify-content: flex-end;
    min-inline-size: 0;
    min-block-size: var(--nk-app-shell-topbar-height);
    padding-inline: calc(var(--nk-space) * 4);
    background: var(--nk-app-shell-background);
    border-block-end: var(--nk-border-width) solid var(--nk-app-shell-border);
  }

  :where([data-nk="app-shell"] > [data-slot="app-shell-main"]) {
    grid-row: 2;
    grid-column: 2;
    min-inline-size: 0;
    min-block-size: 0;
    outline: 0;
  }

  :where([data-nk="app-shell"] > [data-slot="app-shell-dialog"]) {
    display: none;
    margin: 0;
    padding: 0;
    color: var(--nk-app-shell-sidebar-foreground);
    background: var(--nk-app-shell-sidebar-background);
    border: 0;
  }

  :where([data-nk="app-shell"] > [data-slot="app-shell-dialog"])::backdrop {
    background: var(--nk-color-overlay);
  }
}

@layer nitro-kit.variant {
  :where(
    [data-nk="app-shell"][data-variant="sidebar"] [data-slot="app-shell-topbar"]
  ) {
    display: none;
  }

  :where(
    [data-nk="app-shell"][data-variant="sidebar"] > [data-slot="app-shell-main"]
  ) {
    grid-row: 1 / 3;
  }

  :where(
    [data-nk="app-shell"]:is(
        [data-variant="sidebar"],
        [data-variant="hybrid"]
      ):not(
        :has(> [data-slot="app-shell-header"] > [data-slot="app-shell-brand"])
      )
      > [data-slot="app-shell-sidebar"]
  ) {
    inset-block-start: 0;
    grid-row: 1 / 3;
    block-size: 100vh;
    block-size: 100dvh;
  }

  :where([data-nk="app-shell"][data-variant="topbar"]) {
    grid-template-columns: max-content minmax(0, 1fr) max-content;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      > [data-slot="app-shell-sidebar"]
  ) {
    display: contents;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      > [data-slot="app-shell-sidebar"]
      > [data-slot="app-shell-navigation"]
  ) {
    position: sticky;
    inset-block-start: 0;
    z-index: 20;
    grid-row: 1;
    grid-column: 2;
    min-block-size: var(--nk-app-shell-topbar-height);
    background: var(--nk-app-shell-background);
    border-block-end: var(--nk-border-width) solid var(--nk-app-shell-border);
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"] [data-slot="app-shell-brand"]
  ) {
    grid-column: 1;
    background: var(--nk-app-shell-background);
    border-inline-end: 0;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"] [data-slot="app-shell-topbar"]
  ) {
    grid-column: 3;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"] > [data-slot="app-shell-main"]
  ) {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"] [data-nk="app-navigation"]
  ) {
    flex-direction: row;
    align-items: stretch;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      [data-nk="app-navigation"]
      > [data-slot="app-navigation-body"]
  ) {
    flex-direction: row;
    align-items: center;
    padding-block: calc(var(--nk-space) * 2);
    overflow: auto hidden;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      [data-nk="app-navigation"]
      [data-slot="app-navigation-section"]
  ) {
    flex-direction: row;
    align-items: center;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      [data-nk="app-navigation"]
      [data-slot="app-navigation-section-label"]
  ) {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      [data-nk="app-navigation"]
      [data-slot="app-navigation-divider"]
  ) {
    inline-size: var(--nk-border-width);
    block-size: calc(var(--nk-control-height-md) - (var(--nk-space) * 2));
    margin: calc(var(--nk-space) * 2);
  }

  :where(
    [data-nk="app-shell"][data-variant="topbar"]
      [data-nk="app-navigation"]
      [data-slot="app-navigation-spacer"]
  ) {
    flex-basis: calc(var(--nk-space) * 4);
    min-inline-size: calc(var(--nk-space) * 4);
    min-block-size: 0;
  }
}

@layer nitro-kit.state {
  @media (hover: hover) {
    :where(
      [data-nk="app-shell"] [data-slot="app-shell-mobile-trigger"]:hover,
      [data-nk="app-shell"] [data-slot="app-shell-mobile-close"]:hover
    ) {
      background: var(--nk-app-shell-sidebar-accent);
    }
  }

  :where(
    [data-nk="app-shell"] [data-slot="app-shell-mobile-trigger"]:active,
    [data-nk="app-shell"] [data-slot="app-shell-mobile-close"]:active
  ) {
    scale: 0.96;
  }

  :where(
    [data-nk="app-shell"] [data-slot="app-shell-mobile-trigger"]:focus-visible,
    [data-nk="app-shell"] [data-slot="app-shell-mobile-close"]:focus-visible
  ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  @media (max-width: 48rem) {
    :where([data-nk="app-shell"]) {
      grid-template-rows: auto auto minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr);
    }

    :where([data-nk="app-shell"] > [data-slot="app-shell-header"]) {
      position: sticky;
      inset-block-start: 0;
      z-index: 30;
      display: flex;
      grid-row: 1;
      grid-column: 1;
      gap: calc(var(--nk-space) * 2);
      align-items: center;
      min-inline-size: 0;
      min-block-size: var(--nk-app-shell-topbar-height);
      padding-inline: calc(var(--nk-space) * 3);
      background: var(--nk-app-shell-background);
      border-block-end: var(--nk-border-width) solid var(--nk-app-shell-border);
    }

    :where(
      [data-nk="app-shell"] [data-slot="app-shell-brand"],
      [data-nk="app-shell"] [data-slot="app-shell-topbar"]
    ) {
      position: static;
      display: flex;
      min-block-size: auto;
      padding: 0;
      background: transparent;
      border: 0;
    }

    :where([data-nk="app-shell"] [data-slot="app-shell-brand"]) {
      flex: 1 1 auto;
      order: 0;
    }

    :where([data-nk="app-shell"] [data-slot="app-shell-topbar"]) {
      flex: 0 0 auto;
      order: 1;
    }

    :where(
      [data-nk="app-shell"][data-enhanced]
        [data-slot="app-shell-mobile-trigger"]
    ) {
      display: inline-flex;
      flex: 0 0 auto;
      order: -1;
    }

    :where([data-nk="app-shell"] > [data-slot="app-shell-sidebar"]) {
      position: static;
      display: flex;
      grid-row: 2;
      grid-column: 1;
      block-size: auto;
      max-block-size: none;
      overflow: visible;
      border-inline-end: 0;
      border-block-end: var(--nk-border-width) solid var(--nk-app-shell-border);
      transform: none;
    }

    :where(
      [data-nk="app-shell"]
        > [data-slot="app-shell-sidebar"]
        > [data-slot="app-shell-navigation"]
    ) {
      min-block-size: auto;
    }

    :where(
      [data-nk="app-shell"][data-variant="topbar"] [data-nk="app-navigation"]
    ) {
      flex-direction: column;
      align-items: stretch;
    }

    :where(
      [data-nk="app-shell"][data-variant="topbar"]
        [data-nk="app-navigation"]
        > [data-slot="app-navigation-body"]
    ) {
      flex-direction: column;
      align-items: stretch;
      padding: calc(var(--nk-space) * 3);
      overflow: visible;
    }

    :where(
      [data-nk="app-shell"][data-variant="topbar"]
        [data-nk="app-navigation"]
        [data-slot="app-navigation-section"]
    ) {
      flex-direction: column;
      align-items: stretch;
    }

    :where(
      [data-nk="app-shell"][data-variant="topbar"]
        [data-nk="app-navigation"]
        [data-slot="app-navigation-section-label"]
    ) {
      position: static;
      inline-size: auto;
      block-size: auto;
      padding: 0;
      margin: calc(var(--nk-space) * 4) calc(var(--nk-space) * 2)
        var(--nk-space);
      overflow: visible;
      clip: auto;
      white-space: normal;
    }

    :where(
      [data-nk="app-shell"][data-enhanced] > [data-slot="app-shell-sidebar"]
    ) {
      display: none;
    }

    :where(
      [data-nk="app-shell"][data-enhanced]
        > [data-slot="app-shell-dialog"][open]
    ) {
      --_nk-app-shell-dialog-enter-x: -100%;

      position: fixed;
      inset-block: 0;
      inset-inline-start: 0;
      inset-inline-end: auto;
      display: flex;
      flex-direction: column;
      inline-size: min(
        var(--nk-app-shell-sidebar-width),
        calc(100vw - (var(--nk-space) * 12))
      );
      max-inline-size: 100%;
      block-size: 100vh;
      block-size: 100dvh;
      max-block-size: 100dvh;
      overflow: hidden;
      border-inline-end: var(--nk-border-width) solid var(--nk-app-shell-border);
      box-shadow: var(--nk-shadow-lg);
      animation: nk-app-shell-dialog-enter var(--nk-duration-normal)
        var(--nk-ease);
    }

    :where(
      [dir="rtl"]
        [data-nk="app-shell"][data-enhanced]
        > [data-slot="app-shell-dialog"][open]
    ) {
      --_nk-app-shell-dialog-enter-x: 100%;
    }

    :where(
      [data-nk="app-shell"][data-enhanced]
        > [data-slot="app-shell-dialog"][open]
        [data-slot="app-shell-mobile-close"]
    ) {
      display: inline-flex;
      flex: 0 0 auto;
      align-self: flex-end;
      margin: calc(var(--nk-space) * 3);
      margin-block-end: 0;
    }

    :where([data-nk="app-shell"] > [data-slot="app-shell-main"]) {
      grid-row: 3;
      grid-column: 1;
    }
  }

  @keyframes nk-app-shell-dialog-enter {
    from {
      transform: translateX(var(--_nk-app-shell-dialog-enter-x));
    }
    to {
      transform: translateX(0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where(
      [data-nk="app-shell"] > [data-slot="app-shell-skip-link"],
      [data-nk="app-shell"] > [data-slot="app-shell-dialog"],
      [data-nk="app-shell"] [data-slot="app-shell-mobile-trigger"],
      [data-nk="app-shell"] [data-slot="app-shell-mobile-close"]
    ) {
      animation-duration: 0.01ms;
      transition-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/appearance_picker.css */
@layer nitro-kit.base {
  :where([data-nk="appearance-picker"]) {
    min-inline-size: 0;
    padding: 0;
    color: var(--nk-color-foreground);
    border: 0;
  }

  :where(
      [data-nk="appearance-picker"] > [data-slot="appearance-picker-legend"]
    ) {
    padding: 0;
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-semibold);
  }

  :where(
      [data-nk="appearance-picker"] > [data-slot="appearance-picker-options"]
    ) {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--nk-space) * 3);
    margin-block-start: calc(var(--nk-space) * 2);
  }

  :where([data-nk="appearance-picker"] [data-slot="appearance-picker-option"]) {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    gap: calc(var(--nk-space) * 2);
    font-size: var(--nk-text-sm);
    cursor: pointer;
  }

  :where(
      [data-nk="appearance-picker"] [data-slot="appearance-picker-control"]
    ) {
    inline-size: 1.125rem;
    block-size: 1.125rem;
    margin: 0;
    accent-color: var(--nk-color-primary);
    cursor: pointer;
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="appearance-picker"]
        [data-slot="appearance-picker-control"]:focus-visible
    ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }
}

/* Source: src/stylesheets/nitro_kit/components/auth_shell.css */
@layer nitro-kit.base {
  :where([data-nk="auth-shell"]) {
    width: 100%;
    min-width: 0;
    padding-block: calc(var(--nk-space) * 8);
    padding-inline: calc(var(--nk-space) * 4);
  }
}

/* Source: src/stylesheets/nitro_kit/components/avatar.css */
@layer nitro-kit.base {
  :where([data-nk="avatar"]) {
    position: relative;
    display: inline-grid;
    flex: none;
    place-items: center;
    overflow: hidden;
    font-weight: var(--nk-font-weight-medium);
    line-height: 1;
    color: var(--nk-color-muted-foreground);
    vertical-align: middle;
    background-color: var(--nk-color-muted);
    border-radius: var(--nk-radius-full);
  }

  :where([data-nk="avatar"])::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    content: "";
    border: var(--nk-border-width) solid
      color-mix(in oklab, var(--nk-color-foreground) 10%, transparent);
    border-radius: inherit;
  }

  :where(
      [data-nk="avatar"] > [data-slot="avatar-fallback"],
      [data-nk="avatar"] > [data-slot="avatar-image"]
    ) {
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }

  :where([data-nk="avatar"] > [data-slot="avatar-fallback"]) {
    display: grid;
    place-items: center;
    text-transform: uppercase;
    user-select: none;
  }

  :where([data-nk="avatar"] > [data-slot="avatar-image"]) {
    z-index: 1;
    object-fit: cover;
  }
}

@layer nitro-kit.size {
  :where([data-nk="avatar"][data-size="sm"]) {
    width: 2rem;
    height: 2rem;
    font-size: var(--nk-text-xs);
  }

  :where([data-nk="avatar"][data-size="md"]) {
    width: 3rem;
    height: 3rem;
    font-size: var(--nk-text-sm);
  }

  :where([data-nk="avatar"][data-size="lg"]) {
    width: 4rem;
    height: 4rem;
    font-size: var(--nk-text-lg);
  }
}

/* Source: src/stylesheets/nitro_kit/components/avatar_stack.css */
@layer nitro-kit.compound {
  :where([data-nk="avatar-stack"]) {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
  }

  :where(
      [data-nk="avatar-stack"] > [data-slot="avatar-stack-avatar"],
      [data-nk="avatar-stack"] > [data-slot="avatar-stack-overflow"]
    ) {
    flex: none;
    margin-inline-start: calc(var(--nk-space) * -3);
    box-shadow: 0 0 0 calc(var(--nk-border-width) * 2) var(--nk-color-canvas);
  }

  :where(
      [data-nk="avatar-stack"] > [data-slot="avatar-stack-avatar"]:first-child,
      [data-nk="avatar-stack"] > [data-slot="avatar-stack-overflow"]:first-child
    ) {
    margin-inline-start: 0;
  }

  :where([data-nk="avatar-stack"] > [data-slot="avatar-stack-overflow"]) {
    display: inline-grid;
    place-items: center;
    font-weight: var(--nk-font-weight-semibold);
    line-height: 1;
    color: var(--nk-color-muted-foreground);
    background-color: var(--nk-color-elevated);
    border-radius: var(--nk-radius-full);
  }

  :where(
      [data-nk="avatar-stack"][data-size="sm"]
        > [data-slot="avatar-stack-overflow"]
    ) {
    width: 2rem;
    height: 2rem;
    font-size: var(--nk-text-xs);
  }

  :where(
      [data-nk="avatar-stack"][data-size="md"]
        > [data-slot="avatar-stack-overflow"]
    ) {
    width: 3rem;
    height: 3rem;
    font-size: var(--nk-text-sm);
  }

  :where(
      [data-nk="avatar-stack"][data-size="lg"]
        > [data-slot="avatar-stack-overflow"]
    ) {
    width: 4rem;
    height: 4rem;
    font-size: var(--nk-text-base);
  }
}

/* Source: src/stylesheets/nitro_kit/components/badge.css */
@layer nitro-kit.base {
  :where([data-nk="badge"]) {
    --_nk-badge-color: var(--nk-color-neutral-content);

    display: inline-flex;
    align-items: center;
    max-width: 100%;
    font-weight: var(--nk-font-weight-medium);
    line-height: var(--nk-leading-tight);
    color: var(--_nk-badge-color);
    white-space: nowrap;
    vertical-align: middle;
    background-color: color-mix(
      in oklab,
      var(--_nk-badge-color) 14%,
      transparent
    );
    border: var(--nk-border-width) solid transparent;
    border-radius: var(--nk-radius-md);
  }

  :where([data-nk="badge"] > [data-slot="badge-label"]) {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@layer nitro-kit.variant {
  :where([data-nk="badge"][data-variant="outline"]) {
    background-color: transparent;
    border-color: color-mix(in oklab, var(--_nk-badge-color) 50%, transparent);
  }

  :where([data-nk="badge"][data-color="info"]) {
    --_nk-badge-color: var(--nk-color-info-content);
  }

  :where([data-nk="badge"][data-color="success"]) {
    --_nk-badge-color: var(--nk-color-success-content);
  }

  :where([data-nk="badge"][data-color="warning"]) {
    --_nk-badge-color: var(--nk-color-warning-content);
  }

  :where([data-nk="badge"][data-color="danger"]) {
    --_nk-badge-color: var(--nk-color-danger-content);
  }
}

@layer nitro-kit.size {
  :where([data-nk="badge"][data-size="sm"]) {
    padding: calc(var(--nk-space) * 0.5) calc(var(--nk-space) * 1.5);
    font-size: var(--nk-text-xs);
  }

  :where([data-nk="badge"][data-size="md"]) {
    padding: calc(var(--nk-space) * 0.5) calc(var(--nk-space) * 2);
    font-size: var(--nk-text-sm);
  }
}

/* Source: src/stylesheets/nitro_kit/components/button.css */
@layer nitro-kit.base {
  :where([data-nk="button"]) {
    --_nk-button-height: var(--nk-control-height-md);
    --_nk-button-padding: calc(var(--nk-space) * 4);
    --_nk-button-icon-padding: calc(var(--nk-space) * 3);
    --_nk-button-radius: var(--nk-radius-lg);
    --_nk-button-font-size: var(--nk-text-sm);
    --_nk-button-line-height: 1.25rem;
    --_nk-button-background: var(--nk-button-default-background);
    --_nk-button-hover-background: var(--nk-button-default-hover-background);
    --_nk-button-foreground: var(--nk-button-default-foreground);
    --_nk-button-border-width: var(--nk-border-width);
    --_nk-button-border: var(--nk-button-default-border);
    --_nk-button-border-bottom: light-dark(
      color-mix(
        in oklab,
        var(--nk-button-default-border) 93%,
        var(--nk-button-default-foreground)
      ),
      var(--nk-button-default-border)
    );
    --_nk-button-shadow: 0 1px 2px 0 oklch(0 0 0 / 0.05);

    position: relative;
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    max-inline-size: 100%;
    block-size: var(--_nk-button-height);
    gap: calc(var(--nk-space) * 2);
    padding-inline: var(--_nk-button-padding);
    color: var(--_nk-button-foreground);
    font-size: var(--_nk-button-font-size);
    font-weight: var(--nk-font-weight-medium);
    line-height: var(--_nk-button-line-height);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    user-select: none;
    background: var(--_nk-button-background);
    border-color: var(--_nk-button-border);
    border-style: solid;
    border-width: var(--_nk-button-border-width);
    border-block-end-color: var(--_nk-button-border-bottom);
    border-radius: var(--_nk-button-radius);
    box-shadow: var(--_nk-button-shadow);
  }

  :where(button[data-nk="button"]) {
    cursor: default;
  }

  :where(
    [data-nk="button"] > [data-slot="button-icon-start"],
    [data-nk="button"] > [data-slot="button-icon-end"]
  ) {
    display: inline-flex;
    flex: none;
  }

  :where([data-nk="button"] > [data-slot="button-label"]) {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  :where([data-nk="button"]:has(> [data-slot="button-icon-start"])) {
    padding-inline-start: var(--_nk-button-icon-padding);
  }

  :where([data-nk="button"]:has(> [data-slot="button-icon-end"])) {
    padding-inline-end: var(--_nk-button-icon-padding);
  }

  :where([data-nk="button"]:not(:has(> [data-slot="button-label"]))) {
    inline-size: var(--_nk-button-height);
    padding-inline: 0;
  }
}

@layer nitro-kit.variant {
  :where([data-nk="button"][data-variant="primary"]) {
    --_nk-button-background: var(--nk-color-primary);
    --_nk-button-hover-background: var(--nk-color-primary-hover);
    --_nk-button-foreground: var(--nk-color-primary-foreground);
    --_nk-button-border: light-dark(oklch(0 0 0 / 0.1), transparent);
    --_nk-button-border-bottom: var(--_nk-button-border);
    --_nk-button-shadow: inset 0 1px oklch(1 0 0 / 0.2);
  }

  :where([data-nk="button"][data-variant="destructive"]) {
    --_nk-button-background: var(--nk-color-danger);
    --_nk-button-hover-background: var(--nk-color-danger-hover);
    --_nk-button-foreground: var(--nk-color-danger-foreground);
    --_nk-button-border-width: 0;
    --_nk-button-border: transparent;
    --_nk-button-border-bottom: transparent;
    --_nk-button-shadow:
      inset 0 1px var(--nk-color-danger), inset 0 2px oklch(1 0 0 / 0.15);
  }

  :where([data-nk="button"][data-variant="ghost"]) {
    --_nk-button-background: transparent;
    --_nk-button-hover-background: light-dark(
      oklch(0.274 0.006 286.033 / 0.05),
      oklch(1 0 0 / 0.15)
    );
    --_nk-button-foreground: light-dark(
      oklch(0.274 0.006 286.033),
      oklch(1 0 0)
    );
    --_nk-button-border-width: 0;
    --_nk-button-border: transparent;
    --_nk-button-border-bottom: transparent;
    --_nk-button-shadow: none;
  }

  @media (prefers-color-scheme: dark) {
    :where(
      :root:not([data-theme])
        [data-nk="button"]:is(
          [data-variant="primary"],
          [data-variant="destructive"]
        )
    ) {
      --_nk-button-border-width: 0;
    }

    :where(
      :root:not([data-theme]) [data-nk="button"][data-variant="destructive"]
    ) {
      --_nk-button-shadow: none;
    }
  }

  :where([data-theme="dark"] [data-nk="button"][data-variant="primary"]) {
    --_nk-button-border-width: 0;
  }

  :where([data-theme="dark"] [data-nk="button"][data-variant="destructive"]) {
    --_nk-button-shadow: none;
  }
}

@layer nitro-kit.size {
  :where([data-nk="button"][data-size="xs"]) {
    --_nk-button-height: var(--nk-control-height-xs);
    --_nk-button-padding: calc(var(--nk-space) * 2);
    --_nk-button-icon-padding: var(--nk-space);
    --_nk-button-radius: var(--nk-radius-md);
    --_nk-button-font-size: var(--nk-text-xs);
    --_nk-button-line-height: 1rem;
  }

  :where([data-nk="button"][data-size="sm"]) {
    --_nk-button-height: calc(var(--nk-space) * 8);
    --_nk-button-padding: calc(var(--nk-space) * 3);
    --_nk-button-icon-padding: calc(var(--nk-space) * 2);
    --_nk-button-radius: var(--nk-radius-md);
  }

  :where([data-nk="button"][data-size="lg"]) {
    --_nk-button-height: var(--nk-control-height-lg);
    --_nk-button-padding: calc(var(--nk-space) * 5);
    --_nk-button-icon-padding: calc(var(--nk-space) * 4);
  }

  :where([data-nk="button"][data-size="xl"]) {
    --_nk-button-height: var(--nk-control-height-xl);
    --_nk-button-padding: calc(var(--nk-space) * 8);
    --_nk-button-icon-padding: calc(var(--nk-space) * 7);
    --_nk-button-radius: var(--nk-radius-xl);
    --_nk-button-font-size: var(--nk-text-base);
    --_nk-button-line-height: 1.5rem;
    gap: calc(var(--nk-space) * 4);
  }
}

@layer nitro-kit.state {
  @media (hover: hover) {
    :where([data-nk="button"]:hover:not(:disabled, [aria-disabled="true"])) {
      background: var(--_nk-button-hover-background);
    }
  }

  :where([data-nk="button"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where(
    [data-nk="button"]:disabled,
    [data-nk="button"][aria-disabled="true"]
  ) {
    pointer-events: none;
    cursor: default;
    opacity: 0.75;
  }
}

/* Source: src/stylesheets/nitro_kit/components/button_group.css */
@layer nitro-kit.compound {
  :where([data-nk="button-group"]) {
    display: inline-flex;
    isolation: isolate;
    align-items: stretch;
    max-inline-size: 100%;
    overflow-x: auto;
    vertical-align: middle;
  }

  :where([data-nk="button-group"] > [data-slot="button-group-button"]) {
    position: relative;
    /* The group handles pressure by scrolling, so members keep their
       intrinsic width instead of truncating their labels. */
    max-inline-size: none;
  }

  :where(
    [data-nk="button-group"]
      > [data-slot="button-group-button"]:not(:first-child)
  ) {
    margin-inline-start: calc(var(--nk-border-width) * -1);
  }

  :where(
    [data-nk="button-group"]
      > [data-slot="button-group-button"]:not(:only-child)
  ) {
    border-radius: 0;
  }

  :where(
    [data-nk="button-group"]
      > [data-slot="button-group-button"]:first-child:not(:only-child)
  ) {
    border-start-start-radius: var(--_nk-button-radius);
    border-end-start-radius: var(--_nk-button-radius);
  }

  :where(
    [data-nk="button-group"]
      > [data-slot="button-group-button"]:last-child:not(:only-child)
  ) {
    border-start-end-radius: var(--_nk-button-radius);
    border-end-end-radius: var(--_nk-button-radius);
  }

  :where(
    [data-nk="button-group"] > [data-slot="button-group-button"]:focus-visible
  ) {
    z-index: 1;
  }
}

/* Source: src/stylesheets/nitro_kit/components/card.css */
@layer nitro-kit.base {
  :where([data-nk="card"]) {
    --_nk-card-padding: calc(var(--nk-space) * 6);

    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--nk-space) * 4);
    overflow: hidden;
    padding: var(--_nk-card-padding);
    color: var(--nk-color-foreground);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
    box-shadow: var(--nk-shadow-sm);
  }

  :where([data-nk="card"] > [data-slot="card-title"]) {
    font-size: var(--nk-text-lg);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="card"] > [data-slot="card-body"]) {
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="card"] > [data-slot="card-footer"]) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.compound {
  :where([data-nk="card"] > [data-slot="card-full"]) {
    margin-inline: calc(var(--_nk-card-padding) * -1);
  }

  :where([data-nk="card"] > [data-slot="card-full"]:first-child) {
    margin-block-start: calc(var(--_nk-card-padding) * -1);
  }

  :where([data-nk="card"] > [data-slot="card-divider"]) {
    margin-inline: calc(var(--_nk-card-padding) * -1);
    border-block-start: var(--nk-border-width) solid var(--nk-color-border);
  }
}

/* Source: src/stylesheets/nitro_kit/components/checkbox.css */
@layer nitro-kit.base {
  :where([data-nk="checkbox"]) {
    display: inline-grid;
    min-inline-size: var(--nk-control-height-md);
    min-block-size: var(--nk-control-height-md);
    color: var(--nk-color-foreground);
  }

  :where([data-nk="checkbox"] > [data-slot="checkbox-label"]) {
    display: grid;
    grid-template-columns: 1.125rem minmax(0, 1fr);
    gap: calc(var(--nk-space) * 2);
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    cursor: pointer;
  }

  :where(
      [data-nk="checkbox"] [data-slot="checkbox-control"],
      [data-nk="checkbox"] [data-slot="checkbox-indicator"]
    ) {
    grid-area: 1 / 1;
    inline-size: 1.125rem;
    block-size: 1.125rem;
  }

  :where([data-nk="checkbox"] [data-slot="checkbox-control"]) {
    z-index: 1;
    margin: 0;
    cursor: pointer;
    appearance: none;
    opacity: 0;
  }

  :where([data-nk="checkbox"] [data-slot="checkbox-indicator"]) {
    display: grid;
    place-items: center;
    color: var(--nk-color-primary-foreground);
    pointer-events: none;
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-sm);
    transition:
      background-color var(--nk-duration-fast) var(--nk-ease),
      border-color var(--nk-duration-fast) var(--nk-ease);
  }

  :where([data-nk="checkbox"] [data-slot="checkbox-indicator"])::after {
    inline-size: 0.5rem;
    block-size: 0.3rem;
    content: "";
    border-block-end: 0.125rem solid currentcolor;
    border-inline-start: 0.125rem solid currentcolor;
    opacity: 0;
    transform: translateY(-0.0625rem) rotate(-45deg);
  }

  :where([data-nk="checkbox"] [data-slot="checkbox-label-text"]) {
    grid-column: 2;
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="checkbox"]
        [data-slot="checkbox-control"]:checked
        + [data-slot="checkbox-indicator"],
      [data-nk="checkbox"][data-state="indeterminate"]
        [data-slot="checkbox-indicator"]
    ) {
    background: var(--nk-color-primary);
    border-color: var(--nk-color-primary);
  }

  :where(
      [data-nk="checkbox"]
        [data-slot="checkbox-control"]:checked
        + [data-slot="checkbox-indicator"]
    )::after {
    opacity: 1;
  }

  :where(
      [data-nk="checkbox"][data-state="indeterminate"]
        [data-slot="checkbox-indicator"]
    )::after {
    inline-size: 0.55rem;
    block-size: 0;
    border-block-end: 0.125rem solid currentcolor;
    border-inline-start: 0;
    opacity: 1;
    transform: none;
  }

  :where(
      [data-nk="checkbox"]
        [data-slot="checkbox-control"]:focus-visible
        + [data-slot="checkbox-indicator"]
    ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="checkbox"][data-disabled="true"]) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where(
      [data-nk="checkbox"]
        [data-slot="checkbox-control"][aria-invalid="true"]
        + [data-slot="checkbox-indicator"]
    ) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/checkbox_group.css */
@layer nitro-kit.base {
  :where([data-nk="checkbox-group"]) {
    min-inline-size: 0;
    padding: 0;
    color: var(--nk-color-foreground);
    border: 0;
  }

  :where([data-nk="checkbox-group"] > [data-slot="checkbox-group-legend"]) {
    padding: 0;
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-semibold);
  }

  :where(
      [data-nk="checkbox-group"] > [data-slot="checkbox-group-description"]
    ) {
    margin-block-start: var(--nk-space);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    text-wrap: pretty;
  }

  :where([data-nk="checkbox-group"] > [data-slot="checkbox-group-choices"]) {
    display: grid;
    gap: var(--nk-space);
    margin-block-start: calc(var(--nk-space) * 2);
  }
}

/* Source: src/stylesheets/nitro_kit/components/combobox.css */
@layer nitro-kit.base {
  :where([data-nk="combobox"]) {
    position: relative;
    inline-size: 100%;
  }

  :where([data-nk="combobox"] > [data-slot="combobox-control"]) {
    position: relative;
    display: block;
  }

  :where([data-nk="combobox"] [data-slot="combobox-input"]) {
    padding-inline-end: calc(var(--nk-space) * 10);
  }

  :where([data-nk="combobox"] [data-slot="combobox-icon"]) {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: calc(var(--nk-space) * 3);
    color: var(--nk-color-muted-foreground);
    pointer-events: none;
    transform: translateY(-50%);
  }

  :where([data-nk="combobox"] > [data-slot="combobox-status"]) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
  }

  :where([data-nk="combobox"] > [data-slot="combobox-listbox"]) {
    position: absolute;
    z-index: 40;
    min-inline-size: 100%;
    max-inline-size: min(28rem, calc(100vw - (var(--nk-space) * 8)));
    max-block-size: 15rem;
    margin-block: var(--nk-space);
    padding: var(--nk-space);
    overflow-y: auto;
    color: var(--nk-color-foreground);
    list-style: none;
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
    box-shadow: var(--nk-shadow-md);
  }

  :where(
    [data-nk="combobox"]
      > [data-slot="combobox-listbox"][data-placement^="bottom"]
  ) {
    inset-block-start: 100%;
  }

  :where(
    [data-nk="combobox"] > [data-slot="combobox-listbox"][data-placement^="top"]
  ) {
    inset-block-end: 100%;
  }

  :where(
    [data-nk="combobox"]
      > [data-slot="combobox-listbox"][data-placement$="start"]
  ) {
    inset-inline-start: 0;
  }

  :where(
    [data-nk="combobox"] > [data-slot="combobox-listbox"][data-placement$="end"]
  ) {
    inset-inline-end: 0;
  }

  :where([data-nk="combobox"] [data-slot="combobox-option"]) {
    display: flex;
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    padding-inline: calc(var(--nk-space) * 3);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-normal);
    cursor: pointer;
    border-radius: var(--nk-radius-md);
    transition:
      color var(--nk-duration-normal) var(--nk-ease),
      background-color var(--nk-duration-normal) var(--nk-ease);
  }
}

@layer nitro-kit.state {
  :where(
    [data-nk="combobox"]
      [data-slot="combobox-option"]:is(
        [data-active="true"],
        [aria-selected="true"]
      )
  ) {
    background: var(--nk-color-muted);
  }

  :where(
    [data-nk="combobox"] [data-slot="combobox-option"][aria-disabled="true"]
  ) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where(
    [data-nk="combobox"] > [data-slot="combobox-listbox"][data-state="open"]
  ) {
    animation: nk-combobox-enter var(--nk-duration-normal) var(--nk-ease);
  }

  @keyframes nk-combobox-enter {
    from {
      opacity: 0;
      transform: translateY(-0.25rem);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where([data-nk="combobox"] > [data-slot="combobox-listbox"]) {
      animation-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/container.css */
@layer nitro-kit.base {
  :where([data-nk="container"]) {
    width: 100%;
    min-width: 0;
    margin-inline: auto;
  }
}

@layer nitro-kit.size {
  :where([data-nk="container"][data-size="sm"]) {
    max-width: var(--nk-content-sm);
  }

  :where([data-nk="container"][data-size="md"]) {
    max-width: var(--nk-content-md);
  }

  :where([data-nk="container"][data-size="lg"]) {
    max-width: var(--nk-content-lg);
  }

  :where([data-nk="container"][data-size="xl"]) {
    max-width: var(--nk-content-xl);
  }
}

/* Source: src/stylesheets/nitro_kit/components/danger_zone.css */
@layer nitro-kit.base {
  :where([data-nk="danger-zone"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: calc(var(--nk-space) * 5);
    padding: calc(var(--nk-space) * 6);
    color: var(--nk-color-danger-content);
    background: color-mix(
      in oklab,
      var(--nk-color-danger) 8%,
      var(--nk-color-surface)
    );
    border: var(--nk-border-width) solid
      color-mix(in oklab, var(--nk-color-danger) 50%, transparent);
    border-radius: var(--nk-radius-lg);
  }

  :where([data-nk="danger-zone"] > [data-slot="danger-zone-header"]) {
    display: grid;
    grid-column: 1 / -1;
    gap: calc(var(--nk-space) * 2);
  }

  :where([data-nk="danger-zone"] [data-slot="danger-zone-title"]) {
    font-size: var(--nk-text-xl);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="danger-zone"] [data-slot="danger-zone-impact"]) {
    max-width: var(--nk-content-lg);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="danger-zone"] > [data-slot="danger-zone-confirmation"]) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.state {
  @media (max-width: 48rem) {
    :where([data-nk="danger-zone"]) {
      grid-template-columns: minmax(0, 1fr);
      align-items: stretch;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/data_section.css */
@layer nitro-kit.base {
  :where([data-nk="data-section"]) {
    display: grid;
    gap: calc(var(--nk-space) * 5);
    color: var(--nk-color-foreground);
  }

  :where([data-nk="data-section"] > [data-slot="data-section-header"]) {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: calc(var(--nk-space) * 4);
  }

  :where([data-nk="data-section"] [data-slot="data-section-heading"]) {
    display: grid;
    gap: calc(var(--nk-space) * 2);
  }

  :where([data-nk="data-section"] [data-slot="data-section-title"]) {
    font-size: var(--nk-text-xl);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="data-section"] [data-slot="data-section-description"]) {
    max-width: var(--nk-content-lg);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="data-section"] > [data-slot="data-section-table"]),
  :where([data-nk="data-section"] > [data-slot="data-section-empty-state"]) {
    width: 100%;
  }
}

/* Source: src/stylesheets/nitro_kit/components/datepicker.css */
@layer nitro-kit.base {
  :where([data-nk="datepicker"]) {
    display: block;
    inline-size: 100%;
    min-block-size: var(--nk-control-height-md);
    padding-inline: calc(var(--nk-space) * 3);
    color: var(--nk-color-foreground);
    font-size: var(--nk-text-base);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-md);
    transition:
      border-color var(--nk-duration-normal) var(--nk-ease),
      box-shadow var(--nk-duration-normal) var(--nk-ease);
  }
}

@layer nitro-kit.state {
  :where([data-nk="datepicker"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="datepicker"]:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where([data-nk="datepicker"][aria-invalid="true"]) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/details_table.css */
@layer nitro-kit.base {
  :where([data-nk="details-table"]) {
    inline-size: 100%;
    color: var(--nk-color-foreground);
  }

  :where([data-nk="details-table"] [data-slot="table-header"][scope="row"]) {
    inline-size: clamp(8rem, 28%, 16rem);
    vertical-align: top;
  }

  :where([data-nk="details-table"] [data-slot="details-table-empty"]) {
    color: var(--nk-color-muted-foreground);
  }

  :where(
      [data-nk="details-table"] [data-slot="details-table-number"],
      [data-nk="details-table"] [data-slot="details-table-time"]
    ) {
    font-variant-numeric: tabular-nums;
  }

  :where(
      [data-nk="details-table"] [data-slot="details-table-link"],
      [data-nk="details-table"] [data-slot="details-table-record"]
    ) {
    color: var(--nk-color-info-content);
    text-decoration-line: underline;
    text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
    text-underline-offset: 0.16em;
  }

  :where(
      [data-nk="details-table"] [data-slot="details-table-link"]:hover,
      [data-nk="details-table"] [data-slot="details-table-record"]:hover
    ) {
    text-decoration-color: currentcolor;
  }

  :where([data-nk="details-table"] [data-slot="details-table-file"]) {
    font-family: var(--nk-font-mono);
    font-size: var(--nk-text-sm);
    overflow-wrap: anywhere;
  }
}

@media (max-width: 36rem) {
  @layer nitro-kit.compound {
    :where([data-nk="details-table"] [data-slot="table-header"][scope="row"]) {
      inline-size: 40%;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/dialog.css */
@layer nitro-kit.base {
  :where([data-nk="dialog"] > [data-slot="dialog-panel"]) {
    inline-size: min(calc(100% - (var(--nk-space) * 8)), var(--nk-content-md));
    max-block-size: calc(100dvh - (var(--nk-space) * 8));
    margin: auto;
    padding: calc(var(--nk-space) * 6);
    overflow: auto;
    color: var(--nk-color-foreground);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-xl);
    box-shadow: var(--nk-shadow-lg);
  }

  :where([data-nk="dialog"] > [data-slot="dialog-panel"])::backdrop {
    background: var(--nk-color-overlay);
  }

  :where([data-nk="dialog"] [data-slot="dialog-title"]) {
    padding-inline-end: calc(var(--nk-space) * 10);
    font-size: var(--nk-text-lg);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="dialog"] [data-slot="dialog-description"]) {
    margin-block-start: calc(var(--nk-space) * 2);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="dialog"] [data-slot="dialog-close"]) {
    position: absolute;
    inset-block-start: calc(var(--nk-space) * 2);
    inset-inline-end: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.state {
  :where([data-nk="dialog"] > [data-slot="dialog-panel"][open]) {
    animation: nk-dialog-enter var(--nk-duration-slow) var(--nk-ease);
  }

  @keyframes nk-dialog-enter {
    from {
      opacity: 0;
      transform: translateY(0.5rem) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where([data-nk="dialog"] > [data-slot="dialog-panel"]) {
      animation-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/dropdown.css */
@layer nitro-kit.base {
  :where([data-nk="dropdown"]) {
    position: relative;
    display: inline-block;
  }

  :where([data-nk="dropdown"] > [data-slot="dropdown-content"]) {
    position: fixed;
    z-index: 50;
    display: none;
    min-inline-size: 12rem;
    max-inline-size: min(24rem, calc(100vw - (var(--nk-space) * 8)));
    max-block-size: min(24rem, calc(100dvh - (var(--nk-space) * 8)));
    inset: 50% auto auto 50%;
    margin: 0;
    padding: var(--nk-space);
    overflow: auto;
    color: var(--nk-color-foreground);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
    box-shadow: var(--nk-shadow-md);
    translate: -50% -50%;
  }

  :where([data-nk="dropdown"] > [data-slot="dropdown-content"]:popover-open) {
    display: flex;
    flex-direction: column;
  }

  @supports (inset-block-start: anchor(bottom)) {
    :where([data-nk="dropdown"] > [data-slot="dropdown-content"]) {
      inset: auto;
      margin: var(--nk-space);
      translate: none;
    }

    :where(
      [data-nk="dropdown"]
        > [data-slot="dropdown-content"][data-placement="bottom-start"]
    ) {
      inset-block-start: anchor(bottom);
      inset-inline-start: anchor(left);
    }

    :where(
      [data-nk="dropdown"]
        > [data-slot="dropdown-content"][data-placement="bottom-end"]
    ) {
      inset-block-start: anchor(bottom);
      inset-inline-end: anchor(right);
    }

    :where(
      [data-nk="dropdown"]
        > [data-slot="dropdown-content"][data-placement="top-start"]
    ) {
      inset-block-end: anchor(top);
      inset-inline-start: anchor(left);
    }

    :where(
      [data-nk="dropdown"]
        > [data-slot="dropdown-content"][data-placement="top-end"]
    ) {
      inset-block-end: anchor(top);
      inset-inline-end: anchor(right);
    }
  }

  :where([data-nk="dropdown"] [data-slot="dropdown-title"]) {
    padding: calc(var(--nk-space) * 2) calc(var(--nk-space) * 3);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-xs);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="dropdown"] [data-slot="dropdown-item"]) {
    display: flex;
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    padding-inline: calc(var(--nk-space) * 3);
    overflow: hidden;
    color: var(--nk-color-foreground);
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-medium);
    line-height: var(--nk-leading-normal);
    text-align: start;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: var(--nk-radius-md);
    transition:
      color var(--nk-duration-normal) var(--nk-ease),
      background-color var(--nk-duration-normal) var(--nk-ease);
  }

  :where([data-nk="dropdown"] [data-slot="dropdown-separator"]) {
    block-size: var(--nk-border-width);
    margin-block: var(--nk-space);
    background: var(--nk-color-border);
    border: 0;
  }
}

@layer nitro-kit.variant {
  :where(
    [data-nk="dropdown"] [data-slot="dropdown-item"][data-tone="destructive"]
  ) {
    color: var(--nk-color-danger-content);
  }
}

@layer nitro-kit.state {
  @media (hover: hover) {
    :where(
      [data-nk="dropdown"]
        [data-slot="dropdown-item"]:hover:not(:disabled, [aria-disabled="true"])
    ) {
      background: var(--nk-color-muted);
    }

    :where(
      [data-nk="dropdown"]
        [data-slot="dropdown-item"][data-tone="destructive"]:hover:not(
          :disabled,
          [aria-disabled="true"]
        )
    ) {
      color: var(--nk-color-danger-foreground);
      background: var(--nk-color-danger);
    }
  }

  :where([data-nk="dropdown"] [data-slot="dropdown-item"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: calc(var(--nk-focus-offset) * -1);
  }

  :where(
    [data-nk="dropdown"]
      [data-slot="dropdown-item"]:is(:disabled, [aria-disabled="true"])
  ) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where([data-nk="dropdown"] > [data-slot="dropdown-content"]:popover-open) {
    animation: nk-dropdown-enter var(--nk-duration-normal) var(--nk-ease);
  }

  @keyframes nk-dropdown-enter {
    from {
      opacity: 0;
      transform: translateY(-0.25rem) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where([data-nk="dropdown"] > [data-slot="dropdown-content"]) {
      animation-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/dropzone.css */
@layer nitro-kit.base {
  :where([data-nk="dropzone"]) {
    display: grid;
    gap: calc(var(--nk-space) * 3);
    padding: calc(var(--nk-space) * 4);
    color: var(--nk-color-foreground);
    background: var(--nk-color-surface);
    border: calc(var(--nk-border-width) * 2) dashed var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
  }

  :where([data-nk="dropzone"] > [data-slot="dropzone-message"]) {
    display: grid;
    gap: var(--nk-space);
    cursor: pointer;
    text-align: center;
  }

  :where(
      [data-nk="dropzone"] [data-slot="dropzone-instruction"],
      [data-nk="dropzone"] [data-slot="dropzone-description"],
      [data-nk="dropzone"] [data-slot="dropzone-file-size"],
      [data-nk="dropzone"] [data-slot="dropzone-file-status"],
      [data-nk="dropzone"] > [data-slot="dropzone-status"]
    ) {
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
  }

  :where([data-nk="dropzone"] > [data-slot="dropzone-input"]) {
    inline-size: 100%;
    min-block-size: var(--nk-control-height-md);
    color: var(--nk-color-foreground);
    background: var(--nk-color-canvas);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-md);
  }

  :where(
      [data-nk="dropzone"] > [data-slot="dropzone-input"]
    )::file-selector-button {
    min-block-size: calc(
      var(--nk-control-height-md) - (var(--nk-border-width) * 2)
    );
    margin-inline-end: calc(var(--nk-space) * 3);
    padding-inline: calc(var(--nk-space) * 3);
    color: var(--nk-color-foreground);
    font-weight: var(--nk-font-weight-medium);
    background: var(--nk-color-muted);
    border: 0;
    border-inline-end: var(--nk-border-width) solid var(--nk-color-border);
  }

  :where([data-nk="dropzone"] > [data-slot="dropzone-preview-list"]) {
    display: grid;
    gap: calc(var(--nk-space) * 2);
    padding: 0;
    list-style: none;
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-preview"]) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: calc(var(--nk-space) * 2);
    align-items: center;
    padding: calc(var(--nk-space) * 2);
    background: var(--nk-color-canvas);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-md);
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-preview-image"]) {
    grid-row: span 2;
    inline-size: 3rem;
    block-size: 3rem;
    object-fit: cover;
    border-radius: var(--nk-radius-sm);
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-file"]) {
    display: grid;
    min-inline-size: 0;
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-file-name"]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-progress"]) {
    inline-size: 100%;
    block-size: calc(var(--nk-space) * 2);
    accent-color: var(--nk-color-primary);
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-remove-control"]) {
    min-block-size: var(--nk-control-height-sm);
    padding-inline: calc(var(--nk-space) * 2);
    color: var(--nk-color-foreground);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-sm);
  }
}

@layer nitro-kit.state {
  :where([data-nk="dropzone"][data-state="drag"]) {
    background: var(--nk-color-muted);
    border-color: var(--nk-color-primary);
  }

  :where([data-nk="dropzone"][data-state="uploading"]) {
    border-color: var(--nk-color-info);
  }

  :where([data-nk="dropzone"][data-state="success"]) {
    border-color: var(--nk-color-success);
  }

  :where([data-nk="dropzone"][data-state="error"]) {
    border-color: var(--nk-color-danger);
  }

  :where([data-nk="dropzone"][data-state="disabled"]) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where(
      [data-nk="dropzone"] > [data-slot="dropzone-input"]:focus-visible,
      [data-nk="dropzone"] [data-slot="dropzone-remove-control"]:focus-visible
    ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="dropzone"] [data-slot="dropzone-remove-control"]:hover) {
    background: var(--nk-color-surface-hover);
  }

  :where([data-nk="dropzone"] > [data-slot="dropzone-error"]) {
    color: var(--nk-color-danger-content);
    font-size: var(--nk-text-sm);
  }
}

@media (max-width: 40rem) {
  @layer nitro-kit.base {
    :where([data-nk="dropzone"] [data-slot="dropzone-preview"]) {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    :where([data-nk="dropzone"] [data-slot="dropzone-preview-image"]) {
      display: none;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/empty_state.css */
@layer nitro-kit.base {
  :where([data-nk="empty-state"]) {
    display: grid;
    justify-items: center;
    gap: calc(var(--nk-space) * 3);
    width: 100%;
    padding: calc(var(--nk-space) * 10) calc(var(--nk-space) * 5);
    color: var(--nk-color-foreground);
    text-align: center;
    background: var(--nk-color-surface);
    border: var(--nk-border-width) dashed var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
  }

  :where([data-nk="empty-state"] > [data-slot="empty-state-icon"]) {
    width: 2rem;
    height: 2rem;
    color: var(--nk-color-muted-foreground);
  }

  :where([data-nk="empty-state"] > [data-slot="empty-state-title"]) {
    max-width: var(--nk-content-md);
    font-size: var(--nk-text-lg);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="empty-state"] > [data-slot="empty-state-description"]) {
    max-width: var(--nk-content-md);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="empty-state"] > [data-slot="empty-state-actions"]) {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--nk-space) * 2);
    margin-block-start: calc(var(--nk-space) * 2);
  }
}

/* Source: src/stylesheets/nitro_kit/components/field.css */
@layer nitro-kit.base {
  :where([data-nk="field"]) {
    display: grid;
    align-items: start;
    color: var(--nk-color-foreground);
  }

  :where([data-nk="field"] > [data-slot="field-label"]) {
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-medium);
  }

  :where([data-nk="field"] > [data-slot="field-description"]) {
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    text-wrap: pretty;
  }

  :where([data-nk="field"] > [data-slot="field-error"]) {
    padding: 0;
    color: var(--nk-color-danger-content);
    font-size: var(--nk-text-sm);
    list-style: none;
  }

  :where([data-nk="field"] > [data-slot="field-control"][data-nk="select"]) {
    inline-size: 100%;
  }
}

@layer nitro-kit.compound {
  :where(
      [data-nk="field"]
        > [data-slot="field-label"]
        + [data-slot="field-control"]
    ) {
    margin-block-start: calc(var(--nk-space) * 2);
  }

  :where(
      [data-nk="field"]
        > [data-slot="field-label"]
        + [data-slot="field-description"]
    ) {
    margin-block-start: var(--nk-space);
  }

  :where(
      [data-nk="field"]
        > [data-slot="field-description"]
        + [data-slot="field-control"]
    ) {
    margin-block-start: calc(var(--nk-space) * 3);
  }

  :where(
      [data-nk="field"]
        > [data-slot="field-control"]
        + [data-slot="field-description"],
      [data-nk="field"]
        > [data-slot="field-control"]
        + [data-slot="field-error"],
      [data-nk="field"]
        > [data-slot="field-description"]
        + [data-slot="field-error"]
    ) {
    margin-block-start: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="field"][data-state="invalid"]
        > [data-slot="field-control"][data-nk="select"]
        > [data-slot="select-control"],
      [data-nk="field"][data-state="invalid"]
        > [data-slot="field-control"][data-nk="textarea"],
      [data-nk="field"][data-state="invalid"]
        > [data-slot="field-control"][data-nk="input"]
    ) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/field_group.css */
@layer nitro-kit.compound {
  :where([data-nk="field-group"]) {
    display: grid;
    gap: calc(var(--nk-space) * 6);
  }
}

/* Source: src/stylesheets/nitro_kit/components/fieldset.css */
@layer nitro-kit.base {
  :where([data-nk="fieldset"]) {
    min-inline-size: 0;
    padding: 0;
    color: var(--nk-color-foreground);
    border: 0;
  }

  :where([data-nk="fieldset"] > [data-slot="fieldset-legend"]) {
    padding: 0;
    font-size: var(--nk-text-lg);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
  }

  :where([data-nk="fieldset"] > [data-slot="fieldset-description"]) {
    margin-block-start: var(--nk-space);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    text-wrap: pretty;
  }

  :where([data-nk="fieldset"] > [data-slot="fieldset-fields"]) {
    display: grid;
    gap: calc(var(--nk-space) * 6);
    margin-block-start: calc(var(--nk-space) * 6);
  }
}

/* Source: src/stylesheets/nitro_kit/components/flex.css */
@layer nitro-kit.base {
  :where([data-nk="flex"]) {
    display: flex;
    min-width: 0;
    flex-direction: var(--_nk-flex-direction);
    flex-wrap: var(--_nk-flex-wrap);
    gap: var(--_nk-layout-gap);
    align-items: var(--_nk-flex-alignment);
    justify-content: var(--_nk-flex-justification);
  }
}

@layer nitro-kit.variant {
  :where([data-nk="flex"][data-dir~="row"]) {
    --_nk-flex-direction: row;
  }

  :where([data-nk="flex"][data-dir~="col"]) {
    --_nk-flex-direction: column;
  }

  :where([data-nk="flex"][data-dir~="row-reverse"]) {
    --_nk-flex-direction: row-reverse;
  }

  :where([data-nk="flex"][data-dir~="col-reverse"]) {
    --_nk-flex-direction: column-reverse;
  }

  :where([data-nk="flex"][data-align~="start"]) {
    --_nk-flex-alignment: flex-start;
  }

  :where([data-nk="flex"][data-align~="center"]) {
    --_nk-flex-alignment: center;
  }

  :where([data-nk="flex"][data-align~="end"]) {
    --_nk-flex-alignment: flex-end;
  }

  :where([data-nk="flex"][data-align~="stretch"]) {
    --_nk-flex-alignment: stretch;
  }

  :where([data-nk="flex"][data-align~="baseline"]) {
    --_nk-flex-alignment: baseline;
  }

  :where([data-nk="flex"][data-justify~="start"]) {
    --_nk-flex-justification: flex-start;
  }

  :where([data-nk="flex"][data-justify~="center"]) {
    --_nk-flex-justification: center;
  }

  :where([data-nk="flex"][data-justify~="end"]) {
    --_nk-flex-justification: flex-end;
  }

  :where([data-nk="flex"][data-justify~="between"]) {
    --_nk-flex-justification: space-between;
  }

  :where([data-nk="flex"][data-justify~="around"]) {
    --_nk-flex-justification: space-around;
  }

  :where([data-nk="flex"][data-justify~="evenly"]) {
    --_nk-flex-justification: space-evenly;
  }

  :where([data-nk="flex"][data-wrap~="nowrap"]) {
    --_nk-flex-wrap: nowrap;
  }

  :where([data-nk="flex"][data-wrap~="wrap"]) {
    --_nk-flex-wrap: wrap;
  }

  :where([data-nk="flex"][data-wrap~="wrap-reverse"]) {
    --_nk-flex-wrap: wrap-reverse;
  }

  @media (min-width: 40rem) {
    :where([data-nk="flex"][data-dir~="sm:row"]) {
      --_nk-flex-direction: row;
    }

    :where([data-nk="flex"][data-dir~="sm:col"]) {
      --_nk-flex-direction: column;
    }

    :where([data-nk="flex"][data-dir~="sm:row-reverse"]) {
      --_nk-flex-direction: row-reverse;
    }

    :where([data-nk="flex"][data-dir~="sm:col-reverse"]) {
      --_nk-flex-direction: column-reverse;
    }

    :where([data-nk="flex"][data-align~="sm:start"]) {
      --_nk-flex-alignment: flex-start;
    }

    :where([data-nk="flex"][data-align~="sm:center"]) {
      --_nk-flex-alignment: center;
    }

    :where([data-nk="flex"][data-align~="sm:end"]) {
      --_nk-flex-alignment: flex-end;
    }

    :where([data-nk="flex"][data-align~="sm:stretch"]) {
      --_nk-flex-alignment: stretch;
    }

    :where([data-nk="flex"][data-align~="sm:baseline"]) {
      --_nk-flex-alignment: baseline;
    }

    :where([data-nk="flex"][data-justify~="sm:start"]) {
      --_nk-flex-justification: flex-start;
    }

    :where([data-nk="flex"][data-justify~="sm:center"]) {
      --_nk-flex-justification: center;
    }

    :where([data-nk="flex"][data-justify~="sm:end"]) {
      --_nk-flex-justification: flex-end;
    }

    :where([data-nk="flex"][data-justify~="sm:between"]) {
      --_nk-flex-justification: space-between;
    }

    :where([data-nk="flex"][data-justify~="sm:around"]) {
      --_nk-flex-justification: space-around;
    }

    :where([data-nk="flex"][data-justify~="sm:evenly"]) {
      --_nk-flex-justification: space-evenly;
    }

    :where([data-nk="flex"][data-wrap~="sm:nowrap"]) {
      --_nk-flex-wrap: nowrap;
    }

    :where([data-nk="flex"][data-wrap~="sm:wrap"]) {
      --_nk-flex-wrap: wrap;
    }

    :where([data-nk="flex"][data-wrap~="sm:wrap-reverse"]) {
      --_nk-flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 48rem) {
    :where([data-nk="flex"][data-dir~="md:row"]) {
      --_nk-flex-direction: row;
    }

    :where([data-nk="flex"][data-dir~="md:col"]) {
      --_nk-flex-direction: column;
    }

    :where([data-nk="flex"][data-dir~="md:row-reverse"]) {
      --_nk-flex-direction: row-reverse;
    }

    :where([data-nk="flex"][data-dir~="md:col-reverse"]) {
      --_nk-flex-direction: column-reverse;
    }

    :where([data-nk="flex"][data-align~="md:start"]) {
      --_nk-flex-alignment: flex-start;
    }

    :where([data-nk="flex"][data-align~="md:center"]) {
      --_nk-flex-alignment: center;
    }

    :where([data-nk="flex"][data-align~="md:end"]) {
      --_nk-flex-alignment: flex-end;
    }

    :where([data-nk="flex"][data-align~="md:stretch"]) {
      --_nk-flex-alignment: stretch;
    }

    :where([data-nk="flex"][data-align~="md:baseline"]) {
      --_nk-flex-alignment: baseline;
    }

    :where([data-nk="flex"][data-justify~="md:start"]) {
      --_nk-flex-justification: flex-start;
    }

    :where([data-nk="flex"][data-justify~="md:center"]) {
      --_nk-flex-justification: center;
    }

    :where([data-nk="flex"][data-justify~="md:end"]) {
      --_nk-flex-justification: flex-end;
    }

    :where([data-nk="flex"][data-justify~="md:between"]) {
      --_nk-flex-justification: space-between;
    }

    :where([data-nk="flex"][data-justify~="md:around"]) {
      --_nk-flex-justification: space-around;
    }

    :where([data-nk="flex"][data-justify~="md:evenly"]) {
      --_nk-flex-justification: space-evenly;
    }

    :where([data-nk="flex"][data-wrap~="md:nowrap"]) {
      --_nk-flex-wrap: nowrap;
    }

    :where([data-nk="flex"][data-wrap~="md:wrap"]) {
      --_nk-flex-wrap: wrap;
    }

    :where([data-nk="flex"][data-wrap~="md:wrap-reverse"]) {
      --_nk-flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 64rem) {
    :where([data-nk="flex"][data-dir~="lg:row"]) {
      --_nk-flex-direction: row;
    }

    :where([data-nk="flex"][data-dir~="lg:col"]) {
      --_nk-flex-direction: column;
    }

    :where([data-nk="flex"][data-dir~="lg:row-reverse"]) {
      --_nk-flex-direction: row-reverse;
    }

    :where([data-nk="flex"][data-dir~="lg:col-reverse"]) {
      --_nk-flex-direction: column-reverse;
    }

    :where([data-nk="flex"][data-align~="lg:start"]) {
      --_nk-flex-alignment: flex-start;
    }

    :where([data-nk="flex"][data-align~="lg:center"]) {
      --_nk-flex-alignment: center;
    }

    :where([data-nk="flex"][data-align~="lg:end"]) {
      --_nk-flex-alignment: flex-end;
    }

    :where([data-nk="flex"][data-align~="lg:stretch"]) {
      --_nk-flex-alignment: stretch;
    }

    :where([data-nk="flex"][data-align~="lg:baseline"]) {
      --_nk-flex-alignment: baseline;
    }

    :where([data-nk="flex"][data-justify~="lg:start"]) {
      --_nk-flex-justification: flex-start;
    }

    :where([data-nk="flex"][data-justify~="lg:center"]) {
      --_nk-flex-justification: center;
    }

    :where([data-nk="flex"][data-justify~="lg:end"]) {
      --_nk-flex-justification: flex-end;
    }

    :where([data-nk="flex"][data-justify~="lg:between"]) {
      --_nk-flex-justification: space-between;
    }

    :where([data-nk="flex"][data-justify~="lg:around"]) {
      --_nk-flex-justification: space-around;
    }

    :where([data-nk="flex"][data-justify~="lg:evenly"]) {
      --_nk-flex-justification: space-evenly;
    }

    :where([data-nk="flex"][data-wrap~="lg:nowrap"]) {
      --_nk-flex-wrap: nowrap;
    }

    :where([data-nk="flex"][data-wrap~="lg:wrap"]) {
      --_nk-flex-wrap: wrap;
    }

    :where([data-nk="flex"][data-wrap~="lg:wrap-reverse"]) {
      --_nk-flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 80rem) {
    :where([data-nk="flex"][data-dir~="xl:row"]) {
      --_nk-flex-direction: row;
    }

    :where([data-nk="flex"][data-dir~="xl:col"]) {
      --_nk-flex-direction: column;
    }

    :where([data-nk="flex"][data-dir~="xl:row-reverse"]) {
      --_nk-flex-direction: row-reverse;
    }

    :where([data-nk="flex"][data-dir~="xl:col-reverse"]) {
      --_nk-flex-direction: column-reverse;
    }

    :where([data-nk="flex"][data-align~="xl:start"]) {
      --_nk-flex-alignment: flex-start;
    }

    :where([data-nk="flex"][data-align~="xl:center"]) {
      --_nk-flex-alignment: center;
    }

    :where([data-nk="flex"][data-align~="xl:end"]) {
      --_nk-flex-alignment: flex-end;
    }

    :where([data-nk="flex"][data-align~="xl:stretch"]) {
      --_nk-flex-alignment: stretch;
    }

    :where([data-nk="flex"][data-align~="xl:baseline"]) {
      --_nk-flex-alignment: baseline;
    }

    :where([data-nk="flex"][data-justify~="xl:start"]) {
      --_nk-flex-justification: flex-start;
    }

    :where([data-nk="flex"][data-justify~="xl:center"]) {
      --_nk-flex-justification: center;
    }

    :where([data-nk="flex"][data-justify~="xl:end"]) {
      --_nk-flex-justification: flex-end;
    }

    :where([data-nk="flex"][data-justify~="xl:between"]) {
      --_nk-flex-justification: space-between;
    }

    :where([data-nk="flex"][data-justify~="xl:around"]) {
      --_nk-flex-justification: space-around;
    }

    :where([data-nk="flex"][data-justify~="xl:evenly"]) {
      --_nk-flex-justification: space-evenly;
    }

    :where([data-nk="flex"][data-wrap~="xl:nowrap"]) {
      --_nk-flex-wrap: nowrap;
    }

    :where([data-nk="flex"][data-wrap~="xl:wrap"]) {
      --_nk-flex-wrap: wrap;
    }

    :where([data-nk="flex"][data-wrap~="xl:wrap-reverse"]) {
      --_nk-flex-wrap: wrap-reverse;
    }
  }

  @media (min-width: 96rem) {
    :where([data-nk="flex"][data-dir~="2xl:row"]) {
      --_nk-flex-direction: row;
    }

    :where([data-nk="flex"][data-dir~="2xl:col"]) {
      --_nk-flex-direction: column;
    }

    :where([data-nk="flex"][data-dir~="2xl:row-reverse"]) {
      --_nk-flex-direction: row-reverse;
    }

    :where([data-nk="flex"][data-dir~="2xl:col-reverse"]) {
      --_nk-flex-direction: column-reverse;
    }

    :where([data-nk="flex"][data-align~="2xl:start"]) {
      --_nk-flex-alignment: flex-start;
    }

    :where([data-nk="flex"][data-align~="2xl:center"]) {
      --_nk-flex-alignment: center;
    }

    :where([data-nk="flex"][data-align~="2xl:end"]) {
      --_nk-flex-alignment: flex-end;
    }

    :where([data-nk="flex"][data-align~="2xl:stretch"]) {
      --_nk-flex-alignment: stretch;
    }

    :where([data-nk="flex"][data-align~="2xl:baseline"]) {
      --_nk-flex-alignment: baseline;
    }

    :where([data-nk="flex"][data-justify~="2xl:start"]) {
      --_nk-flex-justification: flex-start;
    }

    :where([data-nk="flex"][data-justify~="2xl:center"]) {
      --_nk-flex-justification: center;
    }

    :where([data-nk="flex"][data-justify~="2xl:end"]) {
      --_nk-flex-justification: flex-end;
    }

    :where([data-nk="flex"][data-justify~="2xl:between"]) {
      --_nk-flex-justification: space-between;
    }

    :where([data-nk="flex"][data-justify~="2xl:around"]) {
      --_nk-flex-justification: space-around;
    }

    :where([data-nk="flex"][data-justify~="2xl:evenly"]) {
      --_nk-flex-justification: space-evenly;
    }

    :where([data-nk="flex"][data-wrap~="2xl:nowrap"]) {
      --_nk-flex-wrap: nowrap;
    }

    :where([data-nk="flex"][data-wrap~="2xl:wrap"]) {
      --_nk-flex-wrap: wrap;
    }

    :where([data-nk="flex"][data-wrap~="2xl:wrap-reverse"]) {
      --_nk-flex-wrap: wrap-reverse;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/form_section.css */
@layer nitro-kit.base {
  :where([data-nk="form-section"]) {
    display: grid;
    gap: calc(var(--nk-space) * 5);
    padding: calc(var(--nk-space) * 6);
    color: var(--nk-color-foreground);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
  }

  :where([data-nk="form-section"] > [data-slot="form-section-header"]) {
    display: grid;
    gap: calc(var(--nk-space) * 2);
  }

  :where([data-nk="form-section"] [data-slot="form-section-title"]) {
    font-size: var(--nk-text-xl);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="form-section"] [data-slot="form-section-description"]) {
    max-width: var(--nk-content-lg);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="form-section"] > [data-slot="form-section-form"]) {
    display: grid;
    gap: calc(var(--nk-space) * 4);
  }

  :where([data-nk="form-section"] > [data-slot="form-section-status"]) {
    width: 100%;
  }

  :where([data-nk="form-section"] > [data-slot="form-section-form"] > form) {
    display: grid;
    gap: calc(var(--nk-space) * 5);
  }
}

/* Source: src/stylesheets/nitro_kit/components/grid.css */
@layer nitro-kit.base {
  :where([data-nk="grid"]) {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(var(--_nk-grid-columns), minmax(0, 1fr));
    gap: var(--_nk-layout-gap);
  }
}

@layer nitro-kit.variant {
  :where([data-nk="grid"][data-cols~="1"]) {
    --_nk-grid-columns: 1;
  }

  :where([data-nk="grid"][data-cols~="2"]) {
    --_nk-grid-columns: 2;
  }

  :where([data-nk="grid"][data-cols~="3"]) {
    --_nk-grid-columns: 3;
  }

  :where([data-nk="grid"][data-cols~="4"]) {
    --_nk-grid-columns: 4;
  }

  :where([data-nk="grid"][data-cols~="5"]) {
    --_nk-grid-columns: 5;
  }

  :where([data-nk="grid"][data-cols~="6"]) {
    --_nk-grid-columns: 6;
  }

  :where([data-nk="grid"][data-cols~="7"]) {
    --_nk-grid-columns: 7;
  }

  :where([data-nk="grid"][data-cols~="8"]) {
    --_nk-grid-columns: 8;
  }

  :where([data-nk="grid"][data-cols~="9"]) {
    --_nk-grid-columns: 9;
  }

  :where([data-nk="grid"][data-cols~="10"]) {
    --_nk-grid-columns: 10;
  }

  :where([data-nk="grid"][data-cols~="11"]) {
    --_nk-grid-columns: 11;
  }

  :where([data-nk="grid"][data-cols~="12"]) {
    --_nk-grid-columns: 12;
  }

  @media (min-width: 40rem) {
    :where([data-nk="grid"][data-cols~="sm:1"]) {
      --_nk-grid-columns: 1;
    }

    :where([data-nk="grid"][data-cols~="sm:2"]) {
      --_nk-grid-columns: 2;
    }

    :where([data-nk="grid"][data-cols~="sm:3"]) {
      --_nk-grid-columns: 3;
    }

    :where([data-nk="grid"][data-cols~="sm:4"]) {
      --_nk-grid-columns: 4;
    }

    :where([data-nk="grid"][data-cols~="sm:5"]) {
      --_nk-grid-columns: 5;
    }

    :where([data-nk="grid"][data-cols~="sm:6"]) {
      --_nk-grid-columns: 6;
    }

    :where([data-nk="grid"][data-cols~="sm:7"]) {
      --_nk-grid-columns: 7;
    }

    :where([data-nk="grid"][data-cols~="sm:8"]) {
      --_nk-grid-columns: 8;
    }

    :where([data-nk="grid"][data-cols~="sm:9"]) {
      --_nk-grid-columns: 9;
    }

    :where([data-nk="grid"][data-cols~="sm:10"]) {
      --_nk-grid-columns: 10;
    }

    :where([data-nk="grid"][data-cols~="sm:11"]) {
      --_nk-grid-columns: 11;
    }

    :where([data-nk="grid"][data-cols~="sm:12"]) {
      --_nk-grid-columns: 12;
    }
  }

  @media (min-width: 48rem) {
    :where([data-nk="grid"][data-cols~="md:1"]) {
      --_nk-grid-columns: 1;
    }

    :where([data-nk="grid"][data-cols~="md:2"]) {
      --_nk-grid-columns: 2;
    }

    :where([data-nk="grid"][data-cols~="md:3"]) {
      --_nk-grid-columns: 3;
    }

    :where([data-nk="grid"][data-cols~="md:4"]) {
      --_nk-grid-columns: 4;
    }

    :where([data-nk="grid"][data-cols~="md:5"]) {
      --_nk-grid-columns: 5;
    }

    :where([data-nk="grid"][data-cols~="md:6"]) {
      --_nk-grid-columns: 6;
    }

    :where([data-nk="grid"][data-cols~="md:7"]) {
      --_nk-grid-columns: 7;
    }

    :where([data-nk="grid"][data-cols~="md:8"]) {
      --_nk-grid-columns: 8;
    }

    :where([data-nk="grid"][data-cols~="md:9"]) {
      --_nk-grid-columns: 9;
    }

    :where([data-nk="grid"][data-cols~="md:10"]) {
      --_nk-grid-columns: 10;
    }

    :where([data-nk="grid"][data-cols~="md:11"]) {
      --_nk-grid-columns: 11;
    }

    :where([data-nk="grid"][data-cols~="md:12"]) {
      --_nk-grid-columns: 12;
    }
  }

  @media (min-width: 64rem) {
    :where([data-nk="grid"][data-cols~="lg:1"]) {
      --_nk-grid-columns: 1;
    }

    :where([data-nk="grid"][data-cols~="lg:2"]) {
      --_nk-grid-columns: 2;
    }

    :where([data-nk="grid"][data-cols~="lg:3"]) {
      --_nk-grid-columns: 3;
    }

    :where([data-nk="grid"][data-cols~="lg:4"]) {
      --_nk-grid-columns: 4;
    }

    :where([data-nk="grid"][data-cols~="lg:5"]) {
      --_nk-grid-columns: 5;
    }

    :where([data-nk="grid"][data-cols~="lg:6"]) {
      --_nk-grid-columns: 6;
    }

    :where([data-nk="grid"][data-cols~="lg:7"]) {
      --_nk-grid-columns: 7;
    }

    :where([data-nk="grid"][data-cols~="lg:8"]) {
      --_nk-grid-columns: 8;
    }

    :where([data-nk="grid"][data-cols~="lg:9"]) {
      --_nk-grid-columns: 9;
    }

    :where([data-nk="grid"][data-cols~="lg:10"]) {
      --_nk-grid-columns: 10;
    }

    :where([data-nk="grid"][data-cols~="lg:11"]) {
      --_nk-grid-columns: 11;
    }

    :where([data-nk="grid"][data-cols~="lg:12"]) {
      --_nk-grid-columns: 12;
    }
  }

  @media (min-width: 80rem) {
    :where([data-nk="grid"][data-cols~="xl:1"]) {
      --_nk-grid-columns: 1;
    }

    :where([data-nk="grid"][data-cols~="xl:2"]) {
      --_nk-grid-columns: 2;
    }

    :where([data-nk="grid"][data-cols~="xl:3"]) {
      --_nk-grid-columns: 3;
    }

    :where([data-nk="grid"][data-cols~="xl:4"]) {
      --_nk-grid-columns: 4;
    }

    :where([data-nk="grid"][data-cols~="xl:5"]) {
      --_nk-grid-columns: 5;
    }

    :where([data-nk="grid"][data-cols~="xl:6"]) {
      --_nk-grid-columns: 6;
    }

    :where([data-nk="grid"][data-cols~="xl:7"]) {
      --_nk-grid-columns: 7;
    }

    :where([data-nk="grid"][data-cols~="xl:8"]) {
      --_nk-grid-columns: 8;
    }

    :where([data-nk="grid"][data-cols~="xl:9"]) {
      --_nk-grid-columns: 9;
    }

    :where([data-nk="grid"][data-cols~="xl:10"]) {
      --_nk-grid-columns: 10;
    }

    :where([data-nk="grid"][data-cols~="xl:11"]) {
      --_nk-grid-columns: 11;
    }

    :where([data-nk="grid"][data-cols~="xl:12"]) {
      --_nk-grid-columns: 12;
    }
  }

  @media (min-width: 96rem) {
    :where([data-nk="grid"][data-cols~="2xl:1"]) {
      --_nk-grid-columns: 1;
    }

    :where([data-nk="grid"][data-cols~="2xl:2"]) {
      --_nk-grid-columns: 2;
    }

    :where([data-nk="grid"][data-cols~="2xl:3"]) {
      --_nk-grid-columns: 3;
    }

    :where([data-nk="grid"][data-cols~="2xl:4"]) {
      --_nk-grid-columns: 4;
    }

    :where([data-nk="grid"][data-cols~="2xl:5"]) {
      --_nk-grid-columns: 5;
    }

    :where([data-nk="grid"][data-cols~="2xl:6"]) {
      --_nk-grid-columns: 6;
    }

    :where([data-nk="grid"][data-cols~="2xl:7"]) {
      --_nk-grid-columns: 7;
    }

    :where([data-nk="grid"][data-cols~="2xl:8"]) {
      --_nk-grid-columns: 8;
    }

    :where([data-nk="grid"][data-cols~="2xl:9"]) {
      --_nk-grid-columns: 9;
    }

    :where([data-nk="grid"][data-cols~="2xl:10"]) {
      --_nk-grid-columns: 10;
    }

    :where([data-nk="grid"][data-cols~="2xl:11"]) {
      --_nk-grid-columns: 11;
    }

    :where([data-nk="grid"][data-cols~="2xl:12"]) {
      --_nk-grid-columns: 12;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/icon.css */
@layer nitro-kit.base {
  :where([data-nk="icon"]) {
    display: block;
    flex: none;
    inline-size: var(--_nk-icon-size);
    block-size: var(--_nk-icon-size);
  }
}

@layer nitro-kit.size {
  :where([data-nk="icon"][data-size="xs"]) {
    --_nk-icon-size: 0.75rem;
  }
  :where([data-nk="icon"][data-size="sm"]) {
    --_nk-icon-size: 1rem;
  }
  :where([data-nk="icon"][data-size="md"]) {
    --_nk-icon-size: 1.25rem;
  }
  :where([data-nk="icon"][data-size="lg"]) {
    --_nk-icon-size: 1.75rem;
  }
}

/* Source: src/stylesheets/nitro_kit/components/input.css */
@layer nitro-kit.base {
  :where(
    [data-nk="input"]:not([type="checkbox"], [type="radio"], [type="hidden"])
  ) {
    display: block;
    inline-size: 100%;
    min-block-size: var(--nk-control-height-md);
    padding-inline: calc(var(--nk-space) * 3);
    color: var(--nk-color-foreground);
    font-size: var(--nk-text-base);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-md);
    transition:
      border-color var(--nk-duration-normal) var(--nk-ease),
      box-shadow var(--nk-duration-normal) var(--nk-ease);
  }

  :where([data-nk="input"][type="checkbox"], [data-nk="input"][type="radio"]) {
    inline-size: 1.125rem;
    block-size: 1.125rem;
    accent-color: var(--nk-color-primary);
  }

  :where([data-nk="input"][type="file"]) {
    padding-inline-start: 0;
  }

  :where([data-nk="input"][type="file"])::file-selector-button {
    min-block-size: calc(
      var(--nk-control-height-md) - (var(--nk-border-width) * 2)
    );
    margin-inline-end: calc(var(--nk-space) * 3);
    padding-inline: calc(var(--nk-space) * 3);
    color: var(--nk-button-default-foreground);
    font-weight: var(--nk-font-weight-medium);
    background: var(--nk-button-default-background);
    border-inline-end: var(--nk-border-width) solid
      var(--nk-button-default-border);
  }
}

@layer nitro-kit.state {
  @media (hover: hover) {
    :where(
        [data-nk="input"][type="file"]:not(:disabled)
      )::file-selector-button:hover {
      background: var(--nk-button-default-hover-background);
    }
  }

  :where([data-nk="input"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="input"]:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where([data-nk="input"][aria-invalid="true"]) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/label.css */
@layer nitro-kit.base {
  :where([data-nk="label"]) {
    color: var(--nk-color-foreground);
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-medium);
    line-height: var(--nk-leading-normal);
    text-wrap: pretty;
  }
}

/* Source: src/stylesheets/nitro_kit/components/layout.css */
@layer nitro-kit.variant {
  :where([data-nk="flex"][data-gap~="0"], [data-nk="grid"][data-gap~="0"]) {
    --_nk-layout-gap: 0;
  }

  :where([data-nk="flex"][data-gap~="1"], [data-nk="grid"][data-gap~="1"]) {
    --_nk-layout-gap: var(--nk-space);
  }

  :where([data-nk="flex"][data-gap~="2"], [data-nk="grid"][data-gap~="2"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 2);
  }

  :where([data-nk="flex"][data-gap~="3"], [data-nk="grid"][data-gap~="3"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 3);
  }

  :where([data-nk="flex"][data-gap~="4"], [data-nk="grid"][data-gap~="4"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 4);
  }

  :where([data-nk="flex"][data-gap~="5"], [data-nk="grid"][data-gap~="5"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 5);
  }

  :where([data-nk="flex"][data-gap~="6"], [data-nk="grid"][data-gap~="6"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 6);
  }

  :where([data-nk="flex"][data-gap~="8"], [data-nk="grid"][data-gap~="8"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 8);
  }

  :where([data-nk="flex"][data-gap~="10"], [data-nk="grid"][data-gap~="10"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 10);
  }

  :where([data-nk="flex"][data-gap~="12"], [data-nk="grid"][data-gap~="12"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 12);
  }

  :where([data-nk="flex"][data-gap~="16"], [data-nk="grid"][data-gap~="16"]) {
    --_nk-layout-gap: calc(var(--nk-space) * 16);
  }

  @media (min-width: 40rem) {
    :where(
      [data-nk="flex"][data-gap~="sm:0"],
      [data-nk="grid"][data-gap~="sm:0"]
    ) {
      --_nk-layout-gap: 0;
    }

    :where(
      [data-nk="flex"][data-gap~="sm:1"],
      [data-nk="grid"][data-gap~="sm:1"]
    ) {
      --_nk-layout-gap: var(--nk-space);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:2"],
      [data-nk="grid"][data-gap~="sm:2"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 2);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:3"],
      [data-nk="grid"][data-gap~="sm:3"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 3);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:4"],
      [data-nk="grid"][data-gap~="sm:4"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 4);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:5"],
      [data-nk="grid"][data-gap~="sm:5"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 5);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:6"],
      [data-nk="grid"][data-gap~="sm:6"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 6);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:8"],
      [data-nk="grid"][data-gap~="sm:8"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 8);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:10"],
      [data-nk="grid"][data-gap~="sm:10"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 10);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:12"],
      [data-nk="grid"][data-gap~="sm:12"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 12);
    }

    :where(
      [data-nk="flex"][data-gap~="sm:16"],
      [data-nk="grid"][data-gap~="sm:16"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 16);
    }
  }

  @media (min-width: 48rem) {
    :where(
      [data-nk="flex"][data-gap~="md:0"],
      [data-nk="grid"][data-gap~="md:0"]
    ) {
      --_nk-layout-gap: 0;
    }

    :where(
      [data-nk="flex"][data-gap~="md:1"],
      [data-nk="grid"][data-gap~="md:1"]
    ) {
      --_nk-layout-gap: var(--nk-space);
    }

    :where(
      [data-nk="flex"][data-gap~="md:2"],
      [data-nk="grid"][data-gap~="md:2"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 2);
    }

    :where(
      [data-nk="flex"][data-gap~="md:3"],
      [data-nk="grid"][data-gap~="md:3"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 3);
    }

    :where(
      [data-nk="flex"][data-gap~="md:4"],
      [data-nk="grid"][data-gap~="md:4"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 4);
    }

    :where(
      [data-nk="flex"][data-gap~="md:5"],
      [data-nk="grid"][data-gap~="md:5"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 5);
    }

    :where(
      [data-nk="flex"][data-gap~="md:6"],
      [data-nk="grid"][data-gap~="md:6"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 6);
    }

    :where(
      [data-nk="flex"][data-gap~="md:8"],
      [data-nk="grid"][data-gap~="md:8"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 8);
    }

    :where(
      [data-nk="flex"][data-gap~="md:10"],
      [data-nk="grid"][data-gap~="md:10"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 10);
    }

    :where(
      [data-nk="flex"][data-gap~="md:12"],
      [data-nk="grid"][data-gap~="md:12"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 12);
    }

    :where(
      [data-nk="flex"][data-gap~="md:16"],
      [data-nk="grid"][data-gap~="md:16"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 16);
    }
  }

  @media (min-width: 64rem) {
    :where(
      [data-nk="flex"][data-gap~="lg:0"],
      [data-nk="grid"][data-gap~="lg:0"]
    ) {
      --_nk-layout-gap: 0;
    }

    :where(
      [data-nk="flex"][data-gap~="lg:1"],
      [data-nk="grid"][data-gap~="lg:1"]
    ) {
      --_nk-layout-gap: var(--nk-space);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:2"],
      [data-nk="grid"][data-gap~="lg:2"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 2);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:3"],
      [data-nk="grid"][data-gap~="lg:3"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 3);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:4"],
      [data-nk="grid"][data-gap~="lg:4"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 4);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:5"],
      [data-nk="grid"][data-gap~="lg:5"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 5);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:6"],
      [data-nk="grid"][data-gap~="lg:6"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 6);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:8"],
      [data-nk="grid"][data-gap~="lg:8"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 8);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:10"],
      [data-nk="grid"][data-gap~="lg:10"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 10);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:12"],
      [data-nk="grid"][data-gap~="lg:12"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 12);
    }

    :where(
      [data-nk="flex"][data-gap~="lg:16"],
      [data-nk="grid"][data-gap~="lg:16"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 16);
    }
  }

  @media (min-width: 80rem) {
    :where(
      [data-nk="flex"][data-gap~="xl:0"],
      [data-nk="grid"][data-gap~="xl:0"]
    ) {
      --_nk-layout-gap: 0;
    }

    :where(
      [data-nk="flex"][data-gap~="xl:1"],
      [data-nk="grid"][data-gap~="xl:1"]
    ) {
      --_nk-layout-gap: var(--nk-space);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:2"],
      [data-nk="grid"][data-gap~="xl:2"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 2);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:3"],
      [data-nk="grid"][data-gap~="xl:3"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 3);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:4"],
      [data-nk="grid"][data-gap~="xl:4"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 4);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:5"],
      [data-nk="grid"][data-gap~="xl:5"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 5);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:6"],
      [data-nk="grid"][data-gap~="xl:6"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 6);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:8"],
      [data-nk="grid"][data-gap~="xl:8"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 8);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:10"],
      [data-nk="grid"][data-gap~="xl:10"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 10);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:12"],
      [data-nk="grid"][data-gap~="xl:12"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 12);
    }

    :where(
      [data-nk="flex"][data-gap~="xl:16"],
      [data-nk="grid"][data-gap~="xl:16"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 16);
    }
  }

  @media (min-width: 96rem) {
    :where(
      [data-nk="flex"][data-gap~="2xl:0"],
      [data-nk="grid"][data-gap~="2xl:0"]
    ) {
      --_nk-layout-gap: 0;
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:1"],
      [data-nk="grid"][data-gap~="2xl:1"]
    ) {
      --_nk-layout-gap: var(--nk-space);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:2"],
      [data-nk="grid"][data-gap~="2xl:2"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 2);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:3"],
      [data-nk="grid"][data-gap~="2xl:3"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 3);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:4"],
      [data-nk="grid"][data-gap~="2xl:4"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 4);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:5"],
      [data-nk="grid"][data-gap~="2xl:5"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 5);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:6"],
      [data-nk="grid"][data-gap~="2xl:6"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 6);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:8"],
      [data-nk="grid"][data-gap~="2xl:8"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 8);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:10"],
      [data-nk="grid"][data-gap~="2xl:10"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 10);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:12"],
      [data-nk="grid"][data-gap~="2xl:12"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 12);
    }

    :where(
      [data-nk="flex"][data-gap~="2xl:16"],
      [data-nk="grid"][data-gap~="2xl:16"]
    ) {
      --_nk-layout-gap: calc(var(--nk-space) * 16);
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/page_header.css */
@layer nitro-kit.base {
  :where([data-nk="page-header"]) {
    display: grid;
    gap: calc(var(--nk-space) * 2);
    color: var(--nk-color-foreground);
  }

  :where([data-nk="page-header"] > [data-slot="page-header-eyebrow"]) {
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-xs);
    font-weight: var(--nk-font-weight-semibold);
    letter-spacing: 0.08em;
    line-height: var(--nk-leading-tight);
    text-transform: uppercase;
  }

  :where([data-nk="page-header"] > [data-slot="page-header-title"]) {
    max-width: var(--nk-content-lg);
    font-size: var(--nk-text-2xl);
    font-weight: var(--nk-font-weight-bold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="page-header"] > [data-slot="page-header-description"]) {
    max-width: var(--nk-content-lg);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-relaxed);
    text-wrap: pretty;
  }

  :where([data-nk="page-header"] > [data-slot="page-header-actions"]) {
    margin-block-start: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.compound {
  @media (min-width: 48rem) {
    :where([data-nk="page-header"]:has(> [data-slot="page-header-actions"])) {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    :where(
        [data-nk="page-header"]:has(> [data-slot="page-header-actions"])
          > :not([data-slot="page-header-actions"])
      ) {
      grid-column: 1;
    }

    :where([data-nk="page-header"] > [data-slot="page-header-actions"]) {
      grid-column: 2;
      grid-row: 1 / -1;
      align-self: end;
      margin-block-start: 0;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/pagination.css */
@layer nitro-kit.base {
  :where([data-nk="pagination"]) {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    overflow-x: auto;
    font-size: var(--nk-text-sm);
    scrollbar-width: thin;
  }

  :where([data-nk="pagination"] > [data-slot="pagination-list"]) {
    display: flex;
    inline-size: max-content;
    align-items: center;
    gap: var(--nk-space);
    list-style: none;
  }

  :where(
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
    ) {
    display: flex;
    flex: none;
  }

  :where(
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
        > [data-slot="pagination-ellipsis-label"]
    ) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
  }
}

@layer nitro-kit.compound {
  :where(
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
        > [data-slot="pagination-page"],
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
        > [data-slot="pagination-ellipsis"]
    ) {
    min-inline-size: var(--nk-control-height-md);
    min-block-size: var(--nk-control-height-md);
    padding-inline: calc(var(--nk-space) * 2);
    font-variant-numeric: tabular-nums;
  }

  :where(
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
        > [data-slot="pagination-page"]
    ) {
    justify-content: center;
  }

  :where(
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
        > [data-slot="pagination-page"][aria-current="page"]
    ) {
    color: var(--nk-color-foreground);
    cursor: default;
    background: var(--nk-color-muted);
    border-color: var(--nk-color-border);
    opacity: 1;
  }

  :where(
      [data-nk="pagination"]
        > [data-slot="pagination-list"]
        > [data-slot="pagination-item"]
        > [data-slot="pagination-ellipsis"]
    ) {
    display: inline-grid;
    place-items: center;
    color: var(--nk-color-muted-foreground);
    user-select: none;
  }
}

/* Source: src/stylesheets/nitro_kit/components/pagination_bar.css */
@layer nitro-kit.base {
  :where([data-nk="pagination-bar"]) {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--nk-space) * 4);
  }

  :where([data-nk="pagination-bar"] > [data-slot="pagination-bar-summary"]) {
    min-width: 0;
    margin: 0;
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    text-wrap: pretty;
  }

  :where(
      [data-nk="pagination-bar"]
        > [data-nk="pagination"][data-slot="pagination-bar-pagination"]
    ) {
    margin-inline-start: auto;
  }
}

@layer nitro-kit.state {
  @media (max-width: 48rem) {
    :where([data-nk="pagination-bar"]) {
      flex-direction: column;
      align-items: stretch;
    }

    :where(
        [data-nk="pagination-bar"]
          > [data-nk="pagination"][data-slot="pagination-bar-pagination"]
      ) {
      margin-inline-start: 0;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/progressive_image.css */
@layer nitro-kit.base {
  :where([data-nk="progressive-image"]) {
    position: relative;
    display: grid;
    inline-size: 100%;
    overflow: hidden;
    color: var(--nk-color-muted-foreground);
    background-color: var(--nk-color-muted);
    border-radius: var(--nk-radius-lg);
    isolation: isolate;
  }

  :where([data-nk="progressive-image"])::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    content: "";
    border-radius: inherit;
    outline: 1px solid oklch(0 0 0 / 10%);
    outline-offset: -1px;
  }

  :where(
      [data-nk="progressive-image"]
        > [data-slot="progressive-image-placeholder"],
      [data-nk="progressive-image"] > [data-slot="progressive-image-image"],
      [data-nk="progressive-image"] > [data-slot="progressive-image-fallback"]
    ) {
    grid-area: 1 / 1;
    inline-size: 100%;
    block-size: 100%;
    border-radius: inherit;
  }

  :where(
      [data-nk="progressive-image"]
        > [data-slot="progressive-image-placeholder"],
      [data-nk="progressive-image"] > [data-slot="progressive-image-image"]
    ) {
    object-fit: cover;
  }

  :where(
      [data-nk="progressive-image"]
        > [data-slot="progressive-image-placeholder"]
    ) {
    z-index: 1;
    filter: blur(1rem);
    opacity: 0;
    transform: scale(1.05);
  }

  :where(
      [data-nk="progressive-image"] > [data-slot="progressive-image-image"]
    ) {
    z-index: 2;
    opacity: 1;
  }

  :where(
      [data-nk="progressive-image"] > [data-slot="progressive-image-fallback"]
    ) {
    display: grid;
    min-block-size: 10rem;
    padding: calc(var(--nk-space) * 6);
    place-items: center;
    aspect-ratio: 4 / 3;
    font-size: var(--nk-text-sm);
    text-align: center;
    text-wrap: pretty;
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="progressive-image"][data-enhanced="true"]
        > [data-slot="progressive-image-placeholder"],
      [data-nk="progressive-image"][data-enhanced="true"]
        > [data-slot="progressive-image-image"]
    ) {
    transition: opacity var(--nk-duration-slow) var(--nk-ease);
  }

  :where(
      [data-nk="progressive-image"][data-enhanced="true"][data-state="loading"]
        > [data-slot="progressive-image-placeholder"]
    ) {
    opacity: 1;
  }

  :where(
      [data-nk="progressive-image"][data-enhanced="true"][data-state="loading"]
        > [data-slot="progressive-image-image"]
    ) {
    opacity: 0;
  }

  :where(
      [data-nk="progressive-image"][data-enhanced="true"][data-state="loaded"]
        > [data-slot="progressive-image-image"]
    ) {
    opacity: 1;
  }

  :where(
      [data-nk="progressive-image"][data-enhanced="true"][data-state="loaded"]
        > [data-slot="progressive-image-placeholder"],
      [data-nk="progressive-image"][data-enhanced="true"][data-state="error"]
        > [data-slot="progressive-image-placeholder"],
      [data-nk="progressive-image"][data-enhanced="true"][data-state="error"]
        > [data-slot="progressive-image-image"]
    ) {
    opacity: 0;
  }
}

@layer nitro-kit.state {
  :where([data-theme="dark"] [data-nk="progressive-image"])::after {
    outline-color: oklch(1 0 0 / 10%);
  }

  @media (prefers-color-scheme: dark) {
    :where(
        :root:not([data-theme="light"]) [data-nk="progressive-image"]
      )::after {
      outline-color: oklch(1 0 0 / 10%);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  @layer nitro-kit.state {
    :where(
        [data-nk="progressive-image"]
          > [data-slot="progressive-image-placeholder"],
        [data-nk="progressive-image"] > [data-slot="progressive-image-image"]
      ) {
      transition-duration: 0s;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/radio_button.css */
@layer nitro-kit.base {
  :where([data-nk="radio-button"]) {
    display: inline-grid;
    min-inline-size: var(--nk-control-height-md);
    min-block-size: var(--nk-control-height-md);
    color: var(--nk-color-foreground);
  }

  :where([data-nk="radio-button"] > [data-slot="radio-button-label"]) {
    display: grid;
    grid-template-columns: 1.125rem minmax(0, 1fr);
    gap: calc(var(--nk-space) * 2);
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    cursor: pointer;
  }

  :where(
      [data-nk="radio-button"][data-size="lg"]
        > [data-slot="radio-button-label"]
    ) {
    grid-template-columns: 1.5rem minmax(0, 1fr);
  }

  :where(
      [data-nk="radio-button"] [data-slot="radio-button-control"],
      [data-nk="radio-button"] [data-slot="radio-button-indicator"]
    ) {
    grid-area: 1 / 1;
    inline-size: 1.125rem;
    block-size: 1.125rem;
  }

  :where(
      [data-nk="radio-button"][data-size="lg"]
        [data-slot="radio-button-control"],
      [data-nk="radio-button"][data-size="lg"]
        [data-slot="radio-button-indicator"]
    ) {
    inline-size: 1.5rem;
    block-size: 1.5rem;
  }

  :where([data-nk="radio-button"] [data-slot="radio-button-control"]) {
    z-index: 1;
    margin: 0;
    cursor: pointer;
    appearance: none;
    opacity: 0;
  }

  :where([data-nk="radio-button"] [data-slot="radio-button-indicator"]) {
    display: grid;
    place-items: center;
    pointer-events: none;
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-full);
  }

  :where([data-nk="radio-button"] [data-slot="radio-button-indicator"])::after {
    inline-size: 0.5rem;
    block-size: 0.5rem;
    content: "";
    background: var(--nk-color-primary);
    border-radius: inherit;
    opacity: 0;
  }

  :where([data-nk="radio-button"] [data-slot="radio-button-label-text"]) {
    grid-column: 2;
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="radio-button"]
        [data-slot="radio-button-control"]:checked
        + [data-slot="radio-button-indicator"]
    ) {
    border-color: var(--nk-color-primary);
  }

  :where(
      [data-nk="radio-button"]
        [data-slot="radio-button-control"]:checked
        + [data-slot="radio-button-indicator"]
    )::after {
    opacity: 1;
  }

  :where(
      [data-nk="radio-button"]
        [data-slot="radio-button-control"]:focus-visible
        + [data-slot="radio-button-indicator"]
    ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="radio-button"][data-disabled="true"]) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where(
      [data-nk="radio-button"]
        [data-slot="radio-button-control"][aria-invalid="true"]
        + [data-slot="radio-button-indicator"]
    ) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/radio_button_group.css */
@layer nitro-kit.base {
  :where([data-nk="radio-button-group"]) {
    min-inline-size: 0;
    padding: 0;
    color: var(--nk-color-foreground);
    border: 0;
  }

  :where(
      [data-nk="radio-button-group"] > [data-slot="radio-button-group-legend"]
    ) {
    padding: 0;
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-semibold);
  }

  :where(
      [data-nk="radio-button-group"]
        > [data-slot="radio-button-group-description"]
    ) {
    margin-block-start: var(--nk-space);
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    text-wrap: pretty;
  }

  :where(
      [data-nk="radio-button-group"] > [data-slot="radio-button-group-choices"]
    ) {
    display: grid;
    gap: var(--nk-space);
    margin-block-start: calc(var(--nk-space) * 2);
  }
}

/* Source: src/stylesheets/nitro_kit/components/select.css */
@layer nitro-kit.base {
  :where([data-nk="select"]) {
    display: inline-grid;
    min-inline-size: 10rem;
    color: var(--nk-color-foreground);
  }

  :where([data-nk="select"] > [data-slot="select-control"]) {
    grid-area: 1 / 1;
    inline-size: 100%;
    min-block-size: var(--nk-control-height-md);
    padding-inline: calc(var(--nk-space) * 3) calc(var(--nk-space) * 9);
    color: inherit;
    font: inherit;
    appearance: none;
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-md);
    transition:
      border-color var(--nk-duration-normal) var(--nk-ease),
      box-shadow var(--nk-duration-normal) var(--nk-ease);
  }

  :where([data-nk="select"] > [data-slot="select-icon"]) {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: end;
    inline-size: 1rem;
    block-size: 1rem;
    margin-inline-end: calc(var(--nk-space) * 3);
    color: var(--nk-color-muted-foreground);
    pointer-events: none;
  }
}

@layer nitro-kit.state {
  :where([data-nk="select"] > [data-slot="select-control"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="select"] > [data-slot="select-control"]:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where(
      [data-nk="select"] > [data-slot="select-control"][aria-invalid="true"]
    ) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/settings_layout.css */
@layer nitro-kit.base {
  :where([data-nk="settings-layout"]) {
    display: grid;
    grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
    gap: calc(var(--nk-space) * 6);
    align-items: start;
    min-width: 0;
  }

  :where(
      [data-nk="settings-layout"] > [data-slot="settings-layout-navigation"],
      [data-nk="settings-layout"] > [data-slot="settings-layout-content"]
    ) {
    min-width: 0;
  }
}

@layer nitro-kit.state {
  @media (max-width: 48rem) {
    :where([data-nk="settings-layout"]) {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/sortable_table.css */
@layer nitro-kit.base {
  :where([data-nk="sortable-table"]) {
    inline-size: 100%;
  }

  :where([data-nk="sortable-table"] [data-slot="sortable-table-link"]) {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    gap: calc(var(--nk-space) * 1.5);
    margin-block: calc(var(--nk-space) * -2);
    padding-block: calc(var(--nk-space) * 2);
    color: inherit;
    text-decoration: none;
  }

  :where([data-nk="sortable-table"] [data-slot="sortable-table-indicator"]) {
    inline-size: 1em;
    color: var(--nk-color-primary);
    font-variant-numeric: tabular-nums;
    text-align: center;
  }
}

@layer nitro-kit.state {
  :where(
      [data-nk="sortable-table"]
        [data-slot="table-header"][aria-sort]
        [data-slot="sortable-table-link"]
    ) {
    color: var(--nk-color-foreground);
    font-weight: var(--nk-font-weight-semibold);
  }

  @media (hover: hover) {
    :where([data-nk="sortable-table"] [data-slot="sortable-table-link"]:hover) {
      color: var(--nk-color-foreground);
    }
  }

  :where(
      [data-nk="sortable-table"] [data-slot="sortable-table-link"]:focus-visible
    ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }
}

/* Source: src/stylesheets/nitro_kit/components/stat_grid.css */
@layer nitro-kit.base {
  :where([data-nk="stat-grid"]) {
    color: var(--nk-color-foreground);
  }

  :where(
      [data-nk="stat-grid"]
        > [data-slot="stat-grid-grid"]
        > [data-slot="stat-grid-stat"]
    ) {
    display: grid;
    align-content: start;
    gap: calc(var(--nk-space) * 2);
    min-height: 100%;
    padding: calc(var(--nk-space) * 5);
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-lg);
    box-shadow: var(--nk-shadow-sm);
  }

  :where([data-nk="stat-grid"] [data-slot="stat-grid-label"]) {
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-medium);
  }

  :where([data-nk="stat-grid"] [data-slot="stat-grid-value"]) {
    font-size: var(--nk-text-2xl);
    font-variant-numeric: tabular-nums;
    font-weight: var(--nk-font-weight-bold);
    line-height: var(--nk-leading-tight);
    overflow-wrap: anywhere;
  }

  :where([data-nk="stat-grid"] [data-slot="stat-grid-detail"]) {
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-xs);
    line-height: var(--nk-leading-normal);
    text-wrap: pretty;
  }
}

/* Source: src/stylesheets/nitro_kit/components/switch.css */
@layer nitro-kit.base {
  :where([data-nk="switch"]) {
    display: inline-grid;
    color: var(--nk-color-foreground);
  }

  :where([data-nk="switch"] > [data-slot="switch-label"]) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: calc(var(--nk-space) * 3);
    align-items: center;
    min-block-size: var(--nk-control-height-md);
    cursor: pointer;
  }

  :where(
    [data-nk="switch"] [data-slot="switch-control"],
    [data-nk="switch"] [data-slot="switch-track"]
  ) {
    grid-area: 1 / 1;
  }

  :where([data-nk="switch"] [data-slot="switch-control"]) {
    z-index: 1;
    inline-size: 2.5rem;
    block-size: 1.5rem;
    margin: 0;
    cursor: pointer;
    appearance: none;
    opacity: 0;
  }

  :where([data-nk="switch"] [data-slot="switch-track"]) {
    display: flex;
    align-items: center;
    inline-size: 2.5rem;
    block-size: 1.5rem;
    padding: 0.1875rem;
    pointer-events: none;
    background: var(--nk-color-muted);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-full);
    transition:
      background-color var(--nk-duration-normal) var(--nk-ease),
      border-color var(--nk-duration-normal) var(--nk-ease);
  }

  :where(
    [data-nk="switch"][data-size="sm"] [data-slot="switch-control"],
    [data-nk="switch"][data-size="sm"] [data-slot="switch-track"]
  ) {
    inline-size: 2rem;
    block-size: 1.25rem;
  }

  :where([data-nk="switch"] [data-slot="switch-handle"]) {
    inline-size: 1rem;
    block-size: 1rem;
    background: var(--nk-color-surface);
    border-radius: var(--nk-radius-full);
    box-shadow: var(--nk-shadow-sm);
    transition: transform var(--nk-duration-normal) var(--nk-ease);
  }

  :where([data-nk="switch"][data-size="sm"] [data-slot="switch-handle"]) {
    inline-size: 0.75rem;
    block-size: 0.75rem;
  }

  :where([data-nk="switch"] [data-slot="switch-label-text"]) {
    grid-column: 2;
  }

  :where([data-nk="switch"] [data-slot="switch-description"]) {
    padding-inline-start: calc(2.5rem + (var(--nk-space) * 3));
    color: var(--nk-color-muted-foreground);
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-normal);
  }

  :where([data-nk="switch"][data-size="sm"] [data-slot="switch-description"]) {
    padding-inline-start: calc(2rem + (var(--nk-space) * 3));
  }
}

@layer nitro-kit.state {
  :where(
    [data-nk="switch"]
      [data-slot="switch-control"]:checked
      + [data-slot="switch-track"]
  ) {
    background: var(--nk-color-primary);
    border-color: var(--nk-color-primary);
  }

  :where(
    [data-nk="switch"]
      [data-slot="switch-control"]:checked
      + [data-slot="switch-track"]
      > [data-slot="switch-handle"]
  ) {
    transform: translateX(1rem);
  }

  :where(
    [data-nk="switch"][data-size="sm"]
      [data-slot="switch-control"]:checked
      + [data-slot="switch-track"]
      > [data-slot="switch-handle"]
  ) {
    transform: translateX(0.75rem);
  }

  :where(
    [data-nk="switch"]
      [data-slot="switch-control"]:focus-visible
      + [data-slot="switch-track"]
  ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="switch"][data-disabled="true"]) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where(
    [data-nk="switch"]
      [data-slot="switch-control"][aria-invalid="true"]
      + [data-slot="switch-track"]
  ) {
    border-color: var(--nk-color-danger);
  }
}

@media (prefers-reduced-motion: reduce) {
  @layer nitro-kit.base {
    :where(
      [data-nk="switch"] [data-slot="switch-track"],
      [data-nk="switch"] [data-slot="switch-handle"]
    ) {
      transition-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/table.css */
@layer nitro-kit.base {
  :where([data-nk="table"]) {
    inline-size: 100%;
    overflow-x: auto;
    color: var(--nk-color-foreground);
    -webkit-overflow-scrolling: touch;
  }

  :where([data-nk="table"] > [data-slot="table-element"]) {
    inline-size: 100%;
    font-size: var(--nk-text-sm);
    border-collapse: collapse;
  }

  :where([data-nk="table"] [data-slot="table-caption"]) {
    padding-block: calc(var(--nk-space) * 2);
    color: var(--nk-color-muted-foreground);
    text-align: start;
  }

  :where([data-nk="table"] [data-slot="table-row"]) {
    border-block-end: var(--nk-border-width) solid var(--nk-color-border);
  }

  :where(
      [data-nk="table"] [data-slot="table-header"],
      [data-nk="table"] [data-slot="table-cell"]
    ) {
    min-block-size: var(--nk-control-height-md);
    padding: calc(var(--nk-space) * 2);
    vertical-align: middle;
  }

  :where([data-nk="table"] [data-slot="table-header"]) {
    color: var(--nk-color-muted-foreground);
    font-weight: var(--nk-font-weight-medium);
  }
}

@layer nitro-kit.compound {
  :where([data-nk="table"] [data-align="left"]) {
    text-align: left;
  }
  :where([data-nk="table"] [data-align="center"]) {
    text-align: center;
  }
  :where([data-nk="table"] [data-align="right"]) {
    font-variant-numeric: tabular-nums;
    text-align: right;
  }
}

/* Source: src/stylesheets/nitro_kit/components/tabs.css */
@layer nitro-kit.base {
  :where([data-nk="tabs"]) {
    width: 100%;
    color: var(--nk-color-foreground);
  }

  :where([data-nk="tabs"] > [data-slot="tabs-list"]) {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    border-block-end: var(--nk-border-width) solid var(--nk-color-border);
  }

  :where([data-nk="tabs"] > [data-slot="tabs-list"] > [data-slot="tabs-tab"]) {
    display: flex;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    padding: calc(var(--nk-space) * 2) calc(var(--nk-space) * 3);
    font: inherit;
    font-weight: var(--nk-font-weight-medium);
    color: var(--nk-color-muted-foreground);
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-block-end: var(--nk-focus-width) solid transparent;
    transition:
      border-color var(--nk-duration-fast) var(--nk-ease),
      color var(--nk-duration-fast) var(--nk-ease);
  }

  :where([data-nk="tabs"] > [data-slot="tabs-panel"]) {
    padding-block: calc(var(--nk-space) * 4);
    line-height: var(--nk-leading-normal);
  }
}

@layer nitro-kit.variant {
  :where([data-nk="tabs"][data-orientation="vertical"][data-enhanced="true"]) {
    display: grid;
    grid-template-columns: minmax(min-content, max-content) minmax(0, 1fr);
    column-gap: calc(var(--nk-space) * 5);
  }

  :where(
    [data-nk="tabs"][data-orientation="vertical"] > [data-slot="tabs-list"]
  ) {
    flex-direction: column;
    grid-column: 1;
    grid-row: 1;
    align-items: stretch;
    overflow-x: visible;
    border-block-end: 0;
    border-inline-end: var(--nk-border-width) solid var(--nk-color-border);
  }

  :where(
    [data-nk="tabs"][data-orientation="vertical"]
      > [data-slot="tabs-list"]
      > [data-slot="tabs-tab"]
  ) {
    justify-content: flex-start;
    text-align: start;
    border-block-end: 0;
    border-inline-end: var(--nk-focus-width) solid transparent;
  }

  :where(
    [data-nk="tabs"][data-orientation="vertical"]
      > [data-slot="tabs-list"]
      > [data-slot="tabs-tab"][aria-selected="true"]
  ) {
    border-inline-end-color: var(--nk-color-primary);
  }

  :where(
    [data-nk="tabs"][data-orientation="vertical"] > [data-slot="tabs-panel"]
  ) {
    grid-column: 2;
    grid-row: 1;
    padding-block-start: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.state {
  @media (hover: hover) {
    :where(
      [data-nk="tabs"]
        > [data-slot="tabs-list"]
        > [data-slot="tabs-tab"]:hover:not(:disabled)
    ) {
      color: var(--nk-color-foreground);
    }
  }

  :where(
    [data-nk="tabs"]
      > [data-slot="tabs-list"]
      > [data-slot="tabs-tab"][aria-selected="true"]
  ) {
    color: var(--nk-color-foreground);
    border-block-end-color: var(--nk-color-primary);
  }

  :where(
    [data-nk="tabs"][data-orientation="vertical"]
      > [data-slot="tabs-list"]
      > [data-slot="tabs-tab"][aria-selected="true"]
  ) {
    border-block-end-color: transparent;
  }

  :where(
    [data-nk="tabs"]
      > [data-slot="tabs-list"]
      > [data-slot="tabs-tab"]:focus-visible
  ) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: calc(var(--nk-focus-offset) * -1);
  }

  :where(
    [data-nk="tabs"] > [data-slot="tabs-list"] > [data-slot="tabs-tab"]:disabled
  ) {
    color: var(--nk-color-muted-foreground);
    cursor: not-allowed;
    opacity: 0.55;
  }

  @media (prefers-reduced-motion: reduce) {
    :where(
      [data-nk="tabs"] > [data-slot="tabs-list"] > [data-slot="tabs-tab"]
    ) {
      transition-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/textarea.css */
@layer nitro-kit.base {
  :where([data-nk="textarea"]) {
    display: block;
    inline-size: 100%;
    min-block-size: 6rem;
    padding: calc(var(--nk-space) * 2) calc(var(--nk-space) * 3);
    color: var(--nk-color-foreground);
    font: inherit;
    line-height: var(--nk-leading-normal);
    resize: vertical;
    background: var(--nk-color-surface);
    border: var(--nk-border-width) solid var(--nk-color-border);
    border-radius: var(--nk-radius-md);
    transition:
      border-color var(--nk-duration-normal) var(--nk-ease),
      box-shadow var(--nk-duration-normal) var(--nk-ease);
  }
}

@layer nitro-kit.state {
  :where([data-nk="textarea"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  :where([data-nk="textarea"]:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
  }

  :where([data-nk="textarea"][aria-invalid="true"]) {
    border-color: var(--nk-color-danger);
  }
}

/* Source: src/stylesheets/nitro_kit/components/toast.css */
@layer nitro-kit.base {
  :where([data-nk="toast"]) {
    pointer-events: none;
  }

  :where([data-nk="toast"] > [data-slot="toast-list"]) {
    position: fixed;
    z-index: 100;
    inset-inline-end: calc(var(--nk-space) * 5);
    inset-block-end: calc(var(--nk-space) * 5);
    display: flex;
    flex-direction: column;
    inline-size: min(26rem, calc(100vw - (var(--nk-space) * 10)));
    gap: calc(var(--nk-space) * 3);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  :where([data-nk="toast-item"]) {
    --_nk-toast-background: var(--nk-color-surface);
    --_nk-toast-foreground: var(--nk-color-foreground);
    --_nk-toast-border: var(--nk-color-border);

    position: relative;
    display: flex;
    align-items: flex-start;
    inline-size: 100%;
    gap: calc(var(--nk-space) * 3);
    padding: calc(var(--nk-space) * 4);
    color: var(--_nk-toast-foreground);
    pointer-events: auto;
    background: var(--_nk-toast-background);
    border: var(--nk-border-width) solid var(--_nk-toast-border);
    border-radius: var(--nk-radius-lg);
    box-shadow: var(--nk-shadow-lg);
    transition:
      opacity var(--nk-duration-normal) var(--nk-ease),
      transform var(--nk-duration-normal) var(--nk-ease);
  }

  :where([data-nk="toast-item"] > [data-slot="toast-item-content"]) {
    display: grid;
    flex: 1;
    gap: var(--nk-space);
    min-inline-size: 0;
  }

  :where([data-nk="toast-item"] [data-slot="toast-item-title"]) {
    font-size: var(--nk-text-sm);
    font-weight: var(--nk-font-weight-semibold);
    line-height: var(--nk-leading-tight);
    text-wrap: balance;
  }

  :where([data-nk="toast-item"] [data-slot="toast-item-description"]) {
    font-size: var(--nk-text-sm);
    line-height: var(--nk-leading-normal);
    text-wrap: pretty;
  }

  :where([data-nk="toast-item"] > [data-slot="toast-item-dismiss"]) {
    flex: none;
    margin: calc(var(--nk-space) * -2) calc(var(--nk-space) * -2) 0 0;
  }
}

@layer nitro-kit.variant {
  :where([data-nk="toast-item"][data-variant="info"]) {
    --_nk-toast-background: color-mix(
      in oklab,
      var(--nk-color-info) 10%,
      var(--nk-color-surface)
    );
    --_nk-toast-foreground: var(--nk-color-info-content);
    --_nk-toast-border: var(--nk-color-info);
  }

  :where([data-nk="toast-item"][data-variant="success"]) {
    --_nk-toast-background: color-mix(
      in oklab,
      var(--nk-color-success) 10%,
      var(--nk-color-surface)
    );
    --_nk-toast-foreground: var(--nk-color-success-content);
    --_nk-toast-border: var(--nk-color-success);
  }

  :where([data-nk="toast-item"][data-variant="warning"]) {
    --_nk-toast-background: color-mix(
      in oklab,
      var(--nk-color-warning) 10%,
      var(--nk-color-surface)
    );
    --_nk-toast-foreground: var(--nk-color-warning-content);
    --_nk-toast-border: var(--nk-color-warning);
  }

  :where([data-nk="toast-item"][data-variant="error"]) {
    --_nk-toast-background: color-mix(
      in oklab,
      var(--nk-color-danger) 10%,
      var(--nk-color-surface)
    );
    --_nk-toast-foreground: var(--nk-color-danger-content);
    --_nk-toast-border: var(--nk-color-danger);
  }
}

@layer nitro-kit.state {
  :where([data-nk="toast-item"][data-state="open"]) {
    opacity: 1;
    transform: translateY(0);
  }

  :where([data-nk="toast-item"][data-state="closed"]) {
    opacity: 0;
    transform: translateY(calc(var(--nk-space) * 3));
  }

  :where([data-nk="toast-item"]:focus-visible) {
    outline: var(--nk-focus-width) solid var(--nk-color-focus);
    outline-offset: var(--nk-focus-offset);
  }

  @media (prefers-reduced-motion: reduce) {
    :where([data-nk="toast-item"]) {
      transition-duration: 0.01ms;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/toolbar.css */
@layer nitro-kit.base {
  :where([data-nk="toolbar"]) {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--nk-space) * 4);
  }

  :where(
      [data-nk="toolbar"] > [data-slot="toolbar-leading"],
      [data-nk="toolbar"] > [data-slot="toolbar-trailing"]
    ) {
    display: flex;
    min-width: 0;
    /* Regions never exceed the toolbar, so nested content such as a
       scrolling ButtonGroup receives real width pressure when stacked. */
    max-inline-size: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--nk-space) * 2);
  }

  :where([data-nk="toolbar"] > [data-slot="toolbar-trailing"]) {
    justify-content: flex-end;
    margin-inline-start: auto;
  }
}

@layer nitro-kit.state {
  @media (max-width: 48rem) {
    :where([data-nk="toolbar"]) {
      flex-direction: column;
      align-items: stretch;
    }

    :where([data-nk="toolbar"] > [data-slot="toolbar-trailing"]) {
      justify-content: flex-start;
      margin-inline-start: 0;
    }
  }
}

/* Source: src/stylesheets/nitro_kit/components/tooltip.css */
@layer nitro-kit.base {
  :where([data-nk="tooltip"]) {
    position: relative;
    display: inline-flex;
  }

  :where([data-nk="tooltip"] > [data-slot="tooltip-content"]) {
    position: absolute;
    z-index: 50;
    inline-size: max-content;
    max-inline-size: min(20rem, calc(100vw - (var(--nk-space) * 8)));
    padding: calc(var(--nk-space) * 1.5) calc(var(--nk-space) * 2.5);
    color: var(--nk-color-primary-foreground);
    font-size: var(--nk-text-xs);
    line-height: var(--nk-leading-normal);
    text-wrap: pretty;
    pointer-events: auto;
    visibility: hidden;
    background: var(--nk-color-primary);
    border-radius: var(--nk-radius-md);
    box-shadow: var(--nk-shadow-sm);
    opacity: 0;
    transition: opacity var(--nk-duration-fast) var(--nk-ease);
  }

  :where([data-nk="tooltip"] > [data-slot="tooltip-content"]::before) {
    position: absolute;
    content: "";
  }

  :where(
    [data-nk="tooltip"][data-placement="top"] > [data-slot="tooltip-content"]
  ) {
    inset-block-end: calc(100% + (var(--nk-space) * 2));
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }

  :where(
    [data-nk="tooltip"][data-placement="top"]
      > [data-slot="tooltip-content"]::before
  ) {
    inset-block-start: 100%;
    inset-inline: 0;
    block-size: calc(var(--nk-space) * 2);
  }

  :where(
    [data-nk="tooltip"][data-placement="right"] > [data-slot="tooltip-content"]
  ) {
    inset-block-start: 50%;
    inset-inline-start: calc(100% + (var(--nk-space) * 2));
    transform: translateY(-50%);
  }

  :where(
    [data-nk="tooltip"][data-placement="right"]
      > [data-slot="tooltip-content"]::before
  ) {
    inset-block: 0;
    inset-inline-end: 100%;
    inline-size: calc(var(--nk-space) * 2);
  }

  :where(
    [data-nk="tooltip"][data-placement="bottom"] > [data-slot="tooltip-content"]
  ) {
    inset-block-start: calc(100% + (var(--nk-space) * 2));
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }

  :where(
    [data-nk="tooltip"][data-placement="bottom"]
      > [data-slot="tooltip-content"]::before
  ) {
    inset-block-end: 100%;
    inset-inline: 0;
    block-size: calc(var(--nk-space) * 2);
  }

  :where(
    [data-nk="tooltip"][data-placement="left"] > [data-slot="tooltip-content"]
  ) {
    inset-block-start: 50%;
    inset-inline-end: calc(100% + (var(--nk-space) * 2));
    transform: translateY(-50%);
  }

  :where(
    [data-nk="tooltip"][data-placement="left"]
      > [data-slot="tooltip-content"]::before
  ) {
    inset-block: 0;
    inset-inline-start: 100%;
    inline-size: calc(var(--nk-space) * 2);
  }
}

@layer nitro-kit.state {
  :where(
    [data-nk="tooltip"]:not([data-dismissed]):focus-within
      > [data-slot="tooltip-content"]
  ) {
    visibility: visible;
    opacity: 1;
  }

  @media (hover: hover) {
    :where(
      [data-nk="tooltip"]:not([data-dismissed]):hover
        > [data-slot="tooltip-content"]
    ) {
      visibility: visible;
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where([data-nk="tooltip"] > [data-slot="tooltip-content"]) {
      transition-duration: 0.01ms;
    }
  }
}