@layer boxelComponentL1 {
    .boxel-accordion-item[data-scopedcss-60d7ac4cfe-3327605af6] {
      min-height: var(
        --boxel-accordion-item-min-height,
        var(--boxel-form-control-height)
      );
      padding-inline: var(--boxel-accordion-item-padding-inline, 0);
      padding-block: var(--boxel-accordion-item-padding-block, 2px);
    }
    .boxel-accordion-item[data-scopedcss-60d7ac4cfe-3327605af6]:not(:first-child) {
      border-top: var(
        --boxel-accordion-item-border,
        var(
          --accordion-border,
          1px solid var(--border, var(--boxel-border-color))
        )
      );
    }

    .boxel-accordion-item-title[data-scopedcss-60d7ac4cfe-3327605af6] {
      margin: 0;
      font-size: var(--boxel-accordion-title-font-size, inherit);
      font-weight: var(--boxel-accordion-title-font-weight, 700);
      line-height: inherit;
      letter-spacing: inherit;
    }

    .boxel-accordion-item-trigger[data-scopedcss-60d7ac4cfe-3327605af6] {
      display: inline-flex;
      align-items: center;
      gap: var(--boxel-sp-xxs);
      width: 100%;
      max-width: 100%;
      padding-block: var(
        --boxel-accordion-trigger-padding-block,
        var(--boxel-sp-xs)
      );
      padding-inline: var(--boxel-accordion-trigger-padding-inline, 0);
      color: inherit;
      background-color: transparent;
      border: none;
      text-align: start;
    }
    .boxel-accordion-item-trigger[data-scopedcss-60d7ac4cfe-3327605af6]:focus-visible {
      outline-color: var(--ring, var(--boxel-highlight));
    }
    .boxel-accordion-item-trigger[data-scopedcss-60d7ac4cfe-3327605af6]:hover:not(:disabled) {
      cursor: pointer;
    }
    .boxel-accordion-item-trigger[data-scopedcss-60d7ac4cfe-3327605af6]:disabled {
      opacity: 0.5;
    }

    .boxel-accordion-item-icon[data-scopedcss-60d7ac4cfe-3327605af6] {
      flex-shrink: 0;
    }
    [aria-expanded='true'] .boxel-accordion-item-icon[data-scopedcss-60d7ac4cfe-3327605af6] {
      transform: rotate(90deg);
    }

    .boxel-accordion-item-content[data-scopedcss-60d7ac4cfe-3327605af6] {
      display: grid;
      grid-template-rows: 0fr;
    }
    .boxel-accordion-item-content[data-state='open'][data-scopedcss-60d7ac4cfe-3327605af6] {
      grid-template-rows: 1fr;
    }
    .boxel-accordion-item-content-inner[data-scopedcss-60d7ac4cfe-3327605af6] {
      overflow: hidden;
    }

    @media (prefers-reduced-motion: no-preference) {
      .boxel-accordion-item[data-scopedcss-60d7ac4cfe-3327605af6] {
        --_bai-transition: var(--boxel-accordion-transition, 200ms ease-out);
      }

      .boxel-accordion-item-icon[data-scopedcss-60d7ac4cfe-3327605af6] {
        transition: transform var(--_bai-transition);
      }

      .boxel-accordion-item-content[data-scopedcss-60d7ac4cfe-3327605af6] {
        transition: grid-template-rows var(--_bai-transition);
      }
      .boxel-accordion-item-content-inner[data-scopedcss-60d7ac4cfe-3327605af6] {
        transition: opacity var(--_bai-transition);
        opacity: 0;
      }
      .boxel-accordion-item-content[data-state='open']
        .boxel-accordion-item-content-inner[data-scopedcss-60d7ac4cfe-3327605af6] {
        opacity: 1;
      }
    }
  }

  @layer boxelComponentL1 {
    .boxel-accordion[data-scopedcss-fcb83a007f-b85c13630c] {
      --accordion-border: var(
        --boxel-accordion-border,
        1px solid var(--border, var(--boxel-border-color))
      );

      display: flex;
      flex-direction: column;
    }
    .boxel-accordion-container[data-scopedcss-fcb83a007f-b85c13630c] {
      --boxel-accordion-item-padding-inline: var(--boxel-sp-xxs);
      --boxel-accordion-item-padding-block: var(--boxel-sp-xxxs);

      border: var(--accordion-border);
      border-radius: var(--radius, var(--boxel-border-radius));
    }
  }

  /* zero specificity default sizing */
  [data-scopedcss-4340f97061-a2a8a0751d]:where(.boxel-loading-indicator) {
    --loading-indicator-size: var(
      --boxel-loading-indicator-size,
      var(--boxel-icon-sm)
    );
    --loading-indicator-color: var(
      --boxel-loading-indicator-color,
      currentColor
    );
    display: inline-block;
    width: var(--loading-indicator-size);
    height: var(--loading-indicator-size);
    flex-shrink: 0;
  }

  .boxel-loading-indicator[data-scopedcss-4340f97061-a2a8a0751d] svg {
    display: block;
    width: var(--loading-indicator-size);
    height: var(--loading-indicator-size);
  }

  /* Only animate if the user has not said that they want reduced motion */
  @media (prefers-reduced-motion: no-preference) {
    .boxel-loading-indicator[data-scopedcss-4340f97061-a2a8a0751d] svg {
      animation: var(--boxel-infinite-spin-animation);
    }
  }

  @layer boxelComponentL1 {
    /* Button */
    .boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-loading-indicator-size: var(
        --boxel-button-loading-icon-size,
        var(--boxel-icon-xs)
      );

      display: inline-flex;
      justify-content: center;
      height: min-content;
      align-items: center;
      border-radius: var(
        --boxel-button-border-radius,
        var(--radius, var(--boxel-border-radius))
      );
      transition: var(
        --boxel-button-transition,
        var(--boxel-transition-properties)
      );

      /* kind variants + disabled state */
      border: var(--boxel-button-border, none);
      color: var(--boxel-button-text-color);
      background-color: var(--boxel-button-color);

      /* size variants */
      font: var(--boxel-button-font, 700 var(--boxel-font-sm));
      font-family: inherit;
      min-height: var(--boxel-button-min-height);
      min-width: var(--boxel-button-min-width);
      padding: var(--boxel-button-padding);
      letter-spacing: var(--boxel-button-letter-spacing, var(--boxel-lsp));
      box-shadow: var(--boxel-button-box-shadow);
    }
    .boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:not(.rectangular) {
      border-radius: var(--boxel-button-border-radius, 100px);
    }
    .boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:is(.pill) {
      border-radius: var(
        --boxel-button-border-radius,
        var(--boxel-border-radius-pill)
      );
    }
    .boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover {
      background-color: color-mix(
        in oklab,
        var(--boxel-button-color) 90%,
        transparent
      );
    }
    .boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:focus-visible {
      outline-color: var(--ring, var(--boxel-highlight));
      outline-offset: 2px;
    }

    .loading-indicator[data-scopedcss-dda52f0ad9-b41f7f3407] {
      margin-right: var(
        --boxel-button-loading-indicator-gap,
        var(--boxel-sp-xxs)
      );
    }

    /* select disabled buttons and links that don't have href */

    /*
      a.disabled-link is a special case for an automatically appended class by the LinkTo component
      the LinkTo component appends the href regardless, so we have to select it in other ways.
      Removing the chained classes will make kind-variants overwrite the disabled style on the LinkTo (specificity issues)
    */
    .boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:disabled:not(.loading),
    a.boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:not([href]),
    a.boxel-button[href=''][data-scopedcss-dda52f0ad9-b41f7f3407],
    a.boxel-button.disabled-link[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-box-shadow: none;
      background-color: var(
        --boxel-button-disabled-background,
        var(--boxel-button-color)
      );
      border: var(--boxel-button-disabled-border, var(--boxel-button-border));
      color: var(
        --boxel-button-disabled-foreground,
        var(--boxel-button-text-color)
      );
      opacity: var(--boxel-button-disabled-opacity, 0.5);
      cursor: default;
    }

    /* the a element does not have a disabled attribute. Clicking will still trigger event listeners */
    a.boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:not([href]),
    a.boxel-button[href=''][data-scopedcss-dda52f0ad9-b41f7f3407],
    a.boxel-button.disabled-link[data-scopedcss-dda52f0ad9-b41f7f3407] {
      pointer-events: none;
    }

    /*
      loading state.
      this should only be relevant for buttons - links shouldn't need it.
      We want to preserve the "normal" styling of the button but not allow interaction
    */
    .loading[data-scopedcss-dda52f0ad9-b41f7f3407] {
      pointer-events: none;
    }

    /* overwrite the global style for links in global.css */
    a.boxel-button[data-scopedcss-dda52f0ad9-b41f7f3407]:hover {
      color: var(--boxel-button-text-color);
    }

    /**
    * Kind variants - variants that control the colors on a button
    *
    * The @kind argument on the button component should create a corresponding class with format
    * kind-@kind
    *
    * Classes for the @kind argument can control the following properties:
    *
    * --boxel-button-color (css "background-color" property)
    * --boxel-button-border (css shorthand "border" property)
    * --boxel-button-text-color (css "color" property)
    *
    */
    .kind-default[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-color: var(
        --boxel-button-default-background,
        var(--background)
      );
      --boxel-button-text-color: var(
        --boxel-button-default-foreground,
        var(--foreground)
      );
      --boxel-button-border: 1px solid
        var(--boxel-button-default-border, var(--border));
    }
    .kind-default[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-default[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-color: var(
        --boxel-button-default-active-background,
        var(--accent)
      );
      --boxel-button-text-color: var(
        --boxel-button-default-active-foreground,
        var(--accent-foreground)
      );
      --boxel-button-border: 1px solid
        var(--boxel-button-default-active-border, var(--border));
    }

    .kind-primary[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-color: var(
        --boxel-button-primary-background,
        var(--primary)
      );
      --boxel-button-text-color: var(
        --boxel-button-primary-foreground,
        var(--primary-foreground)
      );
    }
    .kind-primary[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-primary[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-color: var(
        --boxel-button-primary-active-background,
        var(--primary)
      );
    }

    .kind-secondary[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-color: var(
        --boxel-button-secondary-background,
        var(--secondary)
      );
      --boxel-button-text-color: var(
        --boxel-button-secondary-foreground,
        var(--secondary-foreground)
      );
      --boxel-button-border: 1px solid
        var(--boxel-button-secondary-border, var(--secondary));
    }
    .kind-secondary[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-secondary[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-border: 1px solid
        var(--boxel-button-secondary-active-border, var(--secondary));
    }

    .kind-muted[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-color: var(--muted);
      --boxel-button-text-color: var(--foreground);
    }
    .kind-muted[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover {
      background-color: color-mix(
        in oklab,
        var(--muted) 96%,
        var(--foreground)
      );
    }

    .kind-destructive[data-scopedcss-dda52f0ad9-b41f7f3407],
    .kind-danger[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-color: var(--destructive);
      --boxel-button-text-color: var(--destructive-foreground);
    }
    .kind-destructive[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-destructive[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active,
    .kind-danger[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-danger[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-color: var(
        --boxel-button-destructive-active-background,
        var(--destructive)
      );
    }

    .kind-text-only[data-scopedcss-dda52f0ad9-b41f7f3407] {
      /* transparent background and border */
      --boxel-button-color: var(--boxel-button-ghost-background, transparent);
      --boxel-button-text-color: var(
        --boxel-button-ghost-foreground,
        inherit
      );
    }
    .kind-text-only[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-text-only[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-color: color-mix(
        in oklab,
        currentColor 10%,
        transparent
      );
      --boxel-button-text-color: currentColor;
    }

    .kind-primary-dark[data-scopedcss-dda52f0ad9-b41f7f3407] {
      /* always dark */
      --boxel-button-color: var(--boxel-dark);
      --boxel-button-text-color: var(--boxel-light);
    }
    .kind-primary-dark[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-primary-dark[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-color: color-mix(
        in oklab,
        var(--boxel-dark) 80%,
        var(--boxel-light)
      );
    }

    .kind-secondary-light[data-scopedcss-dda52f0ad9-b41f7f3407] {
      /* transparent on light background */
      --boxel-button-color: transparent;
      --boxel-button-text-color: var(--foreground, var(--boxel-dark));
      --boxel-button-border: 1px solid
        var(--border, var(--boxel-button-border-color));
    }
    .kind-secondary-dark[data-scopedcss-dda52f0ad9-b41f7f3407] {
      /* transparent on dark background */
      --boxel-button-color: transparent;
      --boxel-button-text-color: var(--background, var(--boxel-light));
      --boxel-button-border: 1px solid
        var(--border, var(--boxel-button-border-color));
    }
    .kind-secondary-light[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-secondary-light[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active,
    .kind-secondary-dark[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .kind-secondary-dark[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      --boxel-button-border: 1px solid var(--boxel-button-text-color);
    }

    /**
    * Size variants - variants that control the size and spacing of a button
    *
    * The @size argument on the button component should create a corresponding class with format
    * size-@size
    *
    * Classes for the @size argument can control the following properties:
    *
    * --boxel-button-padding
    * --boxel-button-min-width
    * --boxel-button-min-height
    * --boxel-button-font
    * --boxel-button-letter-spacing
    * --boxel-loading-indicator-size
    *
    */

    .size-extra-small[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-padding: var(--boxel-sp-5xs) var(--boxel-sp-xs);
      --boxel-button-min-height: var(--boxel-button-xs);
      --boxel-button-min-width: 5rem;
      --boxel-button-loading-icon-size: var(--boxel-icon-2xs);
      --boxel-button-font: 500 var(--boxel-font-xs);
      --boxel-button-letter-spacing: var(--boxel-lsp-lg);
    }
    .size-extra-small.rectangular[data-scopedcss-dda52f0ad9-b41f7f3407] {
      border-radius: var(--boxel-border-radius-sm);
    }

    .size-small[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-padding: var(--boxel-sp-4xs) var(--boxel-sp-sm);
      --boxel-button-min-height: var(--boxel-button-sm);
      --boxel-button-min-width: 5rem;
    }
    .size-small.rectangular[data-scopedcss-dda52f0ad9-b41f7f3407] {
      border-radius: var(--boxel-border-radius-sm);
    }

    .size-base[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-padding: var(--boxel-sp-4xs) var(--boxel-sp-xl);
      --boxel-button-min-height: var(--boxel-button-sm);
      --boxel-button-min-width: 5rem;
    }

    /* tall but thinner button */
    .size-tall[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-padding: var(--boxel-sp-2xs) var(--boxel-sp-lg);
      --boxel-button-min-height: var(--boxel-button-tall);
      --boxel-button-min-width: 5rem;
      --boxel-button-letter-spacing: var(--boxel-lsp-xs);
    }

    /*
      extra tall button mainly used in mobile screens
      touchable as it's bigger
      */
    .size-touch[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-padding: var(--boxel-sp-xs) var(--boxel-sp-lg);
      --boxel-button-min-height: var(--boxel-button-touch);
      --boxel-button-min-width: 5rem;
      --boxel-button-loading-icon-size: var(--boxel-icon-sm);
      --boxel-button-font: 600 var(--boxel-font);
      --boxel-button-letter-spacing: var(--boxel-lsp-xs);
    }

    /* auto size properties & smallest padding size */
    .size-auto[data-scopedcss-dda52f0ad9-b41f7f3407] {
      --boxel-button-padding: 2px;
    }

    .boxel-button.kind-link[data-scopedcss-dda52f0ad9-b41f7f3407],
    .boxel-button.kind-link-primary[data-scopedcss-dda52f0ad9-b41f7f3407],
    .boxel-button.kind-link-muted[data-scopedcss-dda52f0ad9-b41f7f3407] {
      min-height: initial;
      min-width: initial;
      padding-block: 0;
      padding-inline: 0;
      background: none;
      border: none;
      border-radius: var(--boxel-border-radius-xs);
      font-family: inherit;
      font-weight: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      box-shadow: none;
    }
    .boxel-button.kind-link[data-scopedcss-dda52f0ad9-b41f7f3407] {
      color: var(--boxel-button-link-foreground, var(--foreground));
    }
    .boxel-button.kind-link[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .boxel-button.kind-link[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      color: var(--boxel-button-link-active-foreground, var(--foreground));
      text-decoration: underline;
    }
    .boxel-button.kind-link-primary[data-scopedcss-dda52f0ad9-b41f7f3407] {
      color: var(--boxel-button-link-primary-foreground, var(--primary));
    }
    .boxel-button.kind-link-primary[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .boxel-button.kind-link-primary[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      color: var(
        --boxel-button-link-primary-active-foreground,
        color-mix(in oklab, var(--primary) 80%, black)
      );
    }
    .boxel-button.kind-link-muted[data-scopedcss-dda52f0ad9-b41f7f3407] {
      color: var(
        --boxel-button-link-muted-foreground,
        var(--muted-foreground)
      );
    }
    .boxel-button.kind-link-muted[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):hover,
    .boxel-button.kind-link-muted[data-scopedcss-dda52f0ad9-b41f7f3407]:not(:disabled):active {
      color: var(
        --boxel-button-link-muted-active-foreground,
        var(--foreground)
      );
    }
  }

  @layer boxelComponentL2 {
    .boxel-icon-button[data-scopedcss-6e5e602204-aea1b15db4] {
      --icon-color: var(--boxel-icon-button-color, currentColor);
      width: var(--boxel-icon-button-width, var(--boxel-icon-lg));
      height: var(--boxel-icon-button-height, var(--boxel-icon-lg));
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      padding: var(--boxel-icon-button-padding, 0);
      background-color: var(
        --boxel-icon-button-background,
        var(--boxel-button-color, transparent)
      );
      border: none;
      border-radius: var(--boxel-border-radius);
      color: var(
        --boxel-icon-button-color,
        var(--boxel-button-text-color, inherit)
      );
      z-index: 0;
      overflow: hidden;
    }
    .boxel-icon-button--extra-small[data-scopedcss-6e5e602204-aea1b15db4] {
      width: var(--boxel-button-mini);
      height: var(--boxel-button-mini);
      border-radius: var(--boxel-border-radius-xs);
    }
    .boxel-icon-button--small[data-scopedcss-6e5e602204-aea1b15db4] {
      width: var(--boxel-button-xs);
      height: var(--boxel-button-xs);
      border-radius: var(--boxel-border-radius-xs);
    }
    .boxel-icon-button--base[data-scopedcss-6e5e602204-aea1b15db4] {
      width: var(--boxel-button-sm);
      height: var(--boxel-button-sm);
      border-radius: var(--boxel-border-radius-sm);
    }
    .boxel-icon-button--tall[data-scopedcss-6e5e602204-aea1b15db4] {
      padding: var(--boxel-sp-xxs);
      width: var(--boxel-button-tall);
      height: var(--boxel-button-tall);
    }
    .boxel-icon-button--touch[data-scopedcss-6e5e602204-aea1b15db4] {
      padding: var(--boxel-sp-xs);
      width: var(--boxel-button-touch);
      height: var(--boxel-button-touch);
    }
    .is-round[data-scopedcss-6e5e602204-aea1b15db4] {
      border-radius: 50%;
    }

    .kind-default[data-scopedcss-6e5e602204-aea1b15db4] {
      background: var(--boxel-icon-button-background, none);
      color: var(--boxel-icon-button-color, inherit);
    }
    .kind-default[data-scopedcss-6e5e602204-aea1b15db4]:disabled {
      color: var(--boxel-400);
    }

    .kind-primary-dark[data-scopedcss-6e5e602204-aea1b15db4]:not(:disabled) {
      --boxel-button-color: var(--primary-foreground, var(--boxel-700));
      --boxel-button-text-color: var(--primary, var(--boxel-highlight));
    }
    .kind-primary-dark[data-scopedcss-6e5e602204-aea1b15db4]:not(:disabled):hover {
      --boxel-button-color: color-mix(
        in oklab,
        var(--primary-foreground, var(--boxel-700)) 85%,
        transparent
      );
    }

    @media (prefers-reduced-motion: no-preference) {
      .loading-icon[data-scopedcss-6e5e602204-aea1b15db4] {
        animation: var(--boxel-infinite-spin-animation);
      }
    }
  }

  .boxel-add-button[data-scopedcss-c42f666148-1c9d82a357] {
    --boxel-icon-button-background: var(--background, var(--boxel-100));
    --boxel-icon-button-color: var(--foreground, var(--boxel-dark));
    --icon-color: var(--boxel-icon-button-color);
    border-radius: 50%;
    border: 1px solid var(--border);
    box-shadow: var(--shadow, 0 4px 6px 0px rgb(0 0 0 / 35%));
  }
  .boxel-add-button[data-scopedcss-c42f666148-1c9d82a357]:not(:disabled):hover {
    --boxel-icon-button-background: var(--accent, var(--boxel-200));
    --boxel-icon-button-color: var(--accent-foreground, var(--boxel-dark));
  }

  .alert[data-scopedcss-34bb0a21a9-c9d4be7ce2] {
    display: flex;
    gap: var(--boxel-sp-xs);
  }
  .alert + .alert[data-scopedcss-34bb0a21a9-c9d4be7ce2] {
    margin-top: var(--boxel-sp-lg);
  }
  .alert-icon[data-scopedcss-34bb0a21a9-c9d4be7ce2] {
    flex-shrink: 0;
  }
  .message[data-scopedcss-34bb0a21a9-c9d4be7ce2] {
    align-self: center;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

  .action-button[data-scopedcss-34bb0a21a9-ed8bedc2c2] {
    --boxel-button-min-width: max-content;
    width: fit-content;
    margin-left: auto;
  }

  .alert-container[data-scopedcss-34bb0a21a9-62feb94da9] {
    display: flex;
    flex-direction: column;
    padding: var(--boxel-sp-sm);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
    border-radius: var(--boxel-border-radius-2xl);
    background-color: var(--boxel-650);
    color: var(--boxel-light);
  }
  .error-container[data-scopedcss-34bb0a21a9-62feb94da9] {
    background-color: var(--boxel-650);
    color: var(--boxel-light);
  }
  .error-container--destructive[data-scopedcss-34bb0a21a9-62feb94da9] {
    background-color: var(--destructive, var(--boxel-650));
    color: var(--destructive-foreground, var(--boxel-light));
  }
  .warning-container[data-scopedcss-34bb0a21a9-62feb94da9] {
    background-color: var(--boxel-warning-200);
    color: var(--boxel-dark);
  }

  .alert-container[data-scopedcss-34bb0a21a9-62feb94da9] >  * + * {
    margin-top: var(--boxel-sp-sm);
  }

  .profile-icon[data-scopedcss-33b756f4de-1b16e38c17] {
    --icon-size: var(--profile-avatar-icon-size, 40px);
    background: var(--profile-avatar-icon-background, var(--boxel-dark));
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    border: var(--profile-avatar-icon-border, 2px solid white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--icon-size);
    width: var(--icon-size);
    color: var(--profile-avatar-text-color, var(--boxel-light));
    font-size: calc(var(--icon-size) * 0.55);
    letter-spacing: 0;
    line-height: 1;
  }

  @layer boxelComponentL1 {
    .fitted-template {
      width: 100%;
      height: 100%;
      display: flex;
      gap: var(--boxel-sp-xs);
      padding: var(--boxel-sp-xs);
      background-color: var(--card);
      color: var(--card-foreground);
      overflow: hidden;
    }
    .thumbnail-section {
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .card-thumbnail {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--boxel-light);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: var(--boxel-border-radius-sm);
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .card-thumbnail-placeholder {
      display: flex;
      width: 100%;
      height: 100%;
      background-color: var(--accent, var(--boxel-highlight));
    }
    .card-type-icon {
      aspect-ratio: 1 / 1;
      min-width: 32px;
      min-height: 32px;
      max-height: 52px;
      max-width: 52px;
      width: 100%;
      height: auto;
    }
    .info-section {
      width: 100%;
      overflow: hidden;
    }
    .card-title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin-block: 0;
      font-weight: 500;
      font-size: var(--boxel-body-font-size);
      letter-spacing: var(--boxel-lsp-sm);
      line-height: 1.25;
      text-overflow: ellipsis;
    }
    .card-display-name {
      margin-top: var(--boxel-sp-4xs);
      margin-bottom: 0;
      color: var(--muted-foreground, var(--boxel-450));
      font-weight: 500;
      font-size: var(--boxel-caption-font-size);
      line-height: var(--boxel-caption-line-height);
      letter-spacing: var(--boxel-lsp-xs);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .card-description {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-block: 0;
      font-size: var(--boxel-caption-font-size);
      line-height: var(--boxel-caption-line-height);
      letter-spacing: var(--boxel-lsp-xs);
      text-overflow: ellipsis;
    }

    /* Aspect Ratio <= 1.0 (Vertical) */
    /* Common */
    @container fitted-card ((aspect-ratio <= 1) and (height < 180px)) {
      .card-title {
        font-size: var(--boxel-caption-font-size);
      }
    }

    @container fitted-card (aspect-ratio <= 1.0) {
      .fitted-template {
        flex-direction: column;
      }
      .thumbnail-section {
        width: 100%;
        height: 50cqmin;
      }
      .info-section {
        text-align: center;
      }
    }

    @container fitted-card (aspect-ratio <= 1.0) and (height <= 128px) {
      .thumbnail-section {
        height: 45cqmin;
      }
    }

    @container fitted-card (aspect-ratio <= 1.0) and (width <= 140px) and (height <= 148px) {
      .card-description {
        display: none;
      }
    }

    @container fitted-card (aspect-ratio <= 1.0) and (width <= 100px) and (400px <= height) {
      .card-description {
        -webkit-line-clamp: 15;
      }
    }

    /* Vertical Tiles*/
    /* Small Tile (150 x 170) */
    @container fitted-card (aspect-ratio <= 1.0) and (150px <= width ) and (170px <= height) {
      .thumbnail-section {
        min-height: 70px;
      }
      .card-title {
        -webkit-line-clamp: 2;
      }
      .card-description {
        display: none;
      }
    }
    /* CardsGrid Tile (170 x 250) */
    @container fitted-card (aspect-ratio <= 1.0) and (width = 170px) and (height = 250px) {
      .thumbnail-section {
        height: auto;
        aspect-ratio: 1 / 1;
      }
      .card-title {
        -webkit-line-clamp: 2;
      }
    }
    /* Tall Tile (150 x 275) */
    @container fitted-card (aspect-ratio <= 1.0) and (150px <= width ) and (275px <= height) {
      .thumbnail-section {
        min-height: 85px;
      }
      .card-title {
        font-size: var(--boxel-font-size-sm);
        -webkit-line-clamp: 4;
      }
    }
    /* Large Tile (250 x 275) */
    @container fitted-card (aspect-ratio <= 1.0) and (250px <= width ) and (275px <= height) {
      .thumbnail-section {
        min-height: 150px;
      }
      .card-title {
        font-size: var(--boxel-font-size-sm);
        -webkit-line-clamp: 3;
      }
    }
    /* Vertical Cards */
    @container fitted-card (aspect-ratio <= 1.0) and (400px <= width) {
      .fitted-template {
        padding: var(--boxel-sp);
        gap: var(--boxel-sp);
      }
      .thumbnail-section {
        min-height: 236px;
      }
      .card-title {
        font-size: var(--boxel-font-size);
        -webkit-line-clamp: 4;
      }
    }
    /* Expanded Card (400 x 445) */

    /* 1.0 < Aspect Ratio (Horizontal) */
    @container fitted-card (1.0 < aspect-ratio) {
      .card-description {
        display: none;
      }
      .thumbnail-section {
        aspect-ratio: 1;
      }
    }
    @container fitted-card (1.0 < aspect-ratio) and (height <= 65px) {
      .info-section {
        align-self: center;
      }
    }
    /* Badges */
    @container fitted-card (1.0 < aspect-ratio) and (width < 250px) {
      .fitted-template {
        padding: var(--boxel-sp-xxxs);
      }
      .thumbnail-section {
        display: none;
      }
    }
    /* Small Badge (150 x 40) */
    @container fitted-card (1.0 < aspect-ratio) and (width < 250px) and (height < 65px) {
      .card-title {
        -webkit-line-clamp: 1;
        font-weight: 500;
        font-size: var(--boxel-caption-font-size);
        line-height: var(--boxel-caption-line-height);
      }
      .card-display-name {
        margin-top: 0;
      }
    }
    /* Medium Badge (150 x 65) */

    /* Large Badge (150 x 105) */
    @container fitted-card (1.0 < aspect-ratio) and (width < 250px) and (105px <= height) {
      .card-title {
        -webkit-line-clamp: 3;
      }
    }

    /* Strips */
    /* Single Strip (250 x 40) */
    @container fitted-card (1.0 < aspect-ratio) and (250px <= width) and (height < 65px) {
      .fitted-template {
        padding: var(--boxel-sp-xxxs);
      }
      .card-display-name {
        display: none;
      }
    }
    /* Double Strip (250 x 65) */
    /* Triple Strip (250 x 105) */
    /* Double Wide Strip (400 x 65) */
    /* Triple Wide Strip (400 x 105) */

    /* Horizontal Tiles */
    /* Regular Tile (250 x 170) */
    @container fitted-card (1.0 < aspect-ratio) and (250px <= width < 400px) and (170px <= height) {
      .thumbnail-section {
        height: 40%;
      }
      .card-title {
        -webkit-line-clamp: 4;
        font-size: var(--boxel-font-size-sm);
      }
    }

    /* Horizontal Cards */
    /* Compact Card (400 x 170) */
    @container fitted-card (1.0 < aspect-ratio) and (400px <= width) and (170px <= height) {
      .thumbnail-section {
        height: 100%;
      }
    }
    /* Full Card (400 x 275) */
    @container fitted-card (1.0 < aspect-ratio) and (400px <= width) and (275px <= height) {
      .fitted-template {
        padding: var(--boxel-sp);
        gap: var(--boxel-sp);
      }
      .thumbnail-section {
        max-width: 44%;
      }
      .card-title {
        -webkit-line-clamp: 4;
        font-size: var(--boxel-font-size);
      }
    }
  }

  @layer boxelComponentL3 {
    .boxel-context-button[data-scopedcss-44aef96762-f2eee14975] {
      color: inherit;
      background-color: transparent;
      transition: none;
    }
    .boxel-context-button--highlight-icon[data-scopedcss-44aef96762-f2eee14975] {
      color: var(--primary, var(--boxel-highlight));
    }
    .boxel-context-button--highlight[data-scopedcss-44aef96762-f2eee14975]:hover,
    .boxel-context-button--highlight.boxel-context-button--active[data-scopedcss-44aef96762-f2eee14975],
    .boxel-context-button--highlight-icon[data-scopedcss-44aef96762-f2eee14975]:hover {
      color: var(--primary-foreground, var(--boxel-dark));
      background-color: var(--primary, var(--boxel-highlight));
    }
    .boxel-context-button--highlight-icon.boxel-context-button--active[data-scopedcss-44aef96762-f2eee14975] {
      color: var(--primary-foreground, var(--boxel-dark));
      background-color: var(--primary, var(--boxel-highlight));
    }
    .boxel-context-button--highlight[aria-expanded='true'][data-scopedcss-44aef96762-f2eee14975],
    .boxel-context-button--highlight-icon[aria-expanded='true'][data-scopedcss-44aef96762-f2eee14975] {
      color: var(--primary-foreground, var(--boxel-dark));
      background-color: color-mix(
        in oklab,
        var(--primary, var(--boxel-highlight)),
        var(--primary-foreground, var(--boxel-dark)) 15%
      );
    }

    .boxel-context-button--ghost[data-scopedcss-44aef96762-f2eee14975]:hover {
      background-color: color-mix(in oklab, currentColor 10%, transparent);
    }
    .boxel-context-button--ghost.boxel-context-button--active[data-scopedcss-44aef96762-f2eee14975] {
      background-color: color-mix(in oklab, currentColor 10%, transparent);
    }
    .boxel-context-button--ghost[aria-expanded='true'][data-scopedcss-44aef96762-f2eee14975] {
      background-color: color-mix(in oklab, currentColor 25%, transparent);
    }

    .boxel-context-button--destructive-icon[data-scopedcss-44aef96762-f2eee14975] {
      color: var(--destructive, var(--boxel-danger));
    }
    .boxel-context-button--destructive[data-scopedcss-44aef96762-f2eee14975]:hover,
    .boxel-context-button--destructive.boxel-context-button--active[data-scopedcss-44aef96762-f2eee14975],
    .boxel-context-button--destructive-icon[data-scopedcss-44aef96762-f2eee14975]:hover {
      color: var(--destructive-foreground, var(--boxel-light-100));
      background-color: var(--destructive, var(--boxel-danger));
    }
    .boxel-context-button--destructive-icon.boxel-context-button--active[data-scopedcss-44aef96762-f2eee14975] {
      color: var(--destructive-foreground, var(--boxel-light-100));
      background-color: var(--destructive, var(--boxel-danger));
    }

    .boxel-context-button--primary-dark[data-scopedcss-44aef96762-f2eee14975] {
      color: var(--primary, var(--boxel-highlight));
      background-color: var(--primary-foreground, var(--boxel-700));
      border: 1px solid var(--boxel-light-hover-35);
    }

    .boxel-context-button[data-scopedcss-44aef96762-f2eee14975]:disabled,
    .boxel-context-button[disabled][data-scopedcss-44aef96762-f2eee14975] {
      color: var(--boxel-400);
      pointer-events: none;
      cursor: initial;
    }
  }

  .trigger[data-scopedcss-74fed252bf-202066e70e] {
    width: fit-content;
  }

  .tooltip[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--boxel-light-35)
    );
    background-color: var(--tooltip-background-color);
    box-shadow: 0 0 0 1px var(--tooltip-border-color);
    color: var(--tooltip-text-color);
    text-align: center;
    border-radius: var(
      --boxel-tooltip-border-radius,
      var(--boxel-border-radius-sm)
    );
    padding: var(
      --boxel-tooltip-padding,
      var(--boxel-sp-xxxs) var(--boxel-sp-sm)
    );
    width: max-content;
    position: absolute;
    font: var(--boxel-tooltip-font, var(--boxel-font-xs));
    font-family: inherit;
    z-index: 5;
  }

  .variant-default[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--boxel-dark-80)
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--boxel-light)
    );
  }

  .variant-main[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--popover, var(--background))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--popover-foreground, var(--foreground))
    );
  }

  .variant-primary[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--primary)
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--primary-foreground)
    );
  }

  .variant-secondary[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--secondary)
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--secondary-foreground)
    );
  }

  .variant-accent[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--accent)
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--accent-foreground)
    );
  }

  .variant-muted[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--muted)
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--muted-foreground)
    );
  }

  .variant-destructive[data-scopedcss-74fed252bf-202066e70e] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--destructive)
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--destructive-foreground)
    );
  }

  #tooltip-overlay {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  /* The placeholder fills its host slot but does NOT clip — the cross is
     clipped by the inner `.box`, leaving the root free so the overlay can
     extend out of the small placeholder footprint and be bounded only by
     the surrounding card (whose own overflow keeps it inside the card). */
  .broken-link-template[data-scopedcss-937b1fb328-e2eda26897] {
    box-sizing: border-box;
    position: static;
    /* Shared by the overlay (gap to the trigger) and the tip (height), so
       both must live on the common ancestor — the tip is a sibling of the
       overlay, not a child. The gap is the tip height + 5px so the apex
       stops ~5px short of the trigger. */
    --bl-tip-h: 0.9rem;
    --bl-gap: calc(var(--bl-tip-h) + 5px);
  }
  .broken-link-template.fitted[data-scopedcss-937b1fb328-e2eda26897] {
    width: 100%;
    height: 100%;
    min-height: 40px;
    max-height: 600px;
  }
  .broken-link-template.embedded[data-scopedcss-937b1fb328-e2eda26897] {
    width: 100%;
    min-height: 9.375rem;
  }
  .broken-link-template.isolated[data-scopedcss-937b1fb328-e2eda26897] {
    width: 100%;
    height: 100%;
    min-height: 18.75rem;
  }
  .broken-link-template.atom[data-scopedcss-937b1fb328-e2eda26897] {
    display: inline-flex;
    vertical-align: middle;
  }

  /* ── The box ──────────────────────────────────────────────────────────
     Mirrors the markdown broken-card treatment (markdown.gts
     .markdown-bfm-broken*): two crossed linear-gradient strokes forming a
     faint diagonal X, with a centered link-off + type-name chip whose fill
     matches the box so the cross does not slice through the label. */
  .box[data-scopedcss-937b1fb328-e2eda26897] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 1px solid var(--boxel-border-color);
    border-radius: var(--boxel-border-radius);
    background-color: var(--boxel-light-400);
    background-image:
      linear-gradient(
        to top right,
        transparent calc(50% - 0.5px),
        var(--boxel-border-color) calc(50% - 0.5px),
        var(--boxel-border-color) calc(50% + 0.5px),
        transparent calc(50% + 0.5px)
      ),
      linear-gradient(
        to bottom right,
        transparent calc(50% - 0.5px),
        var(--boxel-border-color) calc(50% - 0.5px),
        var(--boxel-border-color) calc(50% + 0.5px),
        transparent calc(50% + 0.5px)
      );
    overflow: hidden;
  }
  .broken-link-template.atom .box[data-scopedcss-937b1fb328-e2eda26897] {
    min-height: 28px;
    padding: 0 var(--boxel-sp-2xs);
    /* 10px between the type text and the caution triangle (per design); the
       label's own padding is zeroed below so this gap is measured from the
       text edge, not the chip's padding box. */
    gap: 10px;
    border-radius: var(--boxel-border-radius-2xs);
  }
  .broken-link-template.atom .label[data-scopedcss-937b1fb328-e2eda26897] {
    padding: 0;
  }

  .label[data-scopedcss-937b1fb328-e2eda26897] {
    display: inline-flex;
    align-items: center;
    gap: var(--boxel-sp-5xs);
    padding: var(--boxel-sp-5xs) var(--boxel-sp-4xs);
    background-color: var(--boxel-light-400);
    color: var(--boxel-dark);
    font: 500 var(--boxel-font-xs);
    line-height: 1.5;
    white-space: nowrap;
  }
  .label svg[data-scopedcss-937b1fb328-e2eda26897] {
    flex: none;
  }
  .warn-icon[data-scopedcss-937b1fb328-e2eda26897] {
    display: block;
    flex: none;
  }
  .type-name[data-scopedcss-937b1fb328-e2eda26897] {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .broken-link-template.atom .type-name[data-scopedcss-937b1fb328-e2eda26897] {
    max-width: 12ch;
  }

  /* ── Reveal trigger ───────────────────────────────────────────────────
     The warning triangle, pinned top-right of the box (right-of-label for
     the inline atom). */
  .reveal-toggle[data-scopedcss-937b1fb328-e2eda26897] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
  .reveal-trigger[data-scopedcss-937b1fb328-e2eda26897] {
    position: absolute;
    top: var(--boxel-sp-5xs);
    right: var(--boxel-sp-5xs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .reveal-trigger[data-scopedcss-937b1fb328-e2eda26897]:hover,
  .reveal-toggle:focus-visible + .box .reveal-trigger[data-scopedcss-937b1fb328-e2eda26897] {
    filter: brightness(0.92);
  }
  .broken-link-template.atom .reveal-trigger[data-scopedcss-937b1fb328-e2eda26897] {
    position: static;
  }

  /* ── Reveal overlay ───────────────────────────────────────────────────
     A normal absolutely-positioned element (NOT a top-layer popover) so the
     card's own overflow keeps it inside the card. It is right-aligned to
     the trigger and opens above it by default (the tip then sits in the
     overlay's bottom-right corner, pointing down at the placeholder);
     flips below near the top edge. The rounded frame + clip live here while
     the inner panel scrolls, so the scrollbar can't square off the
     corners. */
  .overlay[data-scopedcss-937b1fb328-e2eda26897] {
    display: none;
    position: absolute;
    /* Fixed platter footprint per design (350 × 155–600). The tip anchors
       to the overlay's own corner, so it tracks these dimensions without
       any change to its geometry. */
    width: 350px;
    /* Floor/ceiling defaults; the geometry pass narrows --bl-max-h to the
       room available inside the card so a tall panel scrolls rather than
       clipping, and drops --bl-min-h in lockstep so the floor never forces
       an overflow. */
    min-height: var(--bl-min-h, 155px);
    max-height: var(--bl-max-h, 600px);
    /* Placement is chosen on open (the `tip-{corner}` class on the root,
       set by a geometry measurement): the overlay extends into the open
       space and the tip sits on the corner facing the trigger. Anchored to
       the trigger; the gap (defined on the root, shared with the tip)
       leaves the apex ~5px short of the trigger. */
    background-color: var(--boxel-light);
    border: 1px solid var(--boxel-border-color);
    border-radius: var(--boxel-border-radius);
    box-shadow: var(--boxel-deep-box-shadow);
    overflow: hidden;
    color: var(--boxel-dark);
    font: 500 var(--boxel-font-sm);
    flex-direction: column;
    z-index: 5;
  }
  .reveal-toggle:checked ~ .overlay[data-scopedcss-937b1fb328-e2eda26897] {
    display: flex;
  }
  .overlay-header[data-scopedcss-937b1fb328-e2eda26897] {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-5xs);
    padding: var(--boxel-sp-xs) var(--boxel-sp-xs) var(--boxel-sp-5xs);
  }
  .overlay-title-row[data-scopedcss-937b1fb328-e2eda26897] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--boxel-sp-xs);
  }
  .overlay-title[data-scopedcss-937b1fb328-e2eda26897] {
    display: inline-flex;
    align-items: center;
    gap: var(--boxel-sp-5xs);
    font: 700 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
  }
  .overlay-close[data-scopedcss-937b1fb328-e2eda26897] {
    flex: none;
    margin: -2px -2px 0 0;
  }
  .overlay-url-row[data-scopedcss-937b1fb328-e2eda26897] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-5xs);
  }
  .overlay-url-copy[data-scopedcss-937b1fb328-e2eda26897] {
    flex: none;
    --boxel-icon-button-width: 1.125rem;
    --boxel-icon-button-height: 1.125rem;
    color: var(--boxel-400);
  }
  .overlay-url-copy[data-scopedcss-937b1fb328-e2eda26897]:hover {
    color: var(--boxel-dark);
  }
  .overlay-url[data-scopedcss-937b1fb328-e2eda26897] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--boxel-monospace-font-family, monospace);
    font-size: 0.8em;
    line-height: 1.125rem;
    word-break: break-all;
    color: var(--boxel-500);
  }
  .overlay-panel[data-scopedcss-937b1fb328-e2eda26897] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0 var(--boxel-sp-xxs);
  }

  /* Pinned action row — sits outside the scroller so the primary CTA stays
     visible however tall the diagnostics get. Even vertical padding gives
     the button a balanced top/bottom margin. */
  .overlay-footer[data-scopedcss-937b1fb328-e2eda26897] {
    flex: none;
    display: flex;
    justify-content: flex-end;
    padding: var(--boxel-sp-xs);
  }

  /* ── Overlay panel: status badge (not-found) ──────────────────────
     A single bordered box carrying the status code. */
  .status-badge[data-scopedcss-937b1fb328-e2eda26897] {
    display: block;
    margin-top: var(--boxel-sp-xs);
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
    background-color: var(--boxel-light-100);
    border: 1px solid var(--boxel-border-color);
    border-radius: var(--boxel-border-radius-2xs);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--boxel-dark);
  }

  /* ── Overlay panel: diagnostics accordion (error) ─────────────────
     One bordered container groups the failure(s); each is a disclosure
     whose header sits on a tinted strip and whose body sits flush on
     white, separated by hairline dividers. */
  .diagnostics[data-scopedcss-937b1fb328-e2eda26897] {
    margin-top: var(--boxel-sp-xs);
    border: 1px solid var(--boxel-border-color);
    border-radius: var(--boxel-border-radius-2xs);
    overflow: hidden;
    background-color: var(--boxel-light);
  }
  .diag-section + .diag-section[data-scopedcss-937b1fb328-e2eda26897] {
    border-top: 1px solid var(--boxel-border-color);
  }
  .diag-summary[data-scopedcss-937b1fb328-e2eda26897] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-4xs);
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
    background-color: var(--boxel-light-100);
    color: var(--boxel-dark);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }
  .diag-summary[data-scopedcss-937b1fb328-e2eda26897]::-webkit-details-marker {
    display: none;
  }
  .diag-summary[data-scopedcss-937b1fb328-e2eda26897]::marker {
    content: '';
  }
  /* The status code reads as an all-caps constant; the additional-error
     count is descriptive prose, so it keeps sentence case. */
  .additional-section > .diag-summary[data-scopedcss-937b1fb328-e2eda26897] {
    text-transform: none;
    letter-spacing: var(--boxel-lsp-xs);
  }
  .diag-caret[data-scopedcss-937b1fb328-e2eda26897] {
    flex: none;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid currentColor;
    transition: transform 0.12s ease;
  }
  .diag-section[open] > .diag-summary .diag-caret[data-scopedcss-937b1fb328-e2eda26897] {
    transform: rotate(90deg);
  }
  .diag-body[data-scopedcss-937b1fb328-e2eda26897] {
    padding: var(--boxel-sp-sm);
    border-top: 1px solid var(--boxel-border-color);
    background-color: var(--boxel-light);
  }
  .error-message[data-scopedcss-937b1fb328-e2eda26897] {
    font-weight: 400;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.8em;
    color: var(--boxel-dark);
  }
  /* Applied only when the stack already carries the message — keep the
     prose in the DOM for AI consumers but hide the visual duplicate. */
  .error-message.is-redundant[data-scopedcss-937b1fb328-e2eda26897] {
    display: none;
  }
  .error-message + .error-stack[data-scopedcss-937b1fb328-e2eda26897] {
    margin-top: var(--boxel-sp-5xs);
  }
  .error-stack[data-scopedcss-937b1fb328-e2eda26897] {
    font-family: var(--boxel-monospace-font-family, monospace);
    font-size: 0.75em;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    color: var(--boxel-dark);
  }
  .additional-list[data-scopedcss-937b1fb328-e2eda26897] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
  }
  .additional-badge[data-scopedcss-937b1fb328-e2eda26897] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--boxel-dark);
  }
  .additional-stack[data-scopedcss-937b1fb328-e2eda26897] {
    font-family: var(--boxel-monospace-font-family, monospace);
    font-size: 0.75em;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    margin: var(--boxel-sp-5xs) 0 0;
    color: var(--boxel-500);
  }

  /* ── The tip ──────────────────────────────────────────────────────────
     A solid-white right-triangle clipped from a small box, sitting at the
     overlay corner that faces the trigger, ON TOP of the shadow (z-index
     above the overlay) so it's uniformly white with no seam where it meets
     the overlay. Its straight edge is flush with the overlay's side edge;
     the apex points back at the placeholder. The corner is chosen on open
     (`tip-{corner}` on the root) and the matching overlay corner is
     squared so the tip merges into it cleanly. */
  .tip[data-scopedcss-937b1fb328-e2eda26897] {
    display: none;
    position: absolute;
    z-index: 6;
    box-sizing: border-box;
    width: 0.85rem;
    height: var(--bl-tip-h);
    background-color: var(--boxel-light);
  }
  .reveal-toggle:checked ~ .tip[data-scopedcss-937b1fb328-e2eda26897] {
    display: block;
  }
  /* overlay above, right edge at trigger → tip at overlay bottom-right */
  .tip-br .tip[data-scopedcss-937b1fb328-e2eda26897] {
    right: anchor(right);
    top: anchor(bottom);
    translate: 0 -1px;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    border-right: 1px solid var(--boxel-border-color);
  }
  .tip-br .overlay[data-scopedcss-937b1fb328-e2eda26897] {
    right: anchor(center);
    bottom: anchor(top);
    margin-bottom: var(--bl-gap);
    border-bottom-right-radius: 0;
  }
  /* overlay below, right edge at trigger → tip at overlay top-right */
  .tip-tr .tip[data-scopedcss-937b1fb328-e2eda26897] {
    right: anchor(right);
    bottom: anchor(top);
    translate: 0 1px;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    border-right: 1px solid var(--boxel-border-color);
  }
  .tip-tr .overlay[data-scopedcss-937b1fb328-e2eda26897] {
    right: anchor(center);
    top: anchor(bottom);
    margin-top: var(--bl-gap);
    border-top-right-radius: 0;
  }
  /* overlay above, left edge at trigger → tip at overlay bottom-left */
  .tip-bl .tip[data-scopedcss-937b1fb328-e2eda26897] {
    left: anchor(left);
    top: anchor(bottom);
    translate: 0 -1px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    border-left: 1px solid var(--boxel-border-color);
  }
  .tip-bl .overlay[data-scopedcss-937b1fb328-e2eda26897] {
    left: anchor(center);
    bottom: anchor(top);
    margin-bottom: var(--bl-gap);
    border-bottom-left-radius: 0;
  }
  /* overlay below, left edge at trigger → tip at overlay top-left */
  .tip-tl .tip[data-scopedcss-937b1fb328-e2eda26897] {
    left: anchor(left);
    bottom: anchor(top);
    translate: 0 1px;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    border-left: 1px solid var(--boxel-border-color);
  }
  .tip-tl .overlay[data-scopedcss-937b1fb328-e2eda26897] {
    left: anchor(center);
    top: anchor(bottom);
    margin-top: var(--bl-gap);
    border-top-left-radius: 0;
  }

  .boxel-card-container {
    position: relative;
    background-color: var(--background, var(--boxel-light));
    border-radius: var(--boxel-radius);
    color: var(--foreground, var(--boxel-dark));
    transition:
      max-width var(--boxel-transition),
      box-shadow var(--boxel-transition);
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
  }
  .boxel-card-container--boundaries:not(.hide-boundaries) {
    box-shadow: 0 0 0 1px var(--border, var(--boxel-border-color));
  }

  /* Theme-driven derivation of the --boxel-* system from the semantic
     knobs (--spacing, --radius, --font-sans, --theme-*). theme.css always
     supplies defaults that resolve to the legacy --boxel-* values, so this
     applies to every container — themed cards differ only in the knob
     values their scoped theme stylesheet provides. */
  .boxel-card-container {
    --_boxel-scale: var(--theme-scale, var(--boxel-ratio, 1.333));
    --theme-spacing: calc(var(--spacing, 0.25rem) * 4);
    --boxel-spacing: var(--theme-spacing, var(--_boxel-spacing, 1rem));
    --boxel-font-size: var(--theme-font-size, var(--_boxel-font-size, 1rem));
    --boxel-radius: var(--radius, var(--_boxel-radius, 0.625rem));
    --_boxel-ff: var(--font-sans, var(--boxel-font-family));

    /*** code below this line is from "variables.css". values will be recalculated based on theming variable values ***/
    /* font-sizes */
    --boxel-font-size-2xl: calc(var(--boxel-font-size) * 2.25);
    --boxel-font-size-xl: calc(var(--boxel-font-size) * 2);
    --boxel-font-size-lg: calc(var(--boxel-font-size) * 1.375);
    --boxel-font-size-md: calc(var(--boxel-font-size) * 1.25);
    --boxel-font-size-sm: calc(var(--boxel-font-size) * 0.875);
    --boxel-font-size-xs: calc(var(--boxel-font-size) * 0.75);
    --boxel-font-size-2xs: calc(var(--boxel-font-size) * 0.6875);

    /* font-size options based on font-scale */
    --boxel-fs-2xl: calc(var(--boxel-fs-xl) * var(--_boxel-scale)); /* h1 */
    --boxel-fs-xl: calc(var(--boxel-fs-lg) * var(--_boxel-scale)); /* h2 */
    --boxel-fs-lg: calc(var(--boxel-fs-md) * var(--_boxel-scale)); /* h3 */
    --boxel-fs-md: calc(var(--boxel-fs) * var(--_boxel-scale)); /* h4 */
    --boxel-fs: var(--boxel-font-size); /* p */
    --boxel-fs-sm: calc(var(--boxel-fs) / var(--_boxel-scale));
    --boxel-fs-xs: calc(var(--boxel-fs-sm) / var(--_boxel-scale));
    --boxel-fs-2xs: calc(var(--boxel-fs-xs) / var(--_boxel-scale));

    /* spacing */
    --boxel-sp-6xs: calc(var(--boxel-sp-5xs) / var(--_boxel-scale));
    --boxel-sp-5xs: calc(var(--boxel-sp-4xs) / var(--_boxel-scale));
    --boxel-sp-4xs: calc(var(--boxel-sp-3xs) / var(--_boxel-scale));
    --boxel-sp-3xs: calc(var(--boxel-sp-2xs) / var(--_boxel-scale));
    --boxel-sp-2xs: calc(var(--boxel-sp-xs) / var(--_boxel-scale));
    --boxel-sp-xs: calc(var(--boxel-sp-sm) / var(--_boxel-scale));
    --boxel-sp-sm: calc(var(--boxel-sp) / var(--_boxel-scale));
    --boxel-sp: var(--boxel-spacing); /* base */
    --boxel-sp-lg: calc(var(--boxel-sp) * var(--_boxel-scale));
    --boxel-sp-xl: calc(var(--boxel-sp-lg) * var(--_boxel-scale));
    --boxel-sp-2xl: calc(var(--boxel-sp-xl) * var(--_boxel-scale));
    --boxel-sp-3xl: calc(var(--boxel-sp-2xl) * var(--_boxel-scale));
    --boxel-sp-4xl: calc(var(--boxel-sp-3xl) * var(--_boxel-scale));
    --boxel-sp-5xl: calc(var(--boxel-sp-4xl) * var(--_boxel-scale));
    --boxel-sp-6xl: calc(var(--boxel-sp-5xl) * var(--_boxel-scale));

    /* border-radius */
    --boxel-border-radius-2xs: calc(
      var(--boxel-border-radius) * 0.5
    ); /* 1.5px */
    --boxel-border-radius-xs: calc(
      var(--boxel-border-radius) * 0.4
    ); /* 4px */
    --boxel-border-radius-sm: calc(
      var(--boxel-border-radius) * 0.6
    ); /* 6px */
    --boxel-border-radius: var(--boxel-radius); /* 10px - base */
    --boxel-border-radius-lg: calc(
      var(--boxel-border-radius) * 1.2
    ); /* 12px */
    --boxel-border-radius-xl: calc(
      var(--boxel-border-radius) * 1.5
    ); /* 15px */
    --boxel-border-radius-2xl: calc(
      var(--boxel-border-radius) * 2
    ); /* 20px */
    --boxel-form-control-border-radius: var(--boxel-border-radius);

    /* h1 */
    --boxel-heading-font-family: var(
      --theme-heading-font-family,
      var(--_boxel-ff)
    );
    --boxel-heading-font-size: var(
      --theme-heading-font-size,
      var(--boxel-font-size-lg)
    );
    --boxel-heading-line-height: var(
      --theme-heading-line-height,
      var(--boxel-line-height-lg)
    );
    --boxel-heading-font-weight: var(--theme-heading-font-weight, 700);

    /* h2 */
    --boxel-section-heading-font-family: var(
      --theme-section-heading-font-family,
      var(--boxel-heading-font-family)
    );
    --boxel-section-heading-font-size: var(
      --theme-section-heading-font-size,
      var(--boxel-font-size-md)
    );
    --boxel-section-heading-line-height: var(
      --theme-section-heading-line-height,
      var(--theme-heading-line-height, var(--boxel-line-height-md))
    );
    --boxel-section-heading-font-weight: var(
      --theme-section-heading-font-weight,
      var(--theme-heading-font-weight, 500)
    );

    /* h3 */
    --boxel-subheading-font-family: var(
      --theme-subheading-font-family,
      var(--boxel-heading-font-family)
    );
    --boxel-subheading-font-size: var(
      --theme-subheading-font-size,
      var(--boxel-font-size)
    );
    --boxel-subheading-line-height: var(
      --theme-subheading-line-height,
      var(--theme-heading-line-height, var(--boxel-line-height))
    );
    --boxel-subheading-font-weight: var(--theme-subheading-font-weight, 500);

    /* base */
    --boxel-body-font-family: var(--theme-body-font-family, var(--_boxel-ff));
    --boxel-body-font-size: var(
      --theme-body-font-size,
      var(--boxel-font-size-sm)
    );
    --boxel-body-line-height: var(
      --theme-body-line-height,
      var(--boxel-line-height-sm)
    );
    --boxel-body-font-weight: var(--theme-body-font-weight, 400);

    /* small text */
    --boxel-caption-font-family: var(
      --theme-caption-font-family,
      var(--boxel-body-font-family)
    );
    --boxel-caption-font-size: var(
      --theme-caption-font-size,
      var(--boxel-font-size-xs)
    );
    --boxel-caption-line-height: var(
      --theme-caption-line-height,
      var(--boxel-line-height-xs)
    );
    --boxel-caption-font-weight: var(--theme-caption-font-weight, 500);

    /* ui label: control text, table headers, badges. Kept off the
       `--boxel-label-*` family, which is Label's own contract and has to
       keep falling back to the body slot. */
    --boxel-ui-label-font-family: var(
      --theme-label-font-family,
      var(--boxel-body-font-family)
    );
    --boxel-ui-label-font-size: var(
      --theme-label-font-size,
      var(--boxel-font-size-xs)
    );
    --boxel-ui-label-line-height: var(
      --theme-label-line-height,
      var(--boxel-line-height-xs)
    );
    --boxel-ui-label-font-weight: var(--theme-label-font-weight, 500);

    /* eyebrow: the tracked-out kicker above a title */
    --boxel-eyebrow-font-family: var(
      --theme-eyebrow-font-family,
      var(--boxel-ui-label-font-family)
    );
    --boxel-eyebrow-font-size: var(
      --theme-eyebrow-font-size,
      var(--boxel-font-size-2xs)
    );
    --boxel-eyebrow-line-height: var(
      --theme-eyebrow-line-height,
      var(--boxel-line-height-xs)
    );
    --boxel-eyebrow-font-weight: var(--theme-eyebrow-font-weight, 600);

    /* letter-spacing per slot; body, caption, and label follow the theme's base tracking */
    --boxel-heading-letter-spacing: var(
      --theme-heading-letter-spacing,
      normal
    );
    --boxel-section-heading-letter-spacing: var(
      --theme-section-heading-letter-spacing,
      var(--theme-heading-letter-spacing, normal)
    );
    --boxel-subheading-letter-spacing: var(
      --theme-subheading-letter-spacing,
      var(--theme-heading-letter-spacing, normal)
    );
    --boxel-body-letter-spacing: var(
      --theme-body-letter-spacing,
      var(--tracking-normal, normal)
    );
    --boxel-caption-letter-spacing: var(
      --theme-caption-letter-spacing,
      var(--boxel-body-letter-spacing)
    );
    --boxel-ui-label-letter-spacing: var(
      --theme-label-letter-spacing,
      var(--boxel-body-letter-spacing)
    );
    --boxel-eyebrow-letter-spacing: var(
      --theme-eyebrow-letter-spacing,
      0.08em
    );

    --boxel-form-control-height: var(--control-height, 2.5rem);

    font-family: var(--boxel-body-font-family);
    font-size: var(--boxel-body-font-size);
    font-weight: var(--boxel-body-font-weight);
    line-height: var(--boxel-body-line-height);
    letter-spacing: var(--boxel-body-letter-spacing);
  }

  /* Element reset + typography roles, contained to card content: bare
     :global(h1) etc. would restyle the entire document once a single card
     renders. Still :global (with an ancestor guard) for the cached-HTML
     safety described above. */
  @layer reset {
    .boxel-card-container :is(h1, h2, h3, h4, h5, h6, p) {
      margin-inline-start: 0;
      margin-inline-end: 0;
      margin-block-start: 0;
      margin-block-end: 0;
    }

    .boxel-card-container h1 {
      font-family: var(--boxel-heading-font-family);
      font-size: var(--boxel-heading-font-size);
      font-weight: var(--boxel-heading-font-weight);
      line-height: var(--boxel-heading-line-height);
      letter-spacing: var(--boxel-heading-letter-spacing);
    }
    .boxel-card-container h2 {
      font-family: var(--boxel-section-heading-font-family);
      font-size: var(--boxel-section-heading-font-size);
      font-weight: var(--boxel-section-heading-font-weight);
      line-height: var(--boxel-section-heading-line-height);
      letter-spacing: var(--boxel-section-heading-letter-spacing);
    }
    .boxel-card-container h3 {
      font-family: var(--boxel-subheading-font-family);
      font-size: var(--boxel-subheading-font-size);
      font-weight: var(--boxel-subheading-font-weight);
      line-height: var(--boxel-subheading-line-height);
      letter-spacing: var(--boxel-subheading-letter-spacing);
    }
    .boxel-card-container :is(h4, h5, h6) {
      font-size: inherit;
    }
    .boxel-card-container small {
      font-size: var(--boxel-caption-font-size);
      line-height: var(--boxel-caption-line-height);
      letter-spacing: var(--boxel-caption-letter-spacing);
    }
  }

  @layer boxelComponentL1 {
    .boxel-dropdown__content[data-scopedcss-b4e7fa32c1-c780696649] {
      --boxel-dropdown-content-border-radius: var(--boxel-border-radius);
      --dropdown-background-color: var(
        --boxel-dropdown-background-color,
        var(--background, var(--boxel-light))
      );
      --dropdown-border-color: var(
        --boxel-dropdown-border-color,
        var(--border)
      );
      --dropdown-text-color: var(
        --boxel-dropdown-text-color,
        var(--foreground, var(--boxel-dark))
      );
      /* The fallback keeps the hovered menu item from resolving an
         undefined var. */
      --dropdown-selected-text-color: var(
        --boxel-dropdown-selected-text-color,
        var(--dropdown-text-color)
      );
      --dropdown-shadow: 0 5px 15px 0 rgb(0 0 0 / 25%);
      --dropdown-highlight-color: var(
        --boxel-dropdown-highlight-color,
        var(--theme-highlight, var(--boxel-highlight))
      );

      --dropdown-hover-color: var(
        --boxel-dropdown-hover-color,
        var(--theme-hover, var(--boxel-light-100))
      );

      background-color: var(--dropdown-background-color);
      border: 1px solid var(--dropdown-border-color);
      color: var(--dropdown-text-color);
      border-radius: var(--boxel-dropdown-content-border-radius);
      box-shadow: var(
        --boxel-dropdown-box-shadow,
        0 5px 15px 0 rgb(0 0 0 / 25%)
      );
    }

    /* Menu styling cater for dropdown */
    .boxel-dropdown__content[data-scopedcss-b4e7fa32c1-c780696649] .boxel-menu {
      --boxel-menu-color: var(--dropdown-background-color);
      --boxel-menu-text-color: var(--dropdown-text-color);
      --boxel-menu-current-color: var(--dropdown-hover-color);
      --boxel-menu-selected-font-color: var(--dropdown-text-color);
    }

    /* Dangerous items keep their own destructive hover color, and
       header items keep their own inert header colors. */
    .boxel-dropdown__content[data-scopedcss-b4e7fa32c1-c780696649]
      
        .boxel-menu
          .boxel-menu__item:not(
            .boxel-menu__item--disabled,
            .boxel-menu__item--dangerous,
            .boxel-menu__item--header
          ):hover
       {
      color: var(--dropdown-selected-text-color);
    }

    .boxel-dropdown__content[data-scopedcss-b4e7fa32c1-c780696649] .boxel-menu .boxel-menu__separator {
      border-bottom-color: var(--dropdown-border-color);
    }

    .ember-basic-dropdown-content--below.gap-above[data-scopedcss-b4e7fa32c1-c780696649] {
      margin-top: 4px;
    }

    @media (prefers-reduced-motion: no-preference) {
      .boxel-dropdown__content.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioned-in[data-scopedcss-b4e7fa32c1-c780696649] {
        animation: drop-fade-below-data-scopedcss-b4e7fa32c1-c780696649 var(--boxel-transition);
      }

      .boxel-dropdown__content.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out[data-scopedcss-b4e7fa32c1-c780696649] {
        animation: drop-fade-below-data-scopedcss-b4e7fa32c1-c780696649 var(--boxel-transition) reverse;
      }
    }

    @keyframes drop-fade-below-data-scopedcss-b4e7fa32c1-c780696649 {
      0% {
        opacity: 0;
        transform: translateY(-20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
  }

  @layer boxelComponentL1 {
    .boxel-menu[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      --_menu-background: var(--boxel-menu-color, var(--background));
      --_menu-foreground: var(--boxel-menu-text-color, var(--foreground));
      --_menu-hover-background: var(
        --boxel-menu-current-color,
        var(--boxel-50)
      );
      --_menu-selected-background: var(
        --boxel-menu-selected-color,
        var(--primary)
      );
      --_menu-selected-foreground: var(
        --boxel-menu-selected-font-color,
        var(--primary-foreground)
      );
      --_menu-selected-hover-foreground: var(
        --boxel-menu-selected-hover-font-color
      );
      --_menu-font: var(--boxel-menu-font, 500 var(--boxel-font-sm));
      --_menu-radius: var(--boxel-menu-radius, var(--radius));
      --_menu-item-gap: var(--boxel-menu-item-gap, var(--boxel-sp-2xs));
      --_menu-item-padding: var(
        --boxel-menu-item-content-padding,
        var(--boxel-sp-xs) var(--boxel-sp)
      );
      --_menu-item-radius: var(--boxel-menu-item-border-radius);

      list-style-type: none;
      margin: 0;
      padding: 0;
      color: var(--_menu-foreground);
      background-color: var(--_menu-background);
    }
    .boxel-menu--rounded[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      border-radius: var(--_menu-radius);
    }

    .boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      font: var(--_menu-font);
      font-family: inherit;
      letter-spacing: var(--boxel-lsp-sm);
      border-radius: var(--_menu-item-radius);
    }

    .boxel-menu__item--checked[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      background-color: var(--_menu-selected-background);
      color: var(--_menu-selected-foreground);
    }

    .boxel-menu__item--checked[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:not(.boxel-menu__item--disabled):hover {
      color: var(--_menu-selected-hover-foreground);
    }

    .boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:not(.boxel-menu__item--disabled):hover {
      background-color: var(--_menu-hover-background);
      cursor: pointer;
    }

    .boxel-menu--rounded > .boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:first-child:hover {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }
    .boxel-menu--rounded > .boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:last-child:hover {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
    }
    .boxel-menu--rounded > .boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:only-child:hover {
      border-radius: inherit;
    }

    .boxel-menu__item > .boxel-menu__item__content[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      width: 100%;
      padding: var(--_menu-item-padding);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      border: none;
      background: none;
      color: inherit;
      font: inherit;
      text-align: start;
    }

    .boxel-menu__item--disabled .boxel-menu__item__content[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      pointer-events: none;
    }

    .boxel-menu__item > .boxel-menu__item__content[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:hover {
      color: inherit;
    }

    .boxel-menu__item__content[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:focus-visible {
      outline: 1px solid var(--ring);
    }

    .boxel-menu__item--dangerous[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      --icon-color: currentColor;
      color: var(--destructive);
      fill: currentColor;
    }
    .boxel-menu__item--dangerous[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:not(:disabled):hover {
      background-color: color-mix(in oklab, currentColor 10%, transparent);
      color: var(--destructive);
    }

    .boxel-menu__item--disabled[data-scopedcss-2d9cb4fcc8-fa9c634d6c],
    .boxel-menu__item--disabled.boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:hover {
      background-color: initial;
      opacity: 0.4;
    }

    /* Header item — inert, teal background. Used as a contextual title
       inside the menu (e.g. "N Selected" for the operator-mode multi-
       select chip). */
    .boxel-menu__item--header[data-scopedcss-2d9cb4fcc8-fa9c634d6c],
    .boxel-menu__item--header.boxel-menu__item[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:hover {
      background-color: var(--primary);
      color: var(--primary-foreground);
      cursor: default;
    }
    .boxel-menu--rounded > .boxel-menu__item--header[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }
    .boxel-menu--rounded > .boxel-menu__item--header[data-scopedcss-2d9cb4fcc8-fa9c634d6c]:last-child {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
    }
    .boxel-menu__item--header .boxel-menu__item__content[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      pointer-events: none;
      font-weight: 700;
    }
    .boxel-menu__item--header .check-icon[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      display: none;
    }

    .boxel-menu__separator[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      margin: 0;
      border: 0;
      height: 0;
      border-bottom: 1px solid var(--boxel-400);
    }

    .menu-item[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      width: 100%;
      display: flex;
      align-items: center;
      gap: var(--_menu-item-gap);
      text-transform: capitalize;
    }
    .menu-item__icon-url[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      flex-shrink: 0;
      display: inline-block;
      width: 16px;
      height: 16px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    .check-icon[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      --icon-color: var(--primary);
      visibility: collapse;
      display: contents;
    }
    .check-icon--selected[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      visibility: visible;
    }
    .checkmark[data-scopedcss-2d9cb4fcc8-fa9c634d6c] {
      flex-shrink: 0;
    }
  }

  @layer boxelComponentL1 {
    .realm-icon-img[data-scopedcss-0c94033691-69f13842f3] {
      --border-radius: var(
        --boxel-realm-icon-border-radius,
        var(--boxel-border-radius-xs)
      );
      width: var(--boxel-realm-icon-size, var(--boxel-icon-sm));
      height: var(--boxel-realm-icon-size, var(--boxel-icon-sm));
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-clip: padding-box;
      background-color: var(
        --boxel-realm-icon-background-color,
        transparent
      );
      border-radius: var(--border-radius);
      flex-shrink: 0;
    }
    .can-animate[data-scopedcss-0c94033691-69f13842f3] {
      --border-width: var(--boxel-realm-icon-border-width, 1px);
      border-width: var(--border-width);
      border-style: var(--boxel-realm-icon-border-style, solid);
      border-color: var(--boxel-realm-icon-border-color, transparent);
    }
    .can-animate[data-scopedcss-0c94033691-69f13842f3]::after {
      content: '';
      background-color: var(--boxel-dark);
      opacity: 0;
      display: block;
      height: 100%;
      border-radius: calc(var(--border-radius) - var(--border-width));
    }
    .indexing[data-scopedcss-0c94033691-69f13842f3] {
      animation: pulse-border-data-scopedcss-0c94033691-69f13842f3 2.5s linear infinite;
    }
    .indexing[data-scopedcss-0c94033691-69f13842f3]::after {
      animation: pulse-icon-data-scopedcss-0c94033691-69f13842f3 2.5s linear infinite;
    }
    @keyframes pulse-border-data-scopedcss-0c94033691-69f13842f3 {
      0%,
      10% {
        border-color: var(--boxel-highlight);
      }
      40% {
        border-color: var(--boxel-light);
      }
      100% {
        border-color: var(--boxel-highlight);
      }
    }
    @keyframes pulse-icon-data-scopedcss-0c94033691-69f13842f3 {
      0%,
      10% {
        opacity: 0;
        background-color: var(--boxel-dark);
      }
      40% {
        opacity: 0.7;
        background-color: var(--boxel-dark);
      }
      60%,
      70% {
        opacity: 0.7;
        background-color: var(--boxel-light);
      }
      100% {
        opacity: 0;
        background-color: var(--boxel-light);
      }
    }
  }

  /* Tint the nested CheckMark glyph; the circle keeps its own fill. */
  .selection-checkmark[data-scopedcss-6cb131fcf3-eee888c2d7] {
    --icon-color: var(--boxel-highlight);
  }

  /* Hold the trigger + basic-dropdown origin as a single flex item so
     opening the menu doesn't shift the trigger (see template note). */
  .selection-menu-root[data-scopedcss-2da3f97464-08d11b291f] {
    display: inline-flex;
  }
  /* The trigger is a primary BoxelButton; it supplies the highlight
     fill, hover, and disabled handling. These rules only add what
     Button's defaults don't fit here: a gap between the icon/count/
     caret, the readable highlight foreground (Button's primary text
     defaults to --boxel-dark), a tighter radius, and compact sizing —
     the base size's wide --boxel-sp-xl padding + 5rem min-width make
     this count trigger far too wide, so collapse both to fit content. */
  .selection-menu-trigger[data-scopedcss-2da3f97464-08d11b291f] {
    gap: var(--boxel-sp-xxs);
    --boxel-button-text-color: var(--boxel-highlight-foreground);
    --boxel-button-border-radius: var(--boxel-border-radius-sm);
    --boxel-button-padding: var(--boxel-sp-5xs) var(--boxel-sp-xs);
    --boxel-button-min-width: 0;
  }
  /* Keyboard focus ring: a lighter tint of the current fill, so it stays
     visible against the highlight button (a highlight-colored ring would
     blend into it) while tracking the fill as it darkens. Sits snug
     against the button (1px) rather than floating off it. Defined here
     rather than on BoxelButton because boxel-ui's unlayered global
     `button:focus` rule overrides the button's own layered focus styles. */
  .selection-menu-trigger[data-scopedcss-2da3f97464-08d11b291f]:focus-visible {
    outline: var(--boxel-outline-width) var(--boxel-outline-style)
      color-mix(in oklab, var(--boxel-button-color) 70%, white);
    outline-offset: 1px;
  }
  /* Deepen the fill while the menu is open, matching Button's hover; the
     focus ring's color-mix tracks the fill, so it darkens to match. */
  .selection-menu-trigger[aria-expanded='true'][data-scopedcss-2da3f97464-08d11b291f] {
    --boxel-button-color: var(--boxel-highlight-hover);
  }
  .selection-menu-icon[data-scopedcss-2da3f97464-08d11b291f] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
  }
  .selection-menu-count[data-scopedcss-2da3f97464-08d11b291f] {
    line-height: 1;
    white-space: nowrap;
    /* Reserve a stable width (and equal-width digits) so the trigger
       doesn't shift when the count crosses 1↔2 digits, e.g. during a
       Select All that jumps 9→10. */
    min-width: 2ch;
    text-align: center;
    font-variant-numeric: tabular-nums;
  }
  .selection-menu-caret[data-scopedcss-2da3f97464-08d11b291f] {
    flex-shrink: 0;
    transition: transform var(--boxel-transition);
  }
  /* Caret flips to point up while the menu is open, matching the standard
     dropdown affordance. */
  .selection-menu-trigger[aria-expanded='true'] .selection-menu-caret[data-scopedcss-2da3f97464-08d11b291f] {
    transform: rotate(180deg);
  }
  .selection-menu-list[data-scopedcss-2da3f97464-08d11b291f] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
  }

  @layer boxelComponentL4 {
    header[data-scopedcss-4bb6f87420-d078d49b4d] {
      container-type: inline-size;
      container-name: card-header;
      position: relative;
      min-height: var(--boxel-card-header-min-height, 1.875rem); /* 30px */
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      display: flex;
      align-items: center;
      color: var(--boxel-card-header-text-color, var(--boxel-dark));
      background-color: var(
        --boxel-card-header-background-color,
        var(--boxel-light)
      );
      border-top-right-radius: calc(
        var(--boxel-card-header-border-radius, var(--boxel-border-radius)) -
          1px
      );
      border-top-left-radius: calc(
        var(--boxel-card-header-border-radius, var(--boxel-border-radius)) -
          1px
      );
      transition:
        background-color var(--boxel-transition),
        color var(--boxel-transition);
    }
    /* In a stacked (non-expanded) card, the whole header bar
       goes green when editing — original behavior. The expanded-
       card-header-pill in the host's top bar overrides this so
       only the pencil lights up (see submode-layout CSS). */
    header.is-editing[data-scopedcss-4bb6f87420-d078d49b4d] {
      background-color: var(--boxel-highlight);
      color: var(--boxel-highlight-foreground);
    }
    .boxel-card-header__inner[data-scopedcss-4bb6f87420-d078d49b4d] {
      width: 100%;
      max-width: 100%;
      display: flex;
      align-items: center;
      gap: var(--boxel-card-header-gap, var(--boxel-sp-xs));
      padding: var(--boxel-card-header-padding, var(--boxel-sp-xs));
      letter-spacing: var(--boxel-card-header-letter-spacing, normal);
      text-transform: var(--boxel-card-header-text-transform);
      font: var(--boxel-card-header-font-weight, 600)
        var(--boxel-card-header-text-font, var(--boxel-font-sm));
    }
    .card-type-display-name[data-scopedcss-4bb6f87420-d078d49b4d] {
      max-width: var(--boxel-card-header-max-width, 100%);
      text-overflow: var(--boxel-card-header-text-overflow, ellipsis);
      overflow: hidden;
      text-wrap: nowrap;
      flex-grow: 1;
      flex-shrink: 1;
      min-width: 0;
      text-align: center;
    }
    .card-type-display-name-text[data-scopedcss-4bb6f87420-d078d49b4d] {
      font: 700 var(--boxel-font-sm);
    }
    .card-title-text[data-scopedcss-4bb6f87420-d078d49b4d] {
      font: 500 var(--boxel-font-sm);
    }

    .card-type-display-name[data-scopedcss-4bb6f87420-d078d49b4d] >  svg {
      display: inline-block;
      vertical-align: middle;
      max-height: var(
        --boxel-card-header-card-type-icon-size,
        var(--boxel-icon-sm)
      );
      max-width: var(
        --boxel-card-header-card-type-icon-size,
        var(--boxel-icon-sm)
      );
      margin-right: var(--boxel-sp-3xs);
      margin-bottom: calc(1rem - var(--boxel-font-size-sm));
    }
    .save-indicator[data-scopedcss-4bb6f87420-d078d49b4d] {
      font: var(--boxel-font-xs);
      letter-spacing: var(--boxel-lsp-sm);
    }
    .realm-icon-container[data-scopedcss-4bb6f87420-d078d49b4d] {
      display: flex;
      align-items: center;
      justify-content: left;
      --boxel-realm-icon-background-color: var(
        --realm-icon-background-color
      );
      --boxel-realm-icon-border-color: var(--realm-icon-border-color);
      --boxel-realm-icon-border-radius: var(
        --realm-icon-border-radius,
        7px
      );
    }

    .realm-icon[data-scopedcss-4bb6f87420-d078d49b4d] {
      width: var(
        --boxel-card-header-realm-icon-size,
        var(--boxel-icon-med)
      );
      height: var(
        --boxel-card-header-realm-icon-size,
        var(--boxel-icon-med)
      );
    }

    .actions[data-scopedcss-4bb6f87420-d078d49b4d] {
      position: relative;
      display: flex;
      align-items: center;
      margin-left: auto;
      gap: var(--boxel-sp-5xs);
      justify-content: right;
    }

    /* (z-index removed from icon-button + icon-save — was z-index: 1
       which created a stacking context that trapped Tooltip's
       floating-ui popover beneath the pill. Tooltips now escape
       to #tooltip-overlay (z-index: 10000) and render above the
       pill cleanly.) */
    .icon-button[data-scopedcss-4bb6f87420-d078d49b4d] svg {
      stroke-width: 2.5;
    }
    /* Maximize icon has a 24-unit viewBox vs the pencil's 18.75
       unit viewBox; same stroke-width renders thinner. Bump it
       up so the expand icon visually matches the pencil weight. */
    .icon-button--maximize[data-scopedcss-4bb6f87420-d078d49b4d] svg {
      stroke-width: 3.2;
    }

    /* Pencil button in a stacked (non-expanded) editing card.
       The header behind it is already green (header.is-editing
       rule above), so the pencil sits white/light for contrast.
       Original behavior — the expanded pill overrides this in
       submode-layout CSS to make the pencil green-on-white. */
    .icon-save[data-scopedcss-4bb6f87420-d078d49b4d] {
      background-color: var(--boxel-light);
    }

    /* The selection menu floats out of the actions flex flow, anchored
       just left of the action buttons. Keeping it out of flow means its
       presence doesn't widen the actions column, which would otherwise
       shift the centered card title off-center. With only `right` set
       (no width/left), the box shrinks to its content and grows leftward
       from that anchor. */
    .utility-menu-positioner[data-scopedcss-4bb6f87420-d078d49b4d] {
      position: absolute;
      right: calc(100% + var(--boxel-sp-5xs));
      top: 50%;
      transform: translateY(-50%);
    }
    @container card-header (min-width: 30rem) {
      .card-type-display-name[data-scopedcss-4bb6f87420-d078d49b4d] {
        padding-inline: 1.875rem;
      }
    }

    @container card-header (min-width: 28rem) {
      .realm-icon-container[data-scopedcss-4bb6f87420-d078d49b4d] {
        min-width: var(--boxel-card-header-icon-container-min-width);
      }
      .actions[data-scopedcss-4bb6f87420-d078d49b4d] {
        min-width: var(--boxel-card-header-actions-min-width);
      }
    }

    @container card-header (max-width: 20rem) {
      .boxel-card-header__inner[data-scopedcss-4bb6f87420-d078d49b4d] {
        --boxel-card-header-padding: var(--boxel-sp-4xs);
        --boxel-card-header-gap: var(--boxel-sp-4xs);
      }
      .card-type-display-name[data-scopedcss-4bb6f87420-d078d49b4d] >  svg {
        display: none;
      }
      .icon-button[data-scopedcss-4bb6f87420-d078d49b4d] {
        width: var(--boxel-button-xs);
        height: var(--boxel-button-xs);
      }
      .icon-button[data-scopedcss-4bb6f87420-d078d49b4d] svg {
        width: var(--boxel-icon-xs);
        height: var(--boxel-icon-xs);
      }
      .realm-icon[data-scopedcss-4bb6f87420-d078d49b4d] {
        --boxel-card-header-realm-icon-size: var(--boxel-icon-sm);
      }
      .expand-button-tooltip[data-scopedcss-4bb6f87420-d078d49b4d],
      .icon-button--maximize[data-scopedcss-4bb6f87420-d078d49b4d] {
        display: none;
      }
    }
  }

  .circle-spinner[data-scopedcss-d2c56ff4fb-8b5efa76b3] {
    animation: rotate-data-scopedcss-d2c56ff4fb-8b5efa76b3 1.5s ease-in-out infinite;
  }
  .circle-spinner[data-scopedcss-d2c56ff4fb-8b5efa76b3] >  circle {
    animation: dash-data-scopedcss-d2c56ff4fb-8b5efa76b3 1.5s ease-in-out infinite;
  }
  @keyframes rotate-data-scopedcss-d2c56ff4fb-8b5efa76b3 {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes dash-data-scopedcss-d2c56ff4fb-8b5efa76b3 {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }

  @layer boxelComponentL1 {
    .input-container[data-scopedcss-5579eaab79-5f19a9f04c] {
      --icon-size: var(--boxel-icon-sm);
      --icon-space: var(--boxel-sp-xs);
      --_icon-full-length: var(
        --boxel-input-icon-size,
        calc(var(--icon-size) + var(--icon-space) * 2)
      );

      display: grid;
      grid-template-columns:
        var(--_icon-full-length)
        1fr
        var(--_icon-full-length);
      grid-template-areas:
        'optional optional optional'
        'pre-icon input post-icon'
        'error error error'
        'helper helper helper';
      width: 100%;
    }

    .boxel-input[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-column: 1 / span 3;
      grid-row: 2;

      box-sizing: border-box;
      width: var(--boxel-input-width, 100%);
      min-width: 0;
      max-width: 100%;
      min-height: var(
        --boxel-input-height,
        var(--boxel-form-control-height)
      );
      padding: var(--boxel-sp-xs) 0 var(--boxel-sp-xs) var(--boxel-sp-sm);
      background-color: var(--background, var(--boxel-light));
      color: var(--foreground, var(--boxel-dark));
      border: 1px solid
        var(--border, var(--boxel-form-control-border-color));
      border-radius: var(--boxel-form-control-border-radius);
      box-shadow: var(--boxel-form-control-box-shadow);
      outline: var(--boxel-input-outline, 1px solid transparent);
      transition:
        var(--boxel-transition-properties),
        outline-color var(--boxel-transition);
    }

    .boxel-input--large[data-scopedcss-5579eaab79-5f19a9f04c] {
      --boxel-form-control-height: 4.375rem;
      font-size: var(--boxel-font-size);
    }

    textarea[data-scopedcss-5579eaab79-5f19a9f04c] {
      --boxel-input-height: 10rem;
      resize: both;
      overflow: auto;
    }

    .input-container[data-scopedcss-5579eaab79-5f19a9f04c]:has([type='color']) {
      --boxel-input-icon-size: 0;
    }

    .input-container:has([type='color']) .validation-icon-container[data-scopedcss-5579eaab79-5f19a9f04c],
    .input-container:has([type='color']) .error-message[data-scopedcss-5579eaab79-5f19a9f04c],
    .input-container:has([type='color']) .helper-text[data-scopedcss-5579eaab79-5f19a9f04c] {
      display: none;
    }

    .boxel-input[type='color'][data-scopedcss-5579eaab79-5f19a9f04c] {
      width: 1.5rem;
      height: 1.5rem;
      min-height: unset;
      padding: 0;
      background: none;
      border-radius: var(--boxel-border-radius-sm);
      cursor: pointer;
    }

    .boxel-input[type='color'][data-scopedcss-5579eaab79-5f19a9f04c]::-webkit-color-swatch-wrapper {
      padding: 0;
    }

    .boxel-input[type='color'][data-scopedcss-5579eaab79-5f19a9f04c]::-webkit-color-swatch {
      border: none;
      border-radius: calc(var(--boxel-border-radius-sm) - 1px);
    }

    .boxel-input[data-scopedcss-5579eaab79-5f19a9f04c]:not([type='color']):disabled {
      opacity: 0.5;
      resize: none; /* do not display resize toggle since it's disabled */
    }

    .boxel-input:not([type='color'])[readonly][data-scopedcss-5579eaab79-5f19a9f04c] {
      opacity: 0.5;
    }

    .boxel-input[data-scopedcss-5579eaab79-5f19a9f04c]:focus-visible {
      outline-color: var(--ring, var(--boxel-highlight));
      border-color: var(--ring, var(--boxel-highlight));
    }

    .boxel-input[data-scopedcss-5579eaab79-5f19a9f04c]::placeholder {
      color: var(--muted-foreground, var(--boxel-450));
    }

    .boxel-input[data-scopedcss-5579eaab79-5f19a9f04c]:hover:not(:focus-visible):not(:disabled):not(.invalid):not(
        .search
      ) {
      border-color: currentColor;
    }

    .invalid[data-scopedcss-5579eaab79-5f19a9f04c]:not(:disabled) {
      border-color: var(--destructive, var(--boxel-error-100));
      box-shadow: 0 0 0 1px var(--destructive, var(--boxel-error-100));
    }

    .invalid[data-scopedcss-5579eaab79-5f19a9f04c]:focus-visible {
      outline: 1px solid transparent; /* Make sure that we make the invalid state visible */
      box-shadow: 0 0 0 1.5px var(--destructive, var(--boxel-error-100));
    }

    .invalid[data-scopedcss-5579eaab79-5f19a9f04c]:hover:not(:disabled) {
      border-color: var(--destructive, var(--boxel-error-100));
    }

    .search[data-scopedcss-5579eaab79-5f19a9f04c] {
      --search-input-color: var(
        --boxel-input-search-color,
        var(--background, var(--boxel-light))
      );

      --search-input-background-color: var(
        --boxel-input-search-background-color,
        var(--foreground, var(--boxel-dark))
      );

      --boxel-form-control-border-color: var(--border, var(--boxel-dark));
      --boxel-form-control-border-radius: var(--boxel-border-radius-xl);

      background-color: var(--search-input-background-color);
      color: var(--search-input-color);
      padding-top: var(--boxel-sp-xxxs);
      padding-right: var(--boxel-sp-xl);
      padding-bottom: var(--boxel-sp-xxxs);
      /* to account for the icon being on the left */
      padding-right: unset;
      padding-left: var(--boxel-sp-xxl); /* leave room for icon */
      outline-width: 1px;
    }

    .boxel-input--bottom-flat[data-scopedcss-5579eaab79-5f19a9f04c] {
      --boxel-form-control-border-radius: var(--boxel-border-radius-xl)
        var(--boxel-border-radius-xl) 0 0;
    }

    .search-icon[data-scopedcss-5579eaab79-5f19a9f04c] {
      --icon-color: var(
        --boxel-input-search-icon-color,
        var(--boxel-highlight)
      );
    }

    .search-icon-container[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: pre-icon;

      display: flex;
      height: 100%;
      align-items: center;
      justify-content: center;
    }

    .validation-icon-container[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: post-icon;

      display: flex;
      align-items: center;
      justify-content: center;
      user-select: none;
    }

    .is-multiline .validation-icon-container[data-scopedcss-5579eaab79-5f19a9f04c] {
      align-items: flex-start;
      padding-top: var(--boxel-sp-xs);
    }

    .search ~ .validation-icon-container .validation-icon-loading[data-scopedcss-5579eaab79-5f19a9f04c] {
      color: var(--primary, var(--boxel-highlight));
      --icon-color: currentColor;
    }
    .search ~ .search-icon-container .search-icon[data-scopedcss-5579eaab79-5f19a9f04c] {
      color: var(
        --boxel-input-search-icon-color,
        var(--primary, var(--boxel-highlight))
      );
      --icon-color: currentColor;
    }

    .optional[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: optional;
      justify-self: end;

      margin-bottom: var(--boxel-sp-xxxs);
      font-size: var(--boxel-font-size-xs);
      font-style: oblique;
      letter-spacing: var(--boxel-lsp);
      opacity: 0.75;
    }

    .error-message[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: error;

      margin-top: var(--boxel-sp-xxxs);
      margin-left: calc(var(--boxel-sp-sm) + 1px);
      color: var(--destructive, var(--boxel-error-200));
      font-size: var(--boxel-font-size-sm);
      font-weight: 500;
      letter-spacing: var(--boxel-lsp);
    }

    .helper-text[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: helper;

      margin-top: var(--boxel-sp-xs);
      margin-left: calc(var(--boxel-sp-sm) + 1px);
      font-size: var(--boxel-font-size-sm);
      letter-spacing: var(--boxel-lsp);
      opacity: 0.75;
    }

    .boxel-input:disabled ~ .error-message[data-scopedcss-5579eaab79-5f19a9f04c],
    .boxel-input:disabled ~ .helper-text[data-scopedcss-5579eaab79-5f19a9f04c] {
      display: none;
    }

    .boxel-input.search[data-scopedcss-5579eaab79-5f19a9f04c]::placeholder {
      color: inherit;
      opacity: 0.6;
    }

    @media (prefers-reduced-motion: no-preference) {
      .validation-icon-loading[data-scopedcss-5579eaab79-5f19a9f04c] {
        animation: var(--boxel-infinite-spin-animation);
      }
    }

    /* Checkbox type */
    .input-container.is-checkbox[data-scopedcss-5579eaab79-5f19a9f04c] {
      --checkbox-size: var(
        --boxel-checkbox-size,
        var(--boxel-body-font-size)
      );
      --checkbox-border-radius: var(--boxel-checkbox-border-radius, 3px);
      --checkbox-border-color: var(
        --boxel-checkbox-border-color,
        var(--border, var(--boxel-400))
      );
      --checkbox-background: var(
        --boxel-checkbox-background-color,
        var(--background, transparent)
      );
      --checkbox-checked-background: var(
        --boxel-checkbox-checked-background-color,
        var(--primary, var(--boxel-highlight))
      );
      --checkbox-checked-border-color: var(
        --boxel-checkbox-checked-border-color,
        var(--primary, var(--boxel-dark))
      );
      --checkbox-checkmark-color: var(
        --boxel-checkbox-checkmark-color,
        var(--primary-foreground, #333)
      );
      --checkbox-padding: var(
        --boxel-checkbox-padding,
        var(--spacing, 2px)
      );

      display: inline-grid;
      grid-template-columns: auto;
      grid-template-areas: 'input';
      width: auto;
      align-items: center;
      justify-items: center;
      position: relative;
    }

    .input-container.is-checkbox .optional[data-scopedcss-5579eaab79-5f19a9f04c],
    .input-container.is-checkbox .error-message[data-scopedcss-5579eaab79-5f19a9f04c],
    .input-container.is-checkbox .helper-text[data-scopedcss-5579eaab79-5f19a9f04c],
    .input-container.is-checkbox .search-icon-container[data-scopedcss-5579eaab79-5f19a9f04c],
    .input-container.is-checkbox .validation-icon-container[data-scopedcss-5579eaab79-5f19a9f04c] {
      display: none;
    }

    .checkbox-checkmark-icon[data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: input;
      pointer-events: none;
      width: calc(var(--checkbox-size) * 0.8);
      height: calc(var(--checkbox-size) * 0.8);
      --icon-color: var(--checkbox-checkmark-color);
    }

    .boxel-input[type='checkbox'][data-scopedcss-5579eaab79-5f19a9f04c] {
      grid-area: input;
      appearance: none;
      /* stylelint-disable-next-line property-no-vendor-prefix */
      -webkit-appearance: none;
      box-sizing: border-box;
      width: var(--checkbox-size);
      height: var(--checkbox-size);
      min-height: unset;
      padding: 0;
      margin: 0;
      border: 1px solid var(--checkbox-border-color);
      border-radius: var(--checkbox-border-radius);
      background-color: var(--checkbox-background);
      box-shadow: none;
      cursor: pointer;
      transition:
        background-color var(--boxel-transition),
        border-color var(--boxel-transition);
      flex-shrink: 0;
    }

    .boxel-input[type='checkbox'][data-scopedcss-5579eaab79-5f19a9f04c]:checked {
      background-color: var(--checkbox-checked-background);
      border-color: var(--checkbox-checked-border-color);
    }

    .boxel-input[type='checkbox'][data-scopedcss-5579eaab79-5f19a9f04c]:focus-visible {
      outline: 2px solid var(--ring, var(--boxel-highlight));
      outline-offset: 2px;
      border-color: var(--checkbox-border-color);
    }

    .boxel-input[type='checkbox'][data-scopedcss-5579eaab79-5f19a9f04c]:hover:not(:disabled):not(:checked) {
      border-color: currentColor;
    }

    .boxel-input[type='checkbox'][data-scopedcss-5579eaab79-5f19a9f04c]:hover:not(:disabled):checked {
      border-color: var(--checkbox-checked-border-color);
    }

    .boxel-input[type='checkbox'][data-scopedcss-5579eaab79-5f19a9f04c]:disabled {
      opacity: 0.5;
      cursor: default;
    }
  }

  @layer boxelComponentL1 {
    .boxel-swatch[data-scopedcss-ad5ea7f2c0-835abfb296] {
      --_swatch-border: color-mix(
        in oklab,
        var(--border, var(--boxel-border-color)),
        var(--foreground, var(--boxel-dark)) 10%
      );
      display: inline-flex;
      flex-direction: column;
      gap: var(--boxel-sp-xs);
    }
    .boxel-swatch--small[data-scopedcss-ad5ea7f2c0-835abfb296] {
      flex-direction: row;
      align-items: center;
    }
    .boxel-swatch-preview[data-scopedcss-ad5ea7f2c0-835abfb296] {
      max-width: 100%;
      padding: 0;
      background-color: var(--swatch-background, transparent);
      border: 1px solid
        var(--boxel-swatch-border-color, var(--_swatch-border));
      border-radius: var(--boxel-border-radius);
    }
    .boxel-swatch-preview--round[data-scopedcss-ad5ea7f2c0-835abfb296] {
      width: var(--swatch-width, 1.4rem);
      height: var(--swatch-height, 1.4rem);
      flex-shrink: 0;
      aspect-ratio: 1;
      border-radius: 50%;
      order: -1;
    }
    .boxel-swatch-preview--default[data-scopedcss-ad5ea7f2c0-835abfb296] {
      min-width: var(--swatch-width, 7rem);
      height: var(--swatch-height, 3.375rem);
    }
    .boxel-swatch-value[data-scopedcss-ad5ea7f2c0-835abfb296] {
      font-family: var(--font-mono, var(--boxel-monospace-font-family));
    }
  }

  @layer boxelComponentL3 {
    .color-picker[data-scopedcss-a52ac4dfb5-f1c014df0f] {
      --color-picker-width: 2.5rem;
      --color-picker-height: 2.5rem;
      position: relative;
    }
    .color-text-input[data-scopedcss-a52ac4dfb5-f1c014df0f] {
      padding-inline: var(--color-picker-width);
      transition: none;
    }
    .color-input-container[data-scopedcss-a52ac4dfb5-f1c014df0f] {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: var(--color-picker-width);
      height: 100%;
      z-index: 1;
    }
    .color-input-container[data-scopedcss-a52ac4dfb5-f1c014df0f] >  .input-container {
      visibility: collapse;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
    }
    .color-input-container[data-scopedcss-a52ac4dfb5-f1c014df0f]:not(.disabled):hover {
      cursor: pointer;
    }
    .color-input-container[data-scopedcss-a52ac4dfb5-f1c014df0f]:not(.disabled):hover .preview {
      box-shadow: var(--shadow-xs, var(--boxel-box-shadow));
    }
    .remove[data-scopedcss-a52ac4dfb5-f1c014df0f] {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: var(--color-picker-width);
      height: 100%;
      z-index: 1;
      opacity: 0.5;
    }
    .remove[data-scopedcss-a52ac4dfb5-f1c014df0f]:focus,
    .remove[data-scopedcss-a52ac4dfb5-f1c014df0f]:hover {
      opacity: 1;
      outline: 0;
    }
  }

  @layer boxelComponentL3 {
    .color-palette-group[data-scopedcss-856a9d4599-5502ce24d8] {
      max-width: var(--boxel-palette-max-width, 18.75rem);
      display: grid;
      gap: var(--boxel-sp);
    }
    .color-palette[data-scopedcss-856a9d4599-5502ce24d8] {
      --swatch-size: 1.8rem;
      display: grid;
      grid-template-columns: repeat(auto-fill, var(--swatch-size));
      gap: var(--boxel-sp-xs);
    }
    .swatch-button[data-scopedcss-856a9d4599-5502ce24d8] {
      --_swatch-border: color-mix(
        in oklab,
        var(--swatch-color),
        var(--foreground, var(--boxel-dark)) 10%
      );
      --_swatch-border-selected: color-mix(
        in oklab,
        var(--border, var(--boxel-border-color)),
        var(--foreground, var(--boxel-dark)) 80%
      );
      width: var(--swatch-size);
      height: var(--swatch-size);
      aspect-ratio: 1;
      border: 2px solid transparent;
      border-radius: 50%;
      padding: 2px;
      transition: transform 0.1s ease;
      background-color: transparent;
    }
    .swatch-button[data-scopedcss-856a9d4599-5502ce24d8]::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: var(--swatch-color);
      box-shadow: inset 0 0 0 1px var(--_swatch-border);
    }
    .swatch-button[data-scopedcss-856a9d4599-5502ce24d8]:hover:not(:disabled) {
      cursor: pointer;
      transform: scale(1.1);
    }
    .swatch-button.selected[data-scopedcss-856a9d4599-5502ce24d8] {
      border-color: var(--_swatch-border-selected);
    }
    .swatch-button.selected[data-scopedcss-856a9d4599-5502ce24d8]::before {
      box-shadow: none;
    }
  }

  @layer boxelComponentL1 {
    .boxel-container[data-scopedcss-d9934289ce-84bd8152bc] {
      padding: var(--boxel-container-padding, var(--boxel-sp));
    }
    .boxel-grid[data-scopedcss-d9934289ce-84bd8152bc] {
      display: grid;
      gap: var(--boxel-container-gap, var(--boxel-sp));
    }
    .boxel-inline-grid[data-scopedcss-d9934289ce-84bd8152bc] {
      display: inline-grid;
      gap: var(--boxel-container-gap, var(--boxel-sp));
    }
    .boxel-flex[data-scopedcss-d9934289ce-84bd8152bc] {
      display: flex;
      flex-wrap: wrap;
      gap: var(--boxel-container-gap, var(--boxel-sp));
      align-items: center;
    }
    .boxel-inline-flex[data-scopedcss-d9934289ce-84bd8152bc] {
      display: inline-flex;
      flex-wrap: wrap;
      gap: var(--boxel-container-gap, var(--boxel-sp));
      align-items: center;
    }
  }

  .month-calendar[data-scopedcss-cf9c714026-769c2b2c56] {
    width: 100%;
  }
  .months-container[data-scopedcss-cf9c714026-769c2b2c56] {
    display: flex;
    flex-direction: row;
    gap: var(--boxel-sp-lg);
  }
  .months-container.disabled[data-scopedcss-cf9c714026-769c2b2c56] {
    pointer-events: none;
    opacity: 0.6;
  }
  .nav-container[data-scopedcss-cf9c714026-769c2b2c56] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .days-container[data-scopedcss-cf9c714026-769c2b2c56] {
    margin-top: auto;
  }

  .draggable-container[data-scopedcss-7c13934165-1b5ccf9598] {
    --draggable-overlay-z-index: 5;
    display: flex;
    overflow-x: auto;
    flex-grow: 1;
    gap: var(--dnd-container-gap, var(--boxel-sp));
    transition: transform 0.5s ease;
    height: 100%;
  }
  .draggable-card[data-scopedcss-7c13934165-1b5ccf9598] {
    border: 1px solid var(--boxel-300);
    border-radius: var(--boxel-border-radius);
    background: var(--boxel-light);
    transition:
      all 0.3s ease,
      filter 0.3s ease;
    cursor: grab;
  }
  .draggable-card[data-scopedcss-7c13934165-1b5ccf9598] :where(.boundaries) {
    box-shadow: none;
  }
  .draggable-card.is-loading[data-scopedcss-7c13934165-1b5ccf9598] {
    position: relative;
  }
  .draggable-card.is-loading > .overlay[data-scopedcss-7c13934165-1b5ccf9598] {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(38 38 38 / 50%);
    z-index: var(--draggable-overlay-z-index);
    border-radius: var(--boxel-border-radius);
  }
  .draggable-card.is-loading > .loader[data-scopedcss-7c13934165-1b5ccf9598] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: calc(var(--draggable-overlay-z-index) + 1);
  }
  .draggable-card.is-loading > .loader--small[data-scopedcss-7c13934165-1b5ccf9598] {
    --loading-indicator-size: 18px;
  }
  .draggable-card.is-on-target[data-scopedcss-7c13934165-1b5ccf9598] {
    transform: scale(0.95);
    filter: brightness(0.7);
  }
  .draggable-card-empty[data-scopedcss-7c13934165-1b5ccf9598] {
    filter: brightness(0.7);
    border: 1px dashed var(--boxel-300);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .column[data-scopedcss-7c13934165-1b5ccf9598] {
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--boxel-xs-container);
    height: 100%;
    border-radius: var(--dnd-column-border-radius, 14px);
    overflow: hidden;
    background-color: var(--dnd-drop-zone-bg, var(--boxel-200));
  }
  .column-header[data-scopedcss-7c13934165-1b5ccf9598] {
    position: sticky;
    z-index: calc(var(--draggable-overlay-z-index) +2);
    top: 0;
    background-color: var(--dnd-header-bg, transparent);
    font-weight: 600;
    padding: var(--boxel-sp-sm) var(--boxel-sp) var(--boxel-sp-xxs)
      var(--boxel-sp);
  }
  .column-drop-zone[data-scopedcss-7c13934165-1b5ccf9598] {
    position: relative;
    padding: var(--boxel-sp-xs);
    display: grid;
    align-content: flex-start;
    gap: var(--boxel-sp-xs);
    height: 100%;
    overflow-y: auto;
  }
  .column-drop-zone:has(.draggable-card.is-dragging)
    .draggable-card[data-scopedcss-7c13934165-1b5ccf9598]:not(.is-dragging) {
    filter: brightness(0.7);
  }

  .entity-icon-display[data-scopedcss-42f8c4d302-e7150048d0] {
    display: var(--entity-display-display, flex);
    align-items: var(--entity-display-align-items, flex-start);
    flex-direction: var(--entity-display-flex-direction, row);
    gap: var(--entity-display-gap, var(--boxel-sp-xxxs));
  }
  .entity-icon-display.center[data-scopedcss-42f8c4d302-e7150048d0] {
    align-items: center;
  }
  .entity-icon[data-scopedcss-42f8c4d302-e7150048d0] {
    display: var(--entity-display-icon-display, inline-flex);
    align-items: var(--entity-display-icon-align-items, center);
    justify-content: var(--entity-display-icon-justify-content, center);
    flex-shrink: 0;
    width: var(--entity-display-icon-size, var(--boxel-icon-sm));
    height: var(--entity-display-icon-size, var(--boxel-icon-sm));
  }
  .entity-info[data-scopedcss-42f8c4d302-e7150048d0] {
    display: var(--entity-display-info-display, flex);
    flex-direction: var(--entity-display-info-flex-direction, column);
    gap: var(--entity-display-info-gap, var(--boxel-sp-xxxs));
  }
  .entity-title-tag-container[data-scopedcss-42f8c4d302-e7150048d0] {
    display: var(--entity-display-title-tag-container-display, flex);
    flex-wrap: var(--entity-display-title-tag-container-flex-wrap, wrap);
    align-items: var(
      --entity-display-title-tag-container-align-items,
      center
    );
    gap: var(
      --entity-display-title-tag-container-gap,
      var(--boxel-sp-xxxs)
    );
  }
  .entity-title[data-scopedcss-42f8c4d302-e7150048d0] {
    color: var(--entity-display-title-color, var(--boxel-dark));
    font-size: var(
      --entity-display-title-font-size,
      var(--boxel-font-size-sm)
    );
    font-weight: var(--entity-display-title-font-weight, 600);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-display-title-line-clamp, 1);
    margin: var(--entity-display-title-margin, 0);
    word-break: var(--entity-display-title-word-break, break-word);
  }
  .entity-title.underline[data-scopedcss-42f8c4d302-e7150048d0] {
    text-decoration: var(--entity-display-title-underline, underline);
  }
  .entity-content[data-scopedcss-42f8c4d302-e7150048d0] {
    color: var(--entity-display-content-color, var(--boxel-400));
    font-size: var(
      --entity-display-content-font-size,
      var(--boxel-font-size-xs)
    );
    font-weight: var(--entity-display-content-font-weight, 400);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-display-content-line-clamp, 1);
    margin: var(--entity-display-content-margin, 0);
    word-break: var(--entity-display-content-word-break, break-word);
  }

  .entity-thumbnail-display[data-scopedcss-dfb5e679d7-fe0563f15d] {
    display: var(--entity-display-display, flex);
    align-items: var(--entity-display-align-items, flex-start);
    gap: var(--entity-display-gap, var(--boxel-sp-xxxs));
  }
  .entity-thumbnail-display.center[data-scopedcss-dfb5e679d7-fe0563f15d] {
    align-items: center;
  }
  .entity-thumbnail[data-scopedcss-dfb5e679d7-fe0563f15d] {
    display: var(--entity-display-thumbnail-display, inline-flex);
    align-items: var(--entity-display-thumbnail-align-items, center);
    justify-content: var(
      --entity-display-thumbnail-justify-content,
      center
    );
    flex-shrink: 0;
    width: var(--entity-display-thumbnail-size, var(--boxel-icon-sm));
    height: var(--entity-display-thumbnail-size, var(--boxel-icon-sm));
    overflow: hidden;
  }
  .entity-info[data-scopedcss-dfb5e679d7-fe0563f15d] {
    display: var(--entity-display-info-display, flex);
    flex-direction: var(--entity-display-info-flex-direction, column);
    gap: var(--entity-display-info-gap, var(--boxel-sp-xxxs));
  }
  .entity-title-tag-container[data-scopedcss-dfb5e679d7-fe0563f15d] {
    display: var(--entity-display-title-tag-container-display, flex);
    flex-wrap: var(--entity-display-title-tag-container-flex-wrap, wrap);
    align-items: var(
      --entity-display-title-tag-container-align-items,
      center
    );
    gap: var(
      --entity-display-title-tag-container-gap,
      var(--boxel-sp-xxxs)
    );
  }
  .entity-title[data-scopedcss-dfb5e679d7-fe0563f15d] {
    color: var(--entity-display-title-color, var(--boxel-dark));
    font-size: var(
      --entity-display-title-font-size,
      var(--boxel-font-size-sm)
    );
    font-weight: var(--entity-display-title-font-weight, 600);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-display-title-line-clamp, 1);
    margin: var(--entity-display-title-margin, 0);
    word-break: var(--entity-display-title-word-break, break-word);
  }
  .entity-title.underline[data-scopedcss-dfb5e679d7-fe0563f15d] {
    text-decoration: var(--entity-display-title-underline, underline);
  }
  .entity-content[data-scopedcss-dfb5e679d7-fe0563f15d] {
    color: var(--entity-display-content-color, var(--boxel-400));
    font-size: var(
      --entity-display-content-font-size,
      var(--boxel-font-size-xs)
    );
    font-weight: var(--entity-display-content-font-weight, 400);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-display-content-line-clamp, 1);
    margin: var(--entity-display-content-margin, 0);
    word-break: var(--entity-display-content-word-break, break-word);
  }

  @layer boxelComponentL1 {
    .boxel-label[data-scopedcss-3ac1c1cfb6-a0a886d781] {
      color: var(--boxel-label-color);
      font-size: var(--boxel-label-font-size, var(--boxel-body-font-size));
      font-weight: var(--boxel-label-font-weight, 500);
      line-height: var(--boxel-label-line-height, 1.1);
      font-family: inherit;
      letter-spacing: var(--boxel-label-letter-spacing, var(--boxel-lsp-sm));
    }
    .boxel-label--small[data-scopedcss-3ac1c1cfb6-a0a886d781] {
      font-size: var(
        --boxel-label-font-size-small,
        var(--boxel-caption-font-size)
      );
      line-height: var(
        --boxel-label-line-height-small,
        var(--boxel-caption-line-height)
      );
    }
    .boxel-label--default[data-scopedcss-3ac1c1cfb6-a0a886d781] {
      font-size: var(--boxel-label-font-size, var(--boxel-body-font-size));
      line-height: var(
        --boxel-label-line-height,
        var(--boxel-body-line-height)
      );
    }
  }

  @layer boxelComponentL2 {
    .boxel-field[data-scopedcss-1577ae6457-bcdaabb8e1] {
      --boxel-field-label-align: normal;
      --boxel-field-label-padding-top: 0;

      display: grid;
      width: 100%;
      max-width: 100%;
      overflow-wrap: break-word;
    }
    .label-container[data-scopedcss-1577ae6457-bcdaabb8e1] {
      align-items: start;
    }
    .with-icon .label-container[data-scopedcss-1577ae6457-bcdaabb8e1] {
      display: flex;
      gap: var(--boxel-sp-xs);
    }

    .centered-display[data-scopedcss-1577ae6457-bcdaabb8e1] {
      justify-items: center;
    }

    .small-label[data-scopedcss-1577ae6457-bcdaabb8e1] {
      --boxel-field-label-size: minmax(4rem, 10%);
    }

    .label[data-scopedcss-1577ae6457-bcdaabb8e1] {
      --boxel-label-letter-spacing: var(--boxel-lsp-xs);

      display: flex;
      align-items: var(--boxel-field-label-align);
      padding-top: var(--boxel-field-label-padding-top);
    }

    .boxel-field__icon[data-scopedcss-1577ae6457-bcdaabb8e1] {
      flex-shrink: 0;
    }

    .content[data-scopedcss-1577ae6457-bcdaabb8e1] {
      max-width: 100%;
      padding: var(
        --boxel-field-content-padding,
        var(--boxel-outline-width)
      ); /* necessary for our various overlays utilizing box-shadow */
      word-break: break-word;
    }

    .horizontal[data-scopedcss-1577ae6457-bcdaabb8e1] {
      grid-template-columns:
        var(--boxel-field-label-size, minmax(8rem, 25%))
        1fr;
      min-height: var(--boxel-form-control-height);
    }

    .horizontal > .label-container[data-scopedcss-1577ae6457-bcdaabb8e1] {
      padding-top: var(--boxel-sp-sm);
    }

    .horizontal > .content[data-scopedcss-1577ae6457-bcdaabb8e1] {
      align-self: center;
    }

    .horizontal.inline[data-scopedcss-1577ae6457-bcdaabb8e1] {
      --boxel-field-label-size: auto;
      --boxel-field-content-size: auto;
      display: inline-grid;
      grid-template-columns:
        var(--boxel-field-label-size)
        var(--boxel-field-content-size);
      width: fit-content;
      min-height: unset;
      gap: var(--boxel-sp-2xs);
    }

    .horizontal.inline > .label-container[data-scopedcss-1577ae6457-bcdaabb8e1] {
      padding-top: 0;
      align-self: start;
      display: flex;
      align-items: center;
      height: var(--boxel-form-control-height);
    }

    .horizontal.inline > .content[data-scopedcss-1577ae6457-bcdaabb8e1] {
      overflow: clip;
      /* clears a focus ring (2px outline at 2px offset) while the row
         still clips runaway content */
      overflow-clip-margin: 0.25rem;
    }

    .vertical[data-scopedcss-1577ae6457-bcdaabb8e1] {
      grid-template-rows: auto 1fr;
      gap: var(--boxel-sp-4xs);
    }

    .vertical .label[data-scopedcss-1577ae6457-bcdaabb8e1] {
      grid-column: 2;
    }

    .boxel-field[data-scopedcss-1577ae6457-bcdaabb8e1] .boxel-field .boxel-label:not(.boxel-label--default) {
      font-size: var(
        --boxel-field-label-font-size-small,
        var(--boxel-font-size-xs)
      );
      line-height: var(--boxel-field-label-line-height-small, calc(15 / 11));
    }
  }

  @layer boxelComponentL3 {
    .filter-list[data-scopedcss-29ce67954b-c569e95de2] {
      display: flex;
      flex-direction: column;
      gap: var(--boxel-sp-4xs);
      list-style-type: none;
      padding-inline-start: 0;
      margin-block: 0;
    }
    .filter-list[data-scopedcss-29ce67954b-c569e95de2] .filter-list {
      margin-top: var(--boxel-sp-4xs);
      padding-inline-start: var(--boxel-sp);
    }
  }

  @layer boxelComponentL2 {
    .list-item-buttons[data-scopedcss-29ce67954b-85ad54ea33] {
      display: flex;
      border-radius: var(--boxel-border-radius-sm);
      color: inherit;
      background-color: inherit;
    }
    .list-item-buttons.is-expanded[data-scopedcss-29ce67954b-85ad54ea33] {
      background-color: var(
        --boxel-filter-expanded-background,
        color-mix(
          in oklab,
          var(--accent, var(--boxel-200)) 30%,
          transparent
        )
      );
      color: var(--boxel-filter-expanded-foreground, var(--foreground));
    }
    .list-item-buttons[data-scopedcss-29ce67954b-85ad54ea33]:not(.is-selected):hover {
      background-color: var(
        --boxel-filter-hover-background,
        color-mix(
          in oklab,
          var(--accent, var(--boxel-200)) 95%,
          transparent
        )
      );
      color: var(--boxel-filter-hover-foreground, var(--accent-foreground));
    }
    .list-item-buttons.is-selected[data-scopedcss-29ce67954b-85ad54ea33] {
      background-color: var(
        --boxel-filter-selected-background,
        var(--foreground, var(--boxel-dark))
      );
      color: var(
        --boxel-filter-selected-foreground,
        var(--background, var(--boxel-light))
      );
    }
    .list-item-buttons.is-selected[data-scopedcss-29ce67954b-85ad54ea33]:hover {
      background-color: var(
        --boxel-filter-selected-hover-background,
        color-mix(
          in oklab,
          var(--foreground, var(--boxel-dark)) 90%,
          transparent
        )
      );
      color: var(
        --boxel-filter-selected-hover-foreground,
        var(--background, var(--boxel-light))
      );
    }
    .dropdown-toggle[data-scopedcss-29ce67954b-85ad54ea33] {
      --boxel-icon-button-width: 2rem;
      --boxel-icon-button-height: 2rem;
      flex-shrink: 0;
      /* Collapsed: the down-arrow icon points right. */
      transform: rotate(-90deg);
    }
    .is-expanded > .dropdown-toggle[data-scopedcss-29ce67954b-85ad54ea33] {
      /* Expanded: arrow points down. */
      transform: rotate(0deg);
    }
    .filter-list__button[data-scopedcss-29ce67954b-85ad54ea33] {
      flex-grow: 1;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      gap: var(--boxel-sp-xs);
      font: 500 var(--boxel-font-sm);
      font-family: inherit;
      letter-spacing: var(--boxel-lsp-xs);
      border-radius: var(--boxel-border-radius-sm);
      max-width: 100%;
      overflow: hidden;
      text-align: left;
    }
    .filter-list__button[data-scopedcss-29ce67954b-85ad54ea33]:hover,
    .filter-list__button[data-scopedcss-29ce67954b-85ad54ea33]:focus {
      color: inherit;
      background-color: transparent;
    }
    .dropdown-toggle[data-scopedcss-29ce67954b-85ad54ea33],
    .filter-list__button[data-scopedcss-29ce67954b-85ad54ea33] {
      border: none;
      transition: none;
    }
    [data-scopedcss-29ce67954b-85ad54ea33] .filter-list__icon {
      flex-shrink: 0;
      width: var(--boxel-icon-xs);
      height: var(--boxel-icon-xs);
      vertical-align: top;
    }
  }

  @layer boxelComponentL1 {
    /* ── Base layout ── */
    .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
      --fc-content-padding: var(--boxel-sp-xs);
      --fc-content-gap: var(--boxel-sp-3xs);
      --fc-header-gap: var(--boxel-sp-6xs);
      --fc-eyebrow-font-size: 0.625rem;
      --fc-eyebrow-line-height: 1.1;
      --fc-title-font-size: var(--boxel-font-size-sm);
      --fc-title-line-height: 1.2;
      --fc-title-line-clamp: 2;
      --fc-subtitle-font-size: var(--boxel-font-size-xs);
      --fc-subtitle-line-height: 1.1;
      --fc-subtitle-line-clamp: 2;
      --fc-image-width: 40cqh;
      --fc-image-min-width: 3.75rem;
      --fc-image-max-width: 12.5rem;
      --fc-image-height: auto;
      --fc-image-object-fit: cover;
      --fc-image-background: linear-gradient(
        180deg,
        var(--muted) 0%,
        var(--accent) 100%
      );
      --fc-image-fade-color: var(--card);
      --fc-badge-offset: var(--boxel-sp-2xs);
      --fc-content-gap-no-image: var(--boxel-sp-xs);
      --fc-badge-row-gap: var(--boxel-sp-2xs);
      --fc-badge-row-justify: space-between;
      --fc-meta-font-size: var(--boxel-caption-font-size);
      --fc-meta-line-height: 1.1;
      --fc-meta-flex-wrap: nowrap;
      --fc-meta-gap: var(--boxel-sp-2xs);
      --fc-meta-justify: flex-start;
      --fc-meta-align-items: center;
      --fc-footer-font-size: var(--boxel-caption-font-size);
      --fc-footer-gap: var(--boxel-sp-2xs);
      --fc-footer-justify: flex-start;
      --fc-footer-align-items: center;
      --fc-footer-flex-wrap: nowrap;
      --fc-content-justify: flex-start;
      --fc-title-text-overflow: clip;
      --fc-title-white-space: normal;
      --fc-subtitle-text-overflow: clip;
      --fc-subtitle-white-space: normal;
      --fc-image-display: flex;
      --fc-badge-right-display: block;
      --fc-badge-left-display: block;
      --fc-badge-row-display: flex;
      --fc-subtitle-display: -webkit-box;
      --fc-meta-display: flex;
      --fc-footer-display: flex;

      position: relative;
      display: grid;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: var(--card);
      color: var(--card-foreground);
    }
    .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
      grid-template-columns: auto 1fr;
    }
    /* When <:placeholder> yields empty content, collapse the image column */
    .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-placeholder:empty) {
      grid-template-columns: 1fr;
    }
    .fc-image[data-scopedcss-f0fd8155de-661f1d40b9]:has(> .fc-placeholder:empty) {
      display: none;
    }

    .fc-background[data-scopedcss-f0fd8155de-661f1d40b9] {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
    }

    /* ── Image column ── */
    .fc-image[data-scopedcss-f0fd8155de-661f1d40b9] {
      position: relative;
      width: var(--fc-image-width);
      min-width: var(--fc-image-min-width);
      max-width: var(--fc-image-max-width);
      height: var(--fc-image-height);
      overflow: hidden;
      background: var(--fc-image-background);
      display: var(--fc-image-display, flex);
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .fc-image img[data-scopedcss-f0fd8155de-661f1d40b9] {
      width: 100%;
      height: 100%;
      object-fit: var(--fc-image-object-fit);
      display: block;
    }
    .fc-placeholder[data-scopedcss-f0fd8155de-661f1d40b9] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

    /* ── Text Content ── */
    .fc-content[data-scopedcss-f0fd8155de-661f1d40b9] {
      display: flex;
      flex-direction: column;
      padding: var(--fc-content-padding);
      gap: var(--fc-content-gap);
      justify-content: var(--fc-content-justify);
      overflow: hidden;
      max-width: 100%;
      min-width: 0;
    }
    .fitted-card:not(:has(.fc-image)) .fc-content[data-scopedcss-f0fd8155de-661f1d40b9] {
      gap: var(--fc-content-gap-no-image, var(--boxel-sp-xs));
    }

    /* ── Header ── */
    .fc-header[data-scopedcss-f0fd8155de-661f1d40b9] {
      display: flex;
      flex-direction: column;
      gap: var(--fc-header-gap);
      overflow: hidden;
      max-width: 100%;
      min-width: 0;
      flex-shrink: 0;
    }
    .fc-eyebrow[data-scopedcss-f0fd8155de-661f1d40b9] {
      font-size: var(--fc-eyebrow-font-size);
      font-weight: var(--boxel-caption-font-weight);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--muted-foreground);
      margin: 0;
      line-height: var(--fc-eyebrow-line-height);
    }
    .fc-title[data-scopedcss-f0fd8155de-661f1d40b9] {
      font-size: var(--fc-title-font-size);
      font-weight: var(--boxel-heading-font-weight);
      line-height: var(--fc-title-line-height);
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: var(--fc-title-line-clamp);
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: var(--fc-title-text-overflow);
      white-space: var(--fc-title-white-space);
      text-wrap: pretty;
    }
    .fc-subtitle[data-scopedcss-f0fd8155de-661f1d40b9] {
      font-size: var(--fc-subtitle-font-size);
      color: var(--muted-foreground);
      line-height: var(--fc-subtitle-line-height);
      margin: 0;
      display: var(--fc-subtitle-display, -webkit-box);
      -webkit-line-clamp: var(--fc-subtitle-line-clamp);
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: var(--fc-subtitle-text-overflow);
      white-space: var(--fc-subtitle-white-space);
      text-wrap: pretty;
    }

    /* ── Meta ── */
    .fc-meta[data-scopedcss-f0fd8155de-661f1d40b9] {
      display: var(--fc-meta-display, flex);
      flex-wrap: var(--fc-meta-flex-wrap);
      align-items: var(--fc-meta-align-items);
      justify-content: var(--fc-meta-justify);
      gap: var(--fc-meta-gap);
      margin: 0;
      font-size: var(--fc-meta-font-size);
      line-height: var(--fc-meta-line-height);
      overflow: hidden;
    }

    /* ── Footer ── */
    .fc-footer[data-scopedcss-f0fd8155de-661f1d40b9] {
      display: var(--fc-footer-display, flex);
      flex-wrap: var(--fc-footer-flex-wrap);
      align-items: var(--fc-footer-align-items);
      justify-content: var(--fc-footer-justify);
      gap: var(--fc-footer-gap);
      overflow: hidden;
      font-size: var(--fc-footer-font-size);
      margin-top: auto;
      max-width: 100%;
      min-width: 0;
      flex-shrink: 0;
    }

    /* Hide block containers when yielded content is empty.
       .fc-badge uses :not(:has(*)) rather than :empty because Glimmer emits
       whitespace text nodes around block helpers in named slots, which prevents
       :empty from matching even when no real content is rendered. */
    .fc-eyebrow[data-scopedcss-f0fd8155de-661f1d40b9]:empty,
    .fc-background[data-scopedcss-f0fd8155de-661f1d40b9]:empty,
    .fc-subtitle[data-scopedcss-f0fd8155de-661f1d40b9]:empty,
    .fc-meta[data-scopedcss-f0fd8155de-661f1d40b9]:empty,
    .fc-footer[data-scopedcss-f0fd8155de-661f1d40b9]:empty,
    .fc-badge[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(*)),
    .fc-badge-row[data-scopedcss-f0fd8155de-661f1d40b9]:empty {
      display: none;
    }

    /* ── Badges (always absolutely positioned relative to .fitted-card) ── */
    .fc-badge[data-scopedcss-f0fd8155de-661f1d40b9] {
      position: absolute;
      z-index: 1;
      top: var(--fc-badge-offset);
    }
    .fc-badge-left[data-scopedcss-f0fd8155de-661f1d40b9] {
      left: var(--fc-badge-offset);
      display: var(--fc-badge-left-display);
    }
    .fc-badge-right[data-scopedcss-f0fd8155de-661f1d40b9] {
      right: var(--fc-badge-offset);
      display: var(--fc-badge-right-display);
    }

    /* ── Badge Row (flex positioning, inside content flow) ── */
    .fc-badge-row[data-scopedcss-f0fd8155de-661f1d40b9] {
      display: var(--fc-badge-row-display, flex);
      justify-content: var(--fc-badge-row-justify);
      gap: var(--fc-badge-row-gap);
    }

    /* ────────────────────────────────────────────────────────────────
         Container query breakpoints
         (runtime provides the "fitted-card" container)
         ──────────────────────────────────────────────────────────────── */

    /* Small Badge 150x40 */
    @container fitted-card (1.0 < aspect-ratio) and (width < 250px) and (height < 65px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-content-padding: var(--boxel-sp-4xs);
        --fc-title-line-clamp: 1;
        --fc-image-display: none;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-subtitle-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
        --fc-content-justify: center;
        --fc-title-text-overflow: ellipsis;
        --fc-title-white-space: nowrap;
        grid-template-columns: 1fr;
      }
    }
    /* Medium Badge 150x65 */
    @container fitted-card (1.0 < aspect-ratio) and (width < 250px) and (65px <= height < 105px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-title-line-clamp: 1;
        --fc-subtitle-line-clamp: 1;
        --fc-image-display: none;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
        --fc-content-justify: center;
        --fc-title-text-overflow: ellipsis;
        --fc-title-white-space: nowrap;
        --fc-subtitle-text-overflow: ellipsis;
        --fc-subtitle-white-space: nowrap;
        grid-template-columns: 1fr;
      }
    }
    /* Large Badge 150x105 */
    @container fitted-card (1.0 < aspect-ratio) and (width < 250px) and (height >= 105px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-display: none;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-meta-display: none;
        --fc-content-justify: center;
        grid-template-columns: 1fr;
      }
    }

    /* Single Strip 250x40 */
    @container fitted-card (1.0 < aspect-ratio) and (250px <= width) and (height < 65px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-content-padding: var(--boxel-sp-4xs);
        --fc-title-line-clamp: 1;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-subtitle-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
        --fc-content-justify: center;
        --fc-title-text-overflow: ellipsis;
        --fc-title-white-space: nowrap;
      }
    }
    /* Double Strip 250x65 */
    @container fitted-card (1.0 < aspect-ratio) and (250px <= width < 400px) and (65px <= height < 105px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-title-line-clamp: 1;
        --fc-subtitle-line-clamp: 1;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
        --fc-content-justify: center;
        --fc-title-text-overflow: ellipsis;
        --fc-title-white-space: nowrap;
        --fc-subtitle-text-overflow: ellipsis;
        --fc-subtitle-white-space: nowrap;
      }
    }
    /* Triple Strip 250x105 */
    @container fitted-card (1.0 < aspect-ratio) and (250px <= width < 400px) and (105px <= height < 170px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
      }
    }
    /* Double Wide Strip 400x65 */
    @container fitted-card (1.0 < aspect-ratio) and (400px <= width) and (65px <= height < 105px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-width: 40cqw;
        --fc-title-line-clamp: 1;
        --fc-subtitle-line-clamp: 1;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
        --fc-content-justify: center;
        --fc-title-text-overflow: ellipsis;
        --fc-title-white-space: nowrap;
        --fc-subtitle-text-overflow: ellipsis;
        --fc-subtitle-white-space: nowrap;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
        --fc-badge-left-display: block;
      }
    }
    /* Triple Wide Strip 400x105 */
    @container fitted-card (1.0 < aspect-ratio) and (400px <= width) and (105px <= height < 170px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-width: 40cqw;
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
        --fc-badge-row-display: none;
        --fc-meta-display: none;
        --fc-footer-display: none;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
        --fc-badge-left-display: block;
      }
    }

    /* ── Vertical & square tiles ── */
    @container fitted-card (aspect-ratio <= 1.0) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-width: 100%;
        --fc-image-max-width: 100%;
        --fc-image-height: 45cqmin;
        grid-template-columns: 1fr;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
      }
    }
    /* Vertical & square, taller than 250px */
    @container fitted-card (aspect-ratio <= 1.0) and (250px <= height) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-height: 55cqmin;
      }
    }
    /* Small Tile and smaller (150x170) */
    @container fitted-card (aspect-ratio <= 1.0) and (width <= 150px) and (height <= 170px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-title-font-size: var(--boxel-font-size-xs);
        --fc-badge-row-display: none;
        --fc-meta-display: none;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* Vertical, shorter than small-tile */
    @container fitted-card (aspect-ratio <= 1.0) and (height < 170px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-subtitle-line-clamp: 1;
        --fc-meta-display: none;
        --fc-footer-display: none;
        --fc-subtitle-text-overflow: ellipsis;
        --fc-subtitle-white-space: nowrap;
      }
    }
    /* Vertical, narrower than 140px; hide badge */
    @container fitted-card (aspect-ratio <= 1.0) and (width < 140px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* Regular Tile 250x170 */
    @container fitted-card (1.0 < aspect-ratio) and (250px <= width < 400px) and (170px <= height) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* CardsGrid Tile ~170x250 */
    @container fitted-card (aspect-ratio <= 1.0) and (155px <= width <= 185px) and (height >= 200px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-meta-display: none;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* Tall Tile ~150x275 */
    @container fitted-card (aspect-ratio <= 1.0) and (150px <= width < 250px) and (height >= 250px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* Large Tile ~250x275 */
    @container fitted-card (aspect-ratio <= 1.0) and (250px <= width < 400px) and (height >= 250px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }

    /* Compact Card (400x170) */
    @container fitted-card (1.0 < aspect-ratio) and (width >= 400px) and (170px <= height < 275px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-content-padding: var(--boxel-sp-xs);
        --fc-content-gap: var(--boxel-sp-2xs);
        --fc-header-gap: var(--boxel-sp-3xs);
        --fc-image-width: 40cqw;
        --fc-content-justify: space-between;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* Full Card (400x275) */
    @container fitted-card (1.0 < aspect-ratio) and (width >= 400px) and (275px <= height < 445px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-content-padding: var(--boxel-sp-xs);
        --fc-content-gap: var(--boxel-sp-xs);
        --fc-header-gap: var(--boxel-sp-2xs);
        --fc-image-width: 40cqw;
        --fc-title-font-size: var(--boxel-font-size);
        --fc-title-line-clamp: 3;
        --fc-subtitle-font-size: var(--boxel-font-size-sm);
        --fc-subtitle-line-clamp: 3;
        --fc-content-justify: space-between;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
    }
    /* No-image layout: extra padding increase beyond what card breakpoints set */
    @container fitted-card (width >= 400px) and (170px <= height < 275px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-content-padding: var(--boxel-sp-sm);
      }
    }
    @container fitted-card (width >= 400px) and (height >= 275px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-content-padding: var(--boxel-sp);
      }
    }
    @container fitted-card (aspect-ratio <= 1.0) and (height >= 250px) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-header-gap: var(--boxel-sp-3xs);
        --fc-content-padding: var(--boxel-sp-sm);
        --fc-content-justify: space-between;
      }
    }

    /* Expanded Card (400x445) */
    @container fitted-card (aspect-ratio <= 1.0) and (width >= 400px) and (445px <= height) {
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-content-padding: var(--boxel-sp);
        --fc-content-gap: var(--boxel-sp);
        --fc-image-height: 50cqh;
        --fc-eyebrow-line-height: 1.2;
        --fc-title-font-size: var(--boxel-font-size);
        --fc-title-line-height: 1.3;
        --fc-title-line-clamp: 3;
        --fc-subtitle-font-size: var(--boxel-font-size-sm);
        --fc-subtitle-line-clamp: 3;
      }
      .fitted-card[data-scopedcss-f0fd8155de-661f1d40b9]:not(:has(.fc-image)) {
        --fc-badge-right-display: none;
        --fc-badge-left-display: none;
      }
      .fc-image[data-scopedcss-f0fd8155de-661f1d40b9] {
        position: relative;
      }
      /* Fade image into card background */
      .fc-image[data-scopedcss-f0fd8155de-661f1d40b9]::after {
        content: '';
        position: absolute;
        inset: auto 0 0;
        height: 35%;
        background: linear-gradient(
          to bottom,
          transparent,
          var(--fc-image-fade-color)
        );
        pointer-events: none;
      }
      .fc-footer[data-scopedcss-f0fd8155de-661f1d40b9] {
        gap: var(--boxel-sp-sm);
      }
    }

    /* ── Forced layout overrides ────────────────────────────────────
       [data-layout] adds an attribute selector (0,2,0 specificity) which
       beats plain class selectors inside container queries (0,1,0), so
       these rules always win regardless of container dimensions.
       ──────────────────────────────────────────────────────────────── */
    .fitted-card[data-layout='vertical'][data-scopedcss-f0fd8155de-661f1d40b9] {
      --fc-image-width: 100%;
      --fc-image-max-width: 100%;
      --fc-image-height: 45cqmin;
      grid-template-columns: 1fr;
    }
    .fitted-card[data-layout='vertical'][data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
      grid-template-columns: 1fr;
      grid-template-rows: auto 1fr;
    }

    .fitted-card[data-layout='horizontal'][data-scopedcss-f0fd8155de-661f1d40b9] {
      --fc-image-width: 40cqh;
      --fc-image-min-width: 3.75rem;
      --fc-image-max-width: 12.5rem;
      --fc-image-height: auto;
      grid-template-columns: 1fr;
    }
    .fitted-card[data-layout='horizontal'][data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
      grid-template-columns: auto 1fr;
      grid-template-rows: unset;
    }

    /* Vertical layout: hide image at strip sizes (landscape, height < 170px).
       Strips are too short for a stacked image — collapse the image row. */
    @container fitted-card (1.0 < aspect-ratio) and (height < 170px) {
      .fitted-card[data-layout='vertical'][data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
        --fc-image-display: none;
        grid-template-rows: unset;
      }
    }

    /* Vertical layout: hide image at compact card (400+wide, 170–275px tall).
       Not enough height to stack image above content usefully. */
    @container fitted-card (1.0 < aspect-ratio) and (width >= 400px) and (170px <= height < 275px) {
      .fitted-card[data-layout='vertical'][data-scopedcss-f0fd8155de-661f1d40b9]:has(.fc-image) {
        --fc-image-display: none;
        grid-template-rows: unset;
      }
    }

    /* Horizontal layout: portrait/square tiles are narrow, so 40cqh image width
       eats too much of the card — reduce to leave room for content. */
    @container fitted-card (aspect-ratio <= 1.0) and (height >= 200px) and (width < 400px) {
      .fitted-card[data-layout='horizontal'][data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-width: 30cqh;
      }
    }
    /* Expanded card is very tall; 40cqh of 445px+ would be ~180px — cap it smaller. */
    @container fitted-card (aspect-ratio <= 1.0) and (width >= 400px) and (height >= 445px) {
      .fitted-card[data-layout='horizontal'][data-scopedcss-f0fd8155de-661f1d40b9] {
        --fc-image-width: 25cqh;
      }
    }
  }

  @layer boxelComponentL1 {
    .boxel-grid-container[data-scopedcss-eb99f9aeb4-83479c1485] {
      display: grid;
      gap: var(--boxel-sp);
    }
  }

  @layer reset {
    .boxel-grid-container[data-scopedcss-eb99f9aeb4-83479c1485] h2,
    .boxel-grid-container[data-scopedcss-eb99f9aeb4-83479c1485] h3 {
      margin: 0;
    }
  }

  @layer boxelComponentL1 {
    header[data-scopedcss-71b17f39b0-4d32efdf3e] {
      --_h-padding: var(--boxel-sp);
      --_h-min-height: 1.875rem; /* 30px */
      position: relative;
      display: flex;
      align-items: center;
      gap: var(--boxel-header-gap, var(--boxel-sp-xs));
      max-width: 100%;
      min-height: var(--boxel-header-min-height, var(--_h-min-height));
      padding: var(--boxel-header-padding, var(--_h-padding));
      background-color: var(
        --boxel-header-background-color,
        var(--_h-bg-color)
      );
      color: var(--boxel-header-text-color, var(--_h-color));
    }
    .large[data-scopedcss-71b17f39b0-4d32efdf3e] {
      --_h-padding: var(--boxel-sp-xl);
      --_h-title-fs: var(--typescale-h1, var(--boxel-font-size-lg));
      --_h-title-fw: 600;
      --_h-title-lh: calc(30 / 22);
    }
    .hasBottomBorder[data-scopedcss-71b17f39b0-4d32efdf3e] {
      border-bottom: 1px solid
        var(--boxel-header-border-color, var(--border, var(--boxel-200)));
    }
    .has-background[data-scopedcss-71b17f39b0-4d32efdf3e] {
      --_h-bg-color: var(--muted, var(--boxel-100));
      --_h-color: var(--muted-foreground, var(--boxel-dark));
    }
    .title[data-scopedcss-71b17f39b0-4d32efdf3e] {
      font-size: var(--boxel-header-title-font-size, var(--_h-title-fs));
      font-weight: var(--boxel-header-title-font-weight, var(--_h-title-fw));
      line-height: var(
        --boxel-header-title-line-height,
        var(--lineheight-base, var(--_h-title-lh))
      );
    }
    .detail[data-scopedcss-71b17f39b0-4d32efdf3e] {
      display: flex;
      align-items: center;
      margin-left: var(--boxel-header-detail-margin-left, auto);
    }
    header[data-scopedcss-71b17f39b0-4d32efdf3e] >  svg {
      flex-shrink: 0;
    }
  }

  .boxel-trigger[data-scopedcss-ec65aea524-21b134cf96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--boxel-select-trigger-gap, var(--boxel-sp));
    padding: var(--boxel-select-trigger-padding, var(--boxel-sp-xs));
    font: var(--boxel-font-sm);
    font-family: inherit;
    letter-spacing: var(--boxel-lsp-sm);
    outline: none;
    cursor: pointer;
  }
  .boxel-trigger-content[data-scopedcss-ec65aea524-21b134cf96] {
    display: var(--boxel-select-trigger-content-display, flex);
    flex-wrap: var(--boxel-select-trigger-content-wrap, wrap);
    align-items: var(--boxel-select-trigger-content-align, center);
    gap: var(--boxel-select-trigger-content-gap, var(--boxel-sp-2xs));
  }
  .boxel-trigger-placeholder[data-scopedcss-ec65aea524-21b134cf96] {
    color: var(--boxel-450);
    font: var(--boxel-font-sm);
    font-family: inherit;
    letter-spacing: var(--boxel-lsp-sm);
  }

  /*Ember power select has a right padding to the trigger element*/
  .ember-power-select-trigger[data-scopedcss-ec65aea524-21b134cf96] {
    padding: 0px;
  }

  .icon[data-scopedcss-ec65aea524-2c8051aefa] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
  }
  .is-open[data-scopedcss-ec65aea524-2c8051aefa] {
    transform: rotate(180deg);
  }

  .icon.is-inverted[data-scopedcss-ec65aea524-2c8051aefa] {
    transform: rotate(180deg);
  }

  .icon.is-inverted.is-open[data-scopedcss-ec65aea524-2c8051aefa] {
    transform: rotate(0deg);
  }

  .boxel-select[data-scopedcss-46b6a63595-f66908675d] {
    --select-background-color: var(
      --boxel-select-background-color,
      var(--background, var(--boxel-light))
    );
    --select-border-color: var(
      --boxel-select-border-color,
      var(--border, var(--boxel-border-color))
    );
    --select-text-color: var(
      --boxel-select-text-color,
      var(--foreground, var(--boxel-dark))
    );
    --select-placeholder-color: var(
      --boxel-select-placeholder-color,
      var(--muted-foreground, var(--boxel-450))
    );
    /* "--boxel-select-focus-border-color" refers to the hover color, NOT focus color */
    --select-hover-border-color: var(
      --boxel-select-focus-border-color,
      currentColor
    );

    position: relative;
    display: flex;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--select-border-color);
    border-radius: var(--boxel-form-control-border-radius);
    max-width: 100%;
    width: 100%;
    background-color: var(--select-background-color);
    color: var(--select-text-color);
    transition: border-color var(--boxel-transition);
  }
  .boxel-select[aria-expanded='true'][data-scopedcss-46b6a63595-f66908675d] {
    border-radius: var(--boxel-form-control-border-radius);
  }

  .boxel-select[data-scopedcss-46b6a63595-f66908675d]:not([aria-disabled='true']):hover {
    cursor: pointer;
    border-color: var(--select-hover-border-color);
  }

  .boxel-select[data-scopedcss-46b6a63595-f66908675d]:focus-visible {
    outline: 2px solid var(--ring);
  }

  .boxel-select[data-scopedcss-46b6a63595-f66908675d] .boxel-trigger {
    padding: var(
      --boxel-select-trigger-padding,
      var(--boxel-sp-xs) calc(var(--boxel-sp-xxxs) + var(--boxel-sp-xxs))
    );
  }

  .boxel-select[aria-disabled='true'][data-scopedcss-46b6a63595-f66908675d] {
    background-color: var(--muted, var(--boxel-100));
    color: var(--select-placeholder-color);
    cursor: not-allowed;
    pointer-events: none;
  }

  .boxel-select-options-list[data-scopedcss-46b6a63595-643553eccd] {
    list-style: none;
    padding: var(--boxel-sp-xxxs);
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow-y: auto;
    max-width: 100%;
    max-height: var(--boxel-select-options-list-max-height, 12.25rem);
    position: relative;
    box-sizing: border-box;
  }

  .boxel-select-option-item[data-scopedcss-46b6a63595-643553eccd] {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--boxel-sp-xxs);
    max-width: 100%;
    padding: var(--boxel-sp-xxs);
    margin-bottom: 1px;
    font-family: inherit;
    font-size: var(--boxel-font-size-sm);
    letter-spacing: var(--boxel-lsp-sm);
    text-align: left;
    background-color: var(--dropdown-background-color);
    color: var(--dropdown-text-color);
    border: none;
    transition:
      background-color var(--boxel-transition),
      color var(--boxel-transition);
    box-sizing: border-box;
  }

  .boxel-select-option-item[data-scopedcss-46b6a63595-643553eccd]:not([aria-disabled='true']):hover {
    background-color: var(--dropdown-hover-color);
    color: var(--dropdown-hover-text-color);
    cursor: pointer;
  }

  .boxel-select-option-item.is-highlighted[data-scopedcss-46b6a63595-643553eccd] {
    background-color: var(--dropdown-hover-color);
    color: var(--dropdown-hover-text-color);
  }

  .boxel-select-option-item.is-selected[data-scopedcss-46b6a63595-643553eccd] {
    background-color: var(--dropdown-highlight-color);
    color: var(--dropdown-selected-text-color);
  }

  .boxel-select-option-item.is-selected.is-highlighted[data-scopedcss-46b6a63595-643553eccd] {
    background-color: var(--dropdown-selected-highlighted-color);
  }

  /* Pointer state is declared after the keyboard state so it wins when both
     apply — hovering an option also highlights it. */
  .boxel-select-option-item.is-selected[data-scopedcss-46b6a63595-643553eccd]:hover {
    background-color: var(--dropdown-selected-hover-color);
    color: var(--dropdown-selected-text-color);
  }

  .boxel-select-option-item[aria-disabled='true'][data-scopedcss-46b6a63595-643553eccd] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .boxel-select-option-icon[data-scopedcss-46b6a63595-643553eccd] {
    width: var(--boxel-icon-xs);
    height: var(--boxel-icon-xs);
    flex-shrink: 0;
    margin-right: var(--boxel-sp-xxs);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .boxel-select-option-text[data-scopedcss-46b6a63595-643553eccd] {
    padding: 1px; /* spacing for 1px card box-shadow border */
    overflow: hidden;
    display: var(--boxel-select-option-text-display, flex);
    align-items: var(--boxel-select-option-text-align, center);
    gap: var(--boxel-select-option-text-gap, var(--boxel-sp-2xs));
  }

  .boxel-select-option-checkmark-container[data-scopedcss-46b6a63595-643553eccd] {
    /* maintain space for icon and keep content widths the same */
    width: var(--boxel-icon-med);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .boxel-select-option-checkmark[data-scopedcss-46b6a63595-643553eccd] {
    height: var(--boxel-icon-xs);
    max-width: 100%;
    aspect-ratio: 1;
    flex-shrink: 0;
    --icon-color: currentColor;
  }

  @layer boxelComponentL1 {
    .text-accessory[data-scopedcss-9ed2631ecd-8174b3cb53] {
      align-items: center;
      color: color-mix(
        in oklch,
        var(--muted-foreground) 55%,
        var(--foreground)
      );
      display: flex;
      font-size: var(--boxel-font-size-sm);
      padding: var(--boxel-input-group-padding-y)
        var(--boxel-input-group-padding-x);
      text-align: center;
      white-space: nowrap;
    }
  }

  .boxel-input-group__accessory[data-scopedcss-9ed2631ecd-c89ea75f0a] {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: var(--boxel-input-group-height);
    outline-offset: 0;
  }

  .boxel-input-group__select-accessory[data-scopedcss-9ed2631ecd-c89ea75f0a] {
    z-index: 2;
  }

  .boxel-input-group__select-accessory[data-scopedcss-9ed2631ecd-c89ea75f0a] .boxel-select {
    min-height: inherit;
    background: none;
    border: none;
    font-weight: 600;
    outline-offset: 0px;
  }

  .boxel-input-group__select-accessory[data-scopedcss-9ed2631ecd-c89ea75f0a]
    .boxel-select .ember-power-select-placeholder {
    font-weight: 600;
  }
  .boxel-input-group__select-accessory[data-scopedcss-9ed2631ecd-c89ea75f0a]
    [aria-expanded='true'] .ember-power-select-status-icon {
    transform: rotate(180deg);
  }

  .boxel-input-group__select-accessory--disabled[data-scopedcss-9ed2631ecd-c89ea75f0a] {
    opacity: 0.5;
  }

  .boxel-input-group--invalid .boxel-input-group__select-accessory[data-scopedcss-9ed2631ecd-c89ea75f0a] {
    border-color: var(--destructive, var(--boxel-error-100));
  }

  .boxel-input-group__select-accessory[data-scopedcss-9ed2631ecd-c89ea75f0a]
    .ember-power-select-status-icon {
    position: relative;
  }

  
    .boxel-input-group__select-accessory__dropdown
      .ember-power-select-option
   {
    padding: var(--boxel-sp-xs) var(--boxel-sp-xs) var(--boxel-sp-xs)
      var(--boxel-sp-xs);
  }

  .container[data-scopedcss-6e6fc8f05f-f153013829] {
    display: flex;
    flex-direction: column;
  }
  .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] {
    --boxel-input-group-padding-x: var(--boxel-sp-sm);
    --boxel-input-group-padding-y: var(--boxel-sp-xxs);
    --boxel-input-group-border-color: var(
      --border,
      var(--boxel-form-control-border-color)
    );
    --boxel-input-group-border-radius: var(
      --boxel-form-control-border-radius
    );
    --boxel-input-group-inner-border-radius: calc(
      var(--boxel-input-group-border-radius) - 1px
    );
    --boxel-input-group-interior-border-width: 0;
    --boxel-input-group-height: var(
      --boxel-input-height,
      var(--boxel-form-control-height)
    );
    --boxel-input-group-icon-length: calc(
      var(--boxel-icon-sm) + var(--boxel-sp-xs) * 2
    );

    border-radius: var(--boxel-input-group-border-radius);
    cursor: text;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-height: var(--boxel-input-group-height);
    background-color: var(--background, var(--boxel-light));
    color: var(--foreground, var(--boxel-dark));
    border: 1px solid var(--boxel-input-group-border-color);
  }

  @layer boxelComponentL1 {
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  .form-control {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-clip: padding-box;
      display: block;
      flex: 1 1 auto;
      min-width: 0;
      padding: var(--boxel-input-group-padding-y)
        var(--boxel-input-group-padding-x);
      width: 1%;
      background-color: inherit;
      color: inherit;
    }
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  .accessory,
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  .form-control {
      position: relative;
      z-index: 1;
      outline-offset: 0;
      margin: 0;
      min-height: inherit;
      box-shadow: none;
      border: none;
    }
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  .button-accessory.kind-secondary {
      --boxel-button-color: var(--secondary, var(--boxel-100));
    }
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829]
      >  .button-accessory.kind-secondary:not(.disabled):hover {
      background-color: color-mix(
        in oklab,
        var(--boxel-button-color) 95%,
        var(--boxel-button-text-color)
      );
    }
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  * + .button-accessory,
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829]
      >  .button-accessory + *:not(.button-accessory) {
      border-left: 1px solid var(--boxel-input-group-border-color);
    }
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  .accessory:focus-visible,
    .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] >  .form-control:focus-visible {
      z-index: 5;
    }
  }

  .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829]:not(:has(.accessory)):focus-within:not(
      .boxel-input-group--invalid
    ) {
    outline: 1px solid var(--ring, var(--boxel-highlight));
    border-color: var(--ring, var(--boxel-highlight));
  }
  [data-scopedcss-6e6fc8f05f-f153013829] .form-control:focus-visible,[data-scopedcss-6e6fc8f05f-f153013829] .accessory ~ .form-control:focus-visible {
    outline: 2px solid var(--ring, var(--boxel-highlight));
  }
  [data-scopedcss-6e6fc8f05f-f153013829] .form-control:not(:has(~ .accessory)) {
    outline: none;
  }

  .boxel-input-group--disabled[data-scopedcss-6e6fc8f05f-f153013829] .form-control,
  .boxel-input-group--disabled[data-scopedcss-6e6fc8f05f-f153013829] .text-accessory,
  .boxel-input-group--disabled[data-scopedcss-6e6fc8f05f-f153013829] .icon-button-accessory,
  .boxel-input-group--disabled[data-scopedcss-6e6fc8f05f-f153013829] .button-accessory {
    border-color: var(--boxel-input-group-border-color);
    opacity: 0.5;
  }

  .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] > :last-child {
    border-top-right-radius: var(--boxel-input-group-inner-border-radius);
    border-bottom-right-radius: var(
      --boxel-input-group-inner-border-radius
    );
  }

  .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] > :first-child {
    border-top-left-radius: var(--boxel-input-group-inner-border-radius);
    border-bottom-left-radius: var(--boxel-input-group-inner-border-radius);
  }

  .boxel-input-group[data-scopedcss-6e6fc8f05f-f153013829] > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .helper-text[data-scopedcss-6e6fc8f05f-f153013829] {
    margin-top: var(--boxel-sp-xs);
    margin-left: var(--boxel-sp-xs);
    opacity: 0.75;
    font-size: var(--boxel-font-size-sm);
    letter-spacing: var(--boxel-lsp);
  }

  .boxel-input-group--invalid[data-scopedcss-6e6fc8f05f-f153013829]:not(.boxel-input-group--disabled) {
    box-shadow: 0 0 0 1px var(--destructive, var(--boxel-error-100));
  }

  .boxel-input-group--invalid:not(.boxel-input-group--disabled)
    .validation-icon-container[data-scopedcss-6e6fc8f05f-f153013829],
  .boxel-input-group--invalid[data-scopedcss-6e6fc8f05f-f153013829]:not(.boxel-input-group--disabled)
    .form-control,
  .boxel-input-group--invalid[data-scopedcss-6e6fc8f05f-f153013829]:not(.boxel-input-group--disabled)
    .text-accessory,
  .boxel-input-group--invalid[data-scopedcss-6e6fc8f05f-f153013829]:not(.boxel-input-group--disabled)
    .icon-button-accessory,
  .boxel-input-group--invalid[data-scopedcss-6e6fc8f05f-f153013829]:not(.boxel-input-group--disabled)
    .button-accessory {
    border-color: var(--destructive, var(--boxel-error-100));
  }

  .boxel-input-group--disabled ~ .error-message[data-scopedcss-6e6fc8f05f-f153013829],
  .boxel-input-group--disabled ~ .helper-text[data-scopedcss-6e6fc8f05f-f153013829] {
    display: none;
  }

  .error-message[data-scopedcss-6e6fc8f05f-f153013829] {
    margin-top: var(--boxel-sp-xxxs);
    margin-left: calc(var(--boxel-sp-sm) + 1px);
    color: var(--destructive, var(--boxel-error-200));
    font-size: var(--boxel-font-size-sm);
    font-weight: 500;
    letter-spacing: var(--boxel-lsp);
  }

  .validation-icon-container[data-scopedcss-6e6fc8f05f-f153013829] {
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    width: var(--boxel-input-group-icon-length);
  }

  .card[data-scopedcss-1127c649fe-baecc4221b] {
    flex-shrink: 0;
    border-radius: var(--_kanban-radius);
    overflow: hidden;
    color: var(--_kanban-card-fg);
    background: var(--_kanban-card-bg);
    box-shadow:
      0 1px 2px color-mix(in oklab, var(--_kanban-card-fg) 6%, transparent),
      0 0 0 1px color-mix(in oklab, var(--_kanban-card-fg) 4%, transparent);
    cursor: grab;
    transition: box-shadow 120ms ease-out;
  }
  .card.board-dragging[data-scopedcss-1127c649fe-baecc4221b] {
    transition:
      transform 240ms cubic-bezier(0.4, 0, 0.2, 1),
      height 200ms cubic-bezier(0.4, 0, 1, 1),
      margin 200ms cubic-bezier(0.4, 0, 1, 1),
      opacity 150ms ease-out,
      box-shadow 120ms ease-out;
  }
  .card[data-scopedcss-1127c649fe-baecc4221b]:hover {
    box-shadow:
      0 2px 8px color-mix(in oklab, var(--_kanban-card-fg) 8%, transparent),
      0 0 0 1px color-mix(in oklab, var(--_kanban-card-fg) 6%, transparent);
  }
  .card.selected[data-scopedcss-1127c649fe-baecc4221b] {
    box-shadow:
      0 0 0 2px var(--_kanban-ring),
      0 1px 2px color-mix(in oklab, var(--_kanban-card-fg) 6%, transparent);
  }
  .card.dragging[data-scopedcss-1127c649fe-baecc4221b] {
    opacity: 0;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: calc(-1 * var(--_kanban-col-gap) / 2) 0;
  }
  [data-scopedcss-1127c649fe-baecc4221b] .boxel-card-container {
    background: inherit;
    color: inherit;
    border-radius: inherit;
  }

  @layer boxelComponentL1 {
    .switch[data-scopedcss-6acfa7970e-bf7282e4a8] {
      --_switch-width: var(--boxel-switch-width, 2.125rem);
      --_switch-height: var(--boxel-switch-height, 1.25rem);
      --_switch-bg-color: var(--boxel-switch-background, var(--input));
      --_switch-active-color: var(
        --boxel-switch-active-background,
        var(--primary)
      );
      --_switch-thumb-color: var(--boxel-switch-thumb, var(--background));
      --_switch-active-thumb-color: var(
        --boxel-switch-active-thumb,
        var(--_switch-thumb-color)
      );
      --_switch-thumb-edge-color: var(
        --boxel-switch-thumb-edge,
        color-mix(in oklch, var(--foreground) 12%, transparent)
      );
      --_switch-thumb-icon-color: var(
        --boxel-switch-thumb-icon,
        var(--foreground)
      );
      --_switch-active-thumb-icon-color: var(
        --boxel-switch-active-thumb-icon,
        var(--_switch-thumb-icon-color)
      );
      --_switch-min-target: var(--boxel-switch-min-target, 1.5rem);
      --_switch-ring-width: 2px;
      --_switch-ring-offset: 2px;
      --_switch-ring-bleed: calc(
        var(--_switch-ring-width) + var(--_switch-ring-offset)
      );

      display: inline-flex;
      align-items: center;
      color: var(--boxel-switch-foreground, var(--foreground));
      /* Reaches the 24px minimum target (WCAG 2.5.8) inside the element's
         own box, so it never covers a neighbor — and never less than the
         ring's bleed past the track, so a scrolling or clipping ancestor
         cannot cut the focus ring. */
      padding-block: max(
        var(--_switch-ring-bleed),
        calc((var(--_switch-min-target) - var(--_switch-height)) / 2)
      );
      padding-inline: max(
        var(--_switch-ring-bleed),
        calc((var(--_switch-min-target) - var(--_switch-width)) / 2)
      );
    }

    .switch.has-label[data-scopedcss-6acfa7970e-bf7282e4a8] {
      gap: var(--boxel-sp-xs);
    }

    /* Presets set the public knobs, so all geometry follows; an inline
       --boxel-switch-* still outranks them. */
    .switch.size-small[data-scopedcss-6acfa7970e-bf7282e4a8] {
      --boxel-switch-width: 1.75rem;
      --boxel-switch-height: 1rem;
    }

    /* meets the 24px target size (WCAG 2.5.8) on its drawn size alone */
    .switch.size-touch[data-scopedcss-6acfa7970e-bf7282e4a8] {
      --boxel-switch-width: 2.75rem;
      --boxel-switch-height: 1.625rem;
    }

    .switch-track[data-scopedcss-6acfa7970e-bf7282e4a8] {
      box-sizing: border-box;
      flex: none;
      position: relative;
      width: var(--_switch-width);
      height: var(--_switch-height);
      /* the one radius token CardContainer does not re-declare */
      border-radius: var(--boxel-border-radius-pill, 9999px);
      padding: 1px;
      display: inline-flex;
      align-items: center;
      background-color: var(--_switch-bg-color);
      border: 1px solid var(--border);
      box-shadow: var(--shadow-xs);
    }

    /* Invisible, but still the focusable, checkable element and the
       :focus-visible source for the track's ring. */
    .switch-input[data-scopedcss-6acfa7970e-bf7282e4a8] {
      -webkit-appearance: none;
      appearance: none;
      position: absolute;
      inset: 0;
      margin: 0;
      opacity: 0;
      /* the UA's disabled cursor would disagree with the control's */
      cursor: inherit;
    }

    .switch-thumb[data-scopedcss-6acfa7970e-bf7282e4a8] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      aspect-ratio: 1;
      background-color: var(--_switch-thumb-color);
      /* icons draw with currentColor */
      color: var(--_switch-thumb-icon-color);
      border-radius: 50%;
      /* A shadow, not a border, which would grow the border-box and
         break the aspect-ratio square. --foreground because it inverts:
         this exists for themes where --input and --background meet. */
      box-shadow: 0 0 0 1px var(--_switch-thumb-edge-color);
    }

    /* The icon's intrinsic size follows @size only, so CSS-set geometry
       could overflow the thumb. :deep: the svg is the caller's. */
    .switch-thumb[data-scopedcss-6acfa7970e-bf7282e4a8] svg {
      max-width: 60%;
      max-height: 60%;
    }

    /* Travel is width minus height: border and padding subtract equally
       from the track's content box and the square thumb, so the thumb
       lands flush against the far edge at any size. */
    .switch.checked .switch-thumb[data-scopedcss-6acfa7970e-bf7282e4a8] {
      background-color: var(--_switch-active-thumb-color);
      color: var(--_switch-active-thumb-icon-color);
      transform: translateX(
        calc(var(--_switch-width) - var(--_switch-height))
      );
    }

    .switch.checked:dir(rtl) .switch-thumb[data-scopedcss-6acfa7970e-bf7282e4a8] {
      transform: translateX(
        calc(-1 * (var(--_switch-width) - var(--_switch-height)))
      );
    }

    .switch.checked .switch-track[data-scopedcss-6acfa7970e-bf7282e4a8] {
      background-color: var(--_switch-active-color);
    }

    .switch:has(:focus-visible) .switch-track[data-scopedcss-6acfa7970e-bf7282e4a8] {
      outline: var(--_switch-ring-width) solid var(--ring);
      outline-offset: var(--_switch-ring-offset);
    }

    /* scale composes with the checked translate, so the pressed thumb
       swells in both positions */
    .switch:not(.disabled):active .switch-thumb[data-scopedcss-6acfa7970e-bf7282e4a8] {
      scale: 1.05;
    }

    @media (prefers-reduced-motion: no-preference) {
      .switch-track[data-scopedcss-6acfa7970e-bf7282e4a8] {
        transition: background-color 0.1s ease-in;
      }

      .switch-thumb[data-scopedcss-6acfa7970e-bf7282e4a8] {
        transition:
          transform 0.1s ease-in,
          scale 0.1s ease-in;
      }
    }

    .switch[data-scopedcss-6acfa7970e-bf7282e4a8]:hover {
      cursor: pointer;
    }

    .switch.disabled[data-scopedcss-6acfa7970e-bf7282e4a8] {
      opacity: 0.5;
      cursor: not-allowed;
    }
  }

  .col-row[data-scopedcss-50b8e45af0-a92681cfc0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid
      color-mix(
        in oklch,
        var(
            --boxel-col-config-sidebar-border,
            var(--border, var(--boxel-border-color))
          )
          50%,
        transparent
      );
  }
  .col-row[data-scopedcss-50b8e45af0-a92681cfc0]:last-child {
    border-bottom: none;
  }
  .col-row-order[data-scopedcss-50b8e45af0-a92681cfc0] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex-shrink: 0;
  }
  .col-color-wrap[data-scopedcss-50b8e45af0-a92681cfc0] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }
  .col-label-input[data-scopedcss-50b8e45af0-a92681cfc0] {
    flex: 1;
    min-width: 0;
  }
  .col-wip-field[data-scopedcss-50b8e45af0-a92681cfc0] {
    --boxel-field-content-size: 3rem;
    --boxel-input-icon-size: 0;
    flex-shrink: 0;
  }
  .col-visible-btn[data-scopedcss-50b8e45af0-a92681cfc0] {
    color: var(
      --_kanban-muted-fg,
      var(--muted-foreground, var(--boxel-500))
    );
  }
  .col-visible-btn[data-scopedcss-50b8e45af0-a92681cfc0]:disabled {
    opacity: 0.5;
  }
  .col-dot[data-scopedcss-50b8e45af0-a92681cfc0] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--col-dot-bg, var(--_kanban-muted-fg));
    box-shadow: 0 0 0 1.5px
      color-mix(in oklch, var(--col-dot-bg) 30%, transparent);
  }

  .col-config-sidebar[data-scopedcss-b07937b702-666857278f] {
    --boxel-col-config-sidebar-border: var(
      --border,
      var(--boxel-border-color)
    );
    --boxel-col-config-sidebar-width: 19rem;
    --boxel-col-config-sidebar-height: 100%;
    display: flex;
    flex-direction: column;
    width: var(--boxel-col-config-sidebar-width);
    height: var(--boxel-col-config-sidebar-height);
    flex-shrink: 0;
    border: 1px solid var(--boxel-col-config-sidebar-border);
    background: var(--sidebar, var(--boxel-light));
    color: var(--sidebar-foreground, var(--boxel-dark));
    overflow-y: auto;
  }
  .sidebar-header[data-scopedcss-b07937b702-666857278f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem 0.625rem;
    border-bottom: 1px solid var(--boxel-col-config-sidebar-border);
    flex-shrink: 0;
  }
  .sidebar-title[data-scopedcss-b07937b702-666857278f] {
    font-size: 0.875rem;
  }
  .hide-empty-row[data-scopedcss-b07937b702-666857278f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--boxel-col-config-sidebar-border);
    font-size: 0.875rem;
    cursor: pointer;
  }
  .hide-empty-row[data-scopedcss-b07937b702-666857278f] .label-container {
    padding-top: unset;
  }
  .col-list[data-scopedcss-b07937b702-666857278f] {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0;
  }
  .empty-sidebar[data-scopedcss-b07937b702-666857278f] {
    padding: 0.5rem 0.75rem;
    opacity: 0.7;
  }

  .col-header[data-scopedcss-5d4122dec7-20ae5a59f0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.875rem 0.5rem;
    flex-shrink: 0;
  }
  .col-header.is-target[data-scopedcss-5d4122dec7-20ae5a59f0] {
    background-color: var(--_kanban-primary);
    color: var(--_kanban-primary-fg);
    border-radius: var(--_kanban-radius) var(--_kanban-radius) 0 0;
  }
  .col-header-left[data-scopedcss-5d4122dec7-20ae5a59f0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
  }
  .col-dot[data-scopedcss-5d4122dec7-20ae5a59f0] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--col-dot-bg, var(--_kanban-muted-fg));
    box-shadow: 0 0 0 1.5px
      color-mix(in oklch, var(--col-dot-bg) 30%, transparent);
  }
  .col-name[data-scopedcss-5d4122dec7-20ae5a59f0] {
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .col-count[data-scopedcss-5d4122dec7-20ae5a59f0] {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: var(--_kanban-muted-opacity);
  }
  .col-header-right[data-scopedcss-5d4122dec7-20ae5a59f0] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-6xs);
  }
  .col-wip[data-scopedcss-5d4122dec7-20ae5a59f0] {
    font-size: 0.625rem;
    font-family: var(--font-mono, var(--boxel-monospace-font-family));
    margin-right: var(--boxel-sp-3xs);
    opacity: var(--_kanban-muted-opacity);
  }
  .col-wip.over[data-scopedcss-5d4122dec7-20ae5a59f0] {
    color: var(--_kanban-destructive);
    font-weight: 700;
    opacity: 1;
  }
  .col-add-btn[data-scopedcss-5d4122dec7-20ae5a59f0] {
    opacity: var(--_kanban-muted-opacity);
  }
  .col-add-btn[data-scopedcss-5d4122dec7-20ae5a59f0]:hover {
    opacity: 1;
  }
  .col-collapse-btn[data-scopedcss-5d4122dec7-20ae5a59f0] {
    opacity: 0;
    transition: opacity 150ms ease;
  }
  .col-header:hover .col-collapse-btn[data-scopedcss-5d4122dec7-20ae5a59f0] {
    opacity: var(--_kanban-muted-opacity);
  }
  .col-collapse-btn[data-scopedcss-5d4122dec7-20ae5a59f0]:hover {
    opacity: 1;
  }

  .ghost[data-scopedcss-ad0fb36ab6-99e9c3ba7b] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: var(--boxel-kanban-ghost-z-index, 9);
    will-change: translate;
    pointer-events: none;
    border-radius: var(--_kanban-radius, 0.5rem);
    overflow: hidden;
    color: var(--_kanban-card-fg);
    background: var(--_kanban-card-bg);
    box-shadow:
      0 24px 60px color-mix(in oklch, black 28%, transparent),
      0 8px 20px color-mix(in oklch, black 12%, transparent),
      0 2px 6px color-mix(in oklch, black 6%, transparent);
    opacity: 0.97;
    rotate: -2.5deg;
    scale: 1.03;
  }
  .ghost.settling[data-scopedcss-ad0fb36ab6-99e9c3ba7b] {
    transition:
      translate 180ms cubic-bezier(0.4, 0, 0.2, 1),
      width 180ms cubic-bezier(0.4, 0, 0.2, 1),
      height 180ms cubic-bezier(0.4, 0, 0.2, 1),
      rotate 180ms ease-out,
      scale 180ms ease-out,
      box-shadow 180ms ease-out;
    rotate: 0deg;
    scale: 1;
    box-shadow:
      0 1px 2px color-mix(in oklch, black 6%, transparent),
      0 0 0 1px color-mix(in oklch, black 4%, transparent);
  }

  .board[data-scopedcss-42b47a279e-eeefba4b47] {
    display: flex;
    gap: 0.5rem;
    height: 100%;
    padding: 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    outline: none;
    background-color: var(--_kanban-bg);
    color: var(--_kanban-fg);
  }
  .board[data-scopedcss-42b47a279e-eeefba4b47]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--_kanban-ring);
  }
  .board.is-dragging[data-scopedcss-42b47a279e-eeefba4b47] {
    user-select: none;
    -webkit-user-select: none;
    cursor: grabbing;
  }

  .column[data-scopedcss-42b47a279e-eeefba4b47] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--_kanban-radius);
    background: var(--_kanban-col-bg);
    color: var(--_kanban-col-fg);
  }
  .column.is-over-wip[data-scopedcss-42b47a279e-eeefba4b47] {
    background: color-mix(
      in oklch,
      var(--_kanban-destructive) 12%,
      var(--_kanban-bg)
    );
  }

  .col-body[data-scopedcss-42b47a279e-eeefba4b47] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--_kanban-col-gap);
    padding: 0.25rem 0.5rem 0.5rem;
    position: relative;
  }

  .insertion-box[data-scopedcss-42b47a279e-eeefba4b47] {
    position: absolute;
    top: 0;
    left: 0.5rem;
    right: 0.5rem;
    border-radius: var(--_kanban-radius);
    background: color-mix(
      in oklch,
      var(--_kanban-primary) 8%,
      var(--_kanban-bg)
    );
    border: 2px dashed var(--_kanban-primary);
    color: var(--_kanban-primary-fg);
    z-index: 0;
    pointer-events: none;
    transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .empty-col[data-scopedcss-42b47a279e-eeefba4b47] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-size: 0.8125rem;
    font-style: italic;
    opacity: var(--_kanban-muted-opacity);
  }

  .hidden-columns-tray[data-scopedcss-42b47a279e-eeefba4b47] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--_kanban-radius);
    background: var(--_kanban-col-bg);
    color: var(--_kanban-col-fg);
    flex-shrink: 0;
  }

  .hidden-tray-header[data-scopedcss-42b47a279e-eeefba4b47] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.875rem 0.5rem;
    flex-shrink: 0;
  }

  .hidden-tray-title[data-scopedcss-42b47a279e-eeefba4b47] {
    font-size: 0.8125rem;
    font-weight: 600;
    opacity: var(--_kanban-muted-opacity);
  }

  .hidden-tray-count[data-scopedcss-42b47a279e-eeefba4b47] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.0625rem 0.375rem;
    border-radius: 999px;
    background: color-mix(in oklch, var(--_kanban-col-fg) 10%, transparent);
    opacity: var(--_kanban-muted-opacity);
  }

  .hidden-tray-body[data-scopedcss-42b47a279e-eeefba4b47] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem 0.5rem;
  }

  .hidden-col-row[data-scopedcss-42b47a279e-eeefba4b47] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.625rem;
    border-radius: var(--_kanban-radius);
    border: none;
    background: color-mix(in oklch, var(--_kanban-col-fg) 5%, transparent);
    color: var(--_kanban-col-fg);
    font-size: 0.8125rem;
    cursor: pointer;
    text-align: left;
    transition: background 120ms ease;
  }

  .hidden-col-row[data-scopedcss-42b47a279e-eeefba4b47]:disabled {
    cursor: default;
  }

  .hidden-col-row[data-scopedcss-42b47a279e-eeefba4b47]:hover:not(:disabled) {
    background: color-mix(in oklch, var(--_kanban-col-fg) 10%, transparent);
  }

  .hidden-col-dot[data-scopedcss-42b47a279e-eeefba4b47] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--col-dot-bg, var(--_kanban-muted-fg));
  }

  .hidden-col-label[data-scopedcss-42b47a279e-eeefba4b47] {
    flex: 1;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .hidden-col-count[data-scopedcss-42b47a279e-eeefba4b47] {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: var(--_kanban-muted-opacity);
    flex-shrink: 0;
  }

  .hidden-col-restore-icon[data-scopedcss-42b47a279e-eeefba4b47] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 120ms ease;
    color: var(--_kanban-muted-fg);
  }

  .hidden-col-row:hover:not(:disabled) .hidden-col-restore-icon[data-scopedcss-42b47a279e-eeefba4b47] {
    opacity: 1;
  }

  .kanban-plane[data-scopedcss-271903ec34-4c653724eb] {
    --_kanban-bg: var(
      --boxel-kanban-bg,
      color-mix(in oklch, var(--foreground) 1%, transparent)
    );
    --_kanban-fg: var(--boxel-kanban-fg, var(--foreground));
    --_kanban-card-bg: var(--boxel-kanban-card-bg, var(--card));
    --_kanban-card-fg: var(--boxel-kanban-card-fg, var(--card-foreground));
    --_kanban-col-bg: var(
      --boxel-kanban-col-bg,
      color-mix(in oklch, var(--foreground) 7%, transparent)
    );
    --_kanban-col-fg: var(--boxel-kanban-col-fg, var(--foreground));
    --_kanban-ring: var(
      --boxel-kanban-ring,
      var(--ring, var(--boxel-highlight))
    );
    --_kanban-destructive: var(
      --boxel-kanban-destructive,
      var(--destructive, var(--boxel-danger))
    );
    --_kanban-destructive-fg: var(
      --boxel-kanban-destructive-fg,
      var(--destructive-foreground, var(--boxel-light-100))
    );
    --_kanban-primary: var(
      --boxel-kanban-primary,
      var(--primary, var(--boxel-highlight))
    );
    --_kanban-primary-fg: var(
      --boxel-kanban-primary-fg,
      var(--primary-foreground, var(--boxel-dark))
    );
    --_kanban-muted-opacity: var(--boxel-kanban-muted-opacity, 0.7);
    --_kanban-muted-fg: var(
      --boxel-kanban-muted-fg,
      var(--muted-foreground, var(--boxel-450))
    );
    --_kanban-radius: var(
      --boxel-kanban-radius,
      var(--radius, var(--boxel-border-radius-sm))
    );
    --_kanban-col-gap: 0.5rem; /* KANBAN_INSERTION_GAP_PX (8px) in JS calculations */
    --_kanban-border: var(
      --boxel-kanban-border,
      var(--border, var(--boxel-border-color))
    );
  }

  .kanban-empty-state[data-scopedcss-271903ec34-4c653724eb] {
    height: 100%;
    display: grid;
    place-items: center;
    padding: 2rem;
  }
  .kanban-empty-copy[data-scopedcss-271903ec34-4c653724eb] {
    max-width: 24rem;
    text-align: center;
    display: grid;
    gap: 0.5rem;
    padding: 1.5rem;
    border: 1px solid var(--_kanban-border);
    border-radius: 0.75rem;
    background: var(--_kanban-card-bg);
    color: var(--_kanban-card-fg);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
  }
  .kanban-empty-copy h2[data-scopedcss-271903ec34-4c653724eb],
  .kanban-empty-copy p[data-scopedcss-271903ec34-4c653724eb] {
    margin: 0;
  }
  .kanban-empty-copy h2[data-scopedcss-271903ec34-4c653724eb] {
    font-size: 1rem;
    font-weight: 600;
  }
  .kanban-empty-copy p[data-scopedcss-271903ec34-4c653724eb] {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--_kanban-muted-fg);
  }
  .kanban-empty-state[data-scopedcss-271903ec34-4c653724eb] svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto 0.25rem;
    color: var(--_kanban-border);
  }

  @layer boxelComponentL1 {
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] {
      --md-border: var(
        --markdown-border-color,
        var(--border, var(--boxel-border-color))
      );
      --md-muted: var(
        --markdown-muted-background,
        var(--muted, var(--boxel-100))
      );
      --md-mono: var(
        --markdown-code-font-family,
        var(--font-mono, var(--boxel-monospace-font-family))
      );

      /* Overridable styling contract: set `--markdown-*` custom properties
         on any ancestor element to customize the render without reaching in
         with `:deep`. Each rule below reads its public token with the
         default as the var() fallback. Public tokens must stay undeclared on
         this element — a declaration here would shadow the value inheriting
         down from the consumer — so only tokens read in several rules get a
         private `--md-*` consolidation var (these two and the three above). */
      --md-heading-font-weight: var(--markdown-heading-font-weight, 600);
      --md-pre-border: var(--markdown-pre-border, none);

      max-width: 100%;
      font-size: var(--markdown-font-size, inherit);
      font-family: var(--markdown-font-family, inherit);
      line-height: var(--markdown-line-height, inherit);
      overflow: hidden;
    }

    /* Over-limit content notice + truncated plain-text preview */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-oversized-notice {
      margin: 0 0 var(--boxel-sp-xs);
      font-style: italic;
      color: var(--boxel-500);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-oversized-preview {
      max-height: 20rem;
      overflow: auto;
      white-space: pre-wrap;
      word-break: break-word;
      font-family: var(--md-mono);
      font-size: 0.8125em;
      background-color: var(--md-muted);
      border: 1px solid var(--md-border);
      border-radius: var(--boxel-border-radius);
      padding: var(--boxel-sp-xs);
    }

    /* Heading */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h1,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h2,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h3,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h4,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h5,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h6 {
      font-family: var(--markdown-heading-font-family, inherit);
      scroll-margin-top: var(--markdown-heading-scroll-margin, 0);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h1 {
      font-size: var(--markdown-h1-font-size, 2.5em);
      font-weight: var(
        --markdown-h1-font-weight,
        var(--md-heading-font-weight)
      );
      line-height: var(--markdown-h1-line-height, 1.25);
      letter-spacing: normal;
      margin-block: var(
        --markdown-h1-margin-block,
        var(--boxel-sp-xl) var(--boxel-sp-lg)
      );
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h2 {
      font-size: var(--markdown-h2-font-size, 1.625em);
      font-weight: var(
        --markdown-h2-font-weight,
        var(--md-heading-font-weight)
      );
      line-height: var(--markdown-h2-line-height, inherit);
      margin-block: var(
        --markdown-h2-margin-block,
        var(--boxel-sp-2xl) var(--boxel-sp-xs)
      );
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h3 {
      font-size: var(--markdown-h3-font-size, 1.125em);
      font-weight: var(
        --markdown-h3-font-weight,
        var(--md-heading-font-weight)
      );
      line-height: var(--markdown-h3-line-height, inherit);
      margin-block: var(
        --markdown-h3-margin-block,
        var(--boxel-sp-xl) var(--boxel-sp-3xs)
      );
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h4 {
      font-size: var(--markdown-h4-font-size, 1em);
      font-weight: var(
        --markdown-h4-font-weight,
        var(--md-heading-font-weight)
      );
      line-height: var(--markdown-h4-line-height, inherit);
      margin-block: var(
        --markdown-h4-margin-block,
        var(--boxel-sp-lg) var(--boxel-sp-3xs)
      );
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h5 {
      font-size: var(--markdown-h5-font-size, 0.8125em);
      font-weight: var(
        --markdown-h5-font-weight,
        var(--md-heading-font-weight)
      );
      line-height: var(--markdown-h5-line-height, inherit);
      margin-block: var(
        --markdown-h5-margin-block,
        var(--boxel-sp) var(--boxel-sp-3xs)
      );
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] h6 {
      font-size: var(--markdown-h6-font-size, 0.6875em);
      font-weight: var(
        --markdown-h6-font-weight,
        var(--md-heading-font-weight)
      );
      line-height: var(--markdown-h6-line-height, inherit);
      margin-block: var(
        --markdown-h6-margin-block,
        var(--boxel-sp-sm) var(--boxel-sp-3xs)
      );
    }
    /* A heading that opens its container gets no top margin, so a bounded
       surface starts at the render's first line rather than a gap. */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] :is(h1, h2, h3, h4, h5, h6):first-child {
      margin-top: var(--markdown-first-heading-margin-top, 0);
    }

    /* Paragraph */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] p {
      font-family: inherit;
      font-size: inherit;
      font-weight: 400;
      line-height: var(--markdown-p-line-height, 1.6);
      margin-block: var(
        --markdown-p-margin-block,
        var(--boxel-sp-lg) var(--boxel-sp)
      );
    }

    /* Bold */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] strong,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] b {
      font-weight: 700;
    }

    /* Italic */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] em,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] i {
      font-style: italic;
    }

    /* Strikethrough */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] del,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] s {
      text-decoration: line-through;
    }

    /* Highlight */
    /** Must use "<mark>...</mark>" html element **/
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] mark {
      background-color: var(--boxel-yellow);
    }

    /* Subscript */
    /** Must use <sub> **/

    /* Superscript */
    /** Must use <sup> **/

    /* Blockquote */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] blockquote {
      margin-block: var(
        --markdown-blockquote-margin-block,
        var(--boxel-sp-lg)
      );
      margin-inline: auto;
      padding: var(--markdown-blockquote-padding, var(--boxel-sp-4xs) 0);
      border-right: var(--markdown-blockquote-border-right, 1px solid black);
      border-left: var(--markdown-blockquote-border-left, 1px solid black);
      background: var(--markdown-blockquote-background, transparent);
      border-radius: var(--markdown-blockquote-border-radius, 0);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] blockquote p {
      font-size: var(--markdown-blockquote-p-font-size, 1.5em);
      font-style: var(--markdown-blockquote-font-style, italic);
      margin-inline: var(
        --markdown-blockquote-p-margin-inline,
        var(--boxel-sp-xl)
      );
    }

    /* GFM Alerts / Admonitions (rendered by marked-alert) */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert {
      border-left: 3px solid var(--markdown-alert-color, var(--boxel-400));
      border-radius: 0 6px 6px 0;
      padding: var(--boxel-sp-xs) var(--boxel-sp);
      margin: var(--boxel-sp-xs) 0;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-title {
      font-weight: 700;
      color: var(--markdown-alert-color, inherit);
      margin: 0;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-title svg {
      display: none;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert p:not(.markdown-alert-title) {
      margin: var(--boxel-sp-4xs) 0 0;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-note {
      --markdown-alert-color: #0969da;
      background-color: #ddf4ff;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-tip {
      --markdown-alert-color: #1a7f37;
      background-color: #dcfce7;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-important {
      --markdown-alert-color: #8250df;
      background-color: #f5f0ff;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-warning {
      --markdown-alert-color: #9a6700;
      background-color: #fff8c5;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-alert-caution {
      --markdown-alert-color: #d1242f;
      background-color: #ffebe9;
    }

    /* Horizontal rule */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] hr {
      border-bottom: none;
      border-right: none;
      border-left: none;
      border-top: var(--boxel-border);
    }

    /* Code */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] code {
      font-family: var(--md-mono);
      font-size: var(--markdown-code-font-size, inherit);
      background-color: var(--markdown-code-background, var(--md-muted));
      color: var(--foreground);
      padding: var(--markdown-code-padding, 0);
      border-radius: var(--markdown-code-border-radius, 0);
    }

    /* Code Block */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] pre {
      white-space: var(--boxel-markdown-field-pre-wrap, pre-wrap);
      background-color: var(
        --markdown-pre-background,
        var(--vscode-editor-background, var(--md-muted))
      );
      color: var(--vscode-editor-foreground, var(--foreground));
      font-family: var(--md-mono);
      font-size: var(--markdown-pre-font-size, inherit);
      line-height: var(--markdown-pre-line-height, inherit);
      margin-block: var(--markdown-pre-margin-block, 1em);
      border: var(--md-pre-border);
      border-left: var(--markdown-pre-border-left, var(--md-pre-border));
      border-radius: var(
        --markdown-pre-border-radius,
        var(--boxel-border-radius-xl)
      );
      padding: var(--markdown-pre-padding, var(--boxel-sp-lg));
    }

    /* A code run inside a block shows the block's surface, not the inline
         chip's, and keeps doing so when the pre surface is customized. */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] pre code {
      background-color: transparent;
      color: inherit;
      font-size: inherit;
      padding: 0;
      border-radius: 0;
    }

    /* Link */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] a,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] a:hover {
      color: var(--markdown-link-color, currentColor);
      text-decoration: var(--markdown-link-text-decoration, underline);
    }

    /* Image */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] figure {
      max-width: 100%;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] figure {
      margin-top: var(--boxel-sp-lg);
      margin-bottom: var(--boxel-sp-lg);
      margin-right: auto;
      margin-left: auto;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] figcaption {
      font-size: 0.8125em;
      font-style: italic;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] img {
      border-radius: var(--boxel-border-radius-lg);
      overflow: hidden;
    }

    /* Ordered & Unordered List */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ol,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ul {
      padding-left: var(--markdown-list-padding-left, 1.375em);
      margin-block: var(--markdown-list-margin-block, var(--boxel-sp));
      font-size: inherit;
      font-weight: 400;
      font-family: inherit;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] li {
      margin-block: var(--markdown-li-margin-block, 0);
      line-height: var(--markdown-li-line-height, inherit);
    }
    /* Nested list */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ol ol,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ol ul,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ul ul,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ul ol {
      margin-top: var(--boxel-sp-xxxs);
      margin-bottom: var(--boxel-sp-xxxs);
    }

    /* Task List */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] ul:has(input[type='checkbox']) {
      list-style-type: none;
      padding-left: 0;
    }

    /* Definition List */
    /* Must use <dl> <dt> <dd> tags -- default browser styling */

    /* Footnote */
    /* Not available */

    /* Emoji */
    /* Must copy/paste emoji */

    /* Scrollable table wrapper */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .table-wrapper {
      width: 100%;
      max-width: var(--markdown-table-max-width, 56.25rem);
      overflow-x: auto;
      margin-top: var(--boxel-sp-lg);
      margin-bottom: var(--boxel-sp-lg);
      background-color: var(--md-muted);
      border: 1px solid var(--md-border);
      border-radius: var(--boxel-border-radius);
      word-break: initial;
    }
    /* Table */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] table {
      width: 100%;
      max-width: 100%; /* Allow full width within scroll container */
      border-radius: 0;
      border-collapse: collapse;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] thead {
      border-bottom: 2px solid var(--md-border);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] th,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] td {
      text-align: start;
      padding: var(--boxel-sp-2xs);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] th:not(:last-child),
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] td:not(:last-child) {
      border-right: 1px solid var(--md-border);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] tr:not(:last-child) td {
      border-bottom: 1px solid var(--md-border);
    }

    /* Mermaid diagrams */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] pre.mermaid {
      background-color: transparent;
      color: inherit;
      text-align: center;
      padding: var(--boxel-sp);
      border-radius: var(--boxel-border-radius-xl);
      overflow-x: auto;
    }

    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] pre.mermaid svg {
      max-width: 100%;
      height: auto;
    }

    /* Mermaid error display */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] pre.mermaid[data-processed='true'] .error-icon,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] pre.mermaid #d .error-text {
      fill: var(--boxel-error-200, #b00020);
    }

    /* BFM references (card, file, etc.) */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] [data-boxel-bfm-inline-ref] {
      display: inline;
    }

    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] [data-boxel-bfm-block-ref] {
      display: block;
      margin: var(--boxel-sp) 0;
    }

    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-card-slot {
      max-width: 100%;
    }

    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-card-slot--inline {
      display: inline-flex;
      vertical-align: middle;
    }

    /* Inline embeds with an explicit non-atom format flow inline-block so a
         sized card sits in the text run without the flex shrink behavior the
         atom pill relies on. */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-card-slot--inline-embed {
      display: inline-block;
      vertical-align: middle;
    }

    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-card-slot--block {
      display: block;
    }

    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-card-slot--fitted {
      border-radius: var(--boxel-border-radius);
    }

    /* Placeholder footprint shared by loading + broken states. The
         default block sizes approximate the eventual card so the layout does
         not jump when the card resolves; the slot's shared inline footprint
         (fitted dimensions, inline embedded/isolated defaults, block
         isolated min-height) overrides these when present. */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading--embedded,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken--embedded {
      width: 100%;
      min-height: 9.375rem;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading--isolated,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken--isolated {
      width: 100%;
      min-height: 18.75rem;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading--fitted,
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken--fitted {
      width: 15.625rem;
      height: 10.625rem;
    }

    /* Loading shimmer for card refs before content is rendered */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading {
      position: relative;
      overflow: hidden;
      max-width: 100%;
      background-color: var(--boxel-light-200);
      border-radius: var(--boxel-border-radius);
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading--inline {
      display: inline-block;
      width: 6em;
      height: 1.2em;
      vertical-align: middle;
      border-radius: var(--boxel-border-radius-sm);
    }
    /* Inline embeds with an explicit non-atom format share the block
         footprint classes but flow inline. */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading--inline-embed {
      display: inline-block;
      max-width: 100%;
      vertical-align: middle;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading--block {
      display: block;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-loading::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        transparent,
        var(--boxel-light-100),
        transparent
      );
      transform: translateX(-100%);
      animation: bfm-shimmer-data-scopedcss-f941e373a7-1c1fdb973b 1.6s linear 0.5s infinite;
    }
    @keyframes bfm-shimmer-data-scopedcss-f941e373a7-1c1fdb973b {
      0% {
        transform: translateX(-200%);
      }
      100% {
        transform: translateX(100%);
      }
    }

    /* Broken-link placeholder: a card-sized box with a faint diagonal
         cross and a centered icon + type-name label (no chip). */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      border: 1px solid var(--md-border);
      border-radius: var(--boxel-border-radius);
      background-color: var(--boxel-light-100);
      background-image:
        linear-gradient(
          to top right,
          transparent calc(50% - 0.5px),
          var(--md-border) calc(50% - 0.5px),
          var(--md-border) calc(50% + 0.5px),
          transparent calc(50% + 0.5px)
        ),
        linear-gradient(
          to bottom right,
          transparent calc(50% - 0.5px),
          var(--md-border) calc(50% - 0.5px),
          var(--md-border) calc(50% + 0.5px),
          transparent calc(50% + 0.5px)
        );
      overflow: hidden;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken--inline {
      display: inline-flex;
      min-height: 1.6em;
      padding: 0 var(--boxel-sp-5xs);
      vertical-align: middle;
      border-radius: var(--boxel-border-radius-sm);
    }
    /* Inline embeds with an explicit non-atom format share the block
         footprint classes but flow inline. */
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken--inline-embed {
      display: inline-flex;
      vertical-align: middle;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken--block {
      display: flex;
      margin: var(--boxel-sp-xxxs) 0;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken-label {
      display: inline-flex;
      align-items: center;
      gap: var(--boxel-sp-5xs);
      padding: 0 var(--boxel-sp-4xs);
      /* Match the box fill so the cross does not slice through the text. */
      background-color: var(--boxel-light-100);
      color: var(--boxel-500);
      font-size: 0.75rem;
      font-weight: 500;
      line-height: 1.5;
      white-space: nowrap;
    }
    .markdown-content[data-scopedcss-f941e373a7-1c1fdb973b] .markdown-bfm-broken-label svg {
      flex: none;
    }
  }

  .boxel-message[data-scopedcss-b5d656b70a-e6dfd8e217] {
    /* Note: avatar size should not be set to be larger than 60px or smaller than 20px. */
    --boxel-message-avatar-size: 2.5rem; /* 40px. */
    --boxel-message-meta-height: 1.25rem; /* 20px */
    --boxel-message-gap: var(--boxel-sp);
    --boxel-message-margin-left: calc(
      var(--boxel-message-avatar-size) + var(--boxel-message-gap)
    );
  }

  .hide-meta[data-scopedcss-b5d656b70a-e6dfd8e217] {
    min-height: 0;
  }

  .meta[data-scopedcss-b5d656b70a-e6dfd8e217] {
    display: grid;
    grid-template-columns: var(--boxel-message-avatar-size) 1fr;
    grid-template-rows: var(--boxel-message-meta-height);
    align-items: start;
    gap: var(--boxel-message-gap);
  }

  .full-width .meta[data-scopedcss-b5d656b70a-e6dfd8e217] {
    align-items: center;
  }

  .avatar-img[data-scopedcss-b5d656b70a-e6dfd8e217] {
    width: var(--boxel-message-avatar-size);
    height: var(--boxel-message-avatar-size);
    border-radius: 100px;
  }

  .avatar-img--not-round[data-scopedcss-b5d656b70a-e6dfd8e217] {
    border-radius: initial;
  }

  .info[data-scopedcss-b5d656b70a-e6dfd8e217] {
    display: flex;
    white-space: nowrap;
    margin: 0;
    font: var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-sm);
  }

  .name[data-scopedcss-b5d656b70a-e6dfd8e217] {
    margin-right: var(--boxel-sp);
    font-weight: 600;
  }

  .time[data-scopedcss-b5d656b70a-e6dfd8e217] {
    color: var(--boxel-500);
  }

  .content[data-scopedcss-b5d656b70a-e6dfd8e217] {
    /* mimic the grid using margins */
    margin-left: var(--boxel-message-margin-left);
    margin-top: 3px;
    line-height: 1.5;
  }

  .full-width .content[data-scopedcss-b5d656b70a-e6dfd8e217] {
    margin-left: 0;
    margin-top: var(--boxel-sp);
  }

  /* spacing for sequential thread messages */
  .boxel-message + .boxel-message[data-scopedcss-b5d656b70a-e6dfd8e217] {
    margin-top: var(--boxel-sp-xl);
  }

  .boxel-message + .hide-meta[data-scopedcss-b5d656b70a-e6dfd8e217] {
    margin-top: var(--boxel-sp);
  }

  dialog[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    /* Unit is required to be used on calc */
    --boxel-modal-offset-top: 0px;
    --boxel-modal-offset-left: 0px;
    --boxel-modal-offset-right: 0px;

    position: fixed;
    width: 100%;
    height: calc(100vh - var(--boxel-modal-offset-top));
    top: var(--boxel-modal-offset-top);
    left: var(--boxel-modal-offset-left);
    right: var(--boxel-modal-offset-right);
    padding: 0 var(--boxel-sp);
    background: none;
    border: none;
    overflow: hidden;
    z-index: var(--boxel-modal-z-index);
    pointer-events: none;
  }

  .centered[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    top: 50%;
    transform: translateY(-50%);
  }

  .overlay[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background-color: var(--boxel-modal-overlay-color, rgb(39 45 48 / 50%));
    background-image: var(--boxel-modal-background-image-url);
    background-position: center;
    background-size: cover;
    text-align: left;
    z-index: calc(var(--boxel-modal-z-index) - 1);
  }

  .x-small[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    --boxel-modal-max-width: 23.25rem; /* 300px */
  }

  .small[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    --boxel-modal-max-width: 36.25rem; /* 580px */
  }

  .medium[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    --boxel-modal-max-width: 43.75rem; /* 700px */
  }

  .large[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    --boxel-modal-offset-top: var(--boxel-sp-lg);
    --boxel-modal-max-width: 65rem; /* 1040px */
  }

  .full-screen[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
  }

  .full-screen > .boxel-modal__inner[data-scopedcss-8e12d6cea5-9f04a14f2a] {
    max-width: inherit;
  }

  .boxel-modal__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: var(--boxel-modal-max-width, 65rem);
  }

  .boxel-modal__inner > * {
    width: 100%;
    pointer-events: auto;
    cursor: default;
  }

  .control-buttons[data-scopedcss-040db0d2fc-44efd12a80] {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--boxel-sp-xs);
    padding: var(--boxel-sp-xxxs) var(--boxel-sp-xs);
    border-top: 1px solid var(--boxel-100);
  }
  .control-button[data-scopedcss-040db0d2fc-44efd12a80] {
    flex-grow: 1;
  }

  @layer boxelComponentL1 {
    .pill[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      /* internal properties */
      --pill-padding: var(--boxel-sp-5xs) var(--boxel-sp-xxxs);
      --pill-gap: var(--boxel-sp-5xs);
      --pill-border: 1px solid
        var(--boxel-pill-border-color, var(--pill-border-color));
      --pill-border-radius: var(--boxel-border-radius-sm);

      display: inline-flex;
      align-items: center;
      gap: var(--boxel-pill-gap, var(--pill-gap));
      max-width: 100%;
      padding: var(--boxel-pill-padding, var(--pill-padding));
      background-color: var(
        --boxel-pill-background-color,
        var(--pill-background-color)
      );
      color: var(--boxel-pill-font-color, var(--pill-font-color));
      border: var(--boxel-pill-border, var(--pill-border));
      border-radius: var(
        --boxel-pill-border-radius,
        var(--pill-border-radius)
      );
      font: var(
        --boxel-pill-font,
        var(--pill-font, 700 var(--boxel-font-xs))
      );
      font-family: inherit;
      letter-spacing: var(--boxel-lsp-xs);
      word-break: break-word;
      transition: var(
        --boxel-pill-transition,
        var(--boxel-transition-properties)
      );
    }
    .pill-size--extra-small[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      height: var(--boxel-button-mini);
      font-weight: 500;
      border-radius: var(--boxel-border-radius-xs);
    }
    .pill-size--small[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      height: var(--boxel-button-xs);
      font-weight: 500;
      border-radius: var(--boxel-border-radius-xs);
    }
    .pill-size--base[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      height: var(--boxel-button-sm);
      font-weight: 500;
    }
    .pill-size--tall[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      height: var(--boxel-button-tall);
      font-weight: 500;
    }
    .pill-size--touch[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      height: var(--boxel-button-touch);
      font-weight: 500;
    }

    .variant-default[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --pill-background-color: var(--background, var(--boxel-light));
      --pill-font-color: var(--foreground, var(--boxel-dark));
      --pill-border-color: var(--border, var(--boxel-400));
    }

    .variant-primary[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --pill-background-color: var(--primary, var(--boxel-highlight));
      --pill-font-color: var(--primary-foreground, var(--boxel-dark));
      --pill-border-color: var(--primary, var(--boxel-highlight));
    }

    .variant-secondary[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --pill-background-color: var(--secondary, var(--boxel-light));
      --pill-font-color: var(--secondary-foreground, var(--boxel-dark));
      --pill-border-color: var(--secondary, var(--boxel-400));
    }

    .variant-muted[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --pill-background-color: var(--muted, var(--boxel-200));
      --pill-font-color: var(--muted-foreground, var(--boxel-dark));
      --pill-border-color: var(--muted, var(--boxel-400));
    }

    .variant-accent[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --pill-background-color: var(--accent, var(--boxel-100));
      --pill-font-color: var(--accent-foreground, var(--boxel-dark));
      --pill-border-color: var(--border, var(--boxel-400));
    }

    .variant-destructive[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --pill-background-color: var(--destructive, var(--boxel-danger));
      --pill-font-color: var(--destructive-foreground, var(--boxel-light));
      --pill-border-color: var(--destructive, var(--boxel-danger));
    }

    .button-pill.variant-default[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover,
    .button-pill.variant-primary[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover,
    .button-pill.variant-destructive[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover {
      background-color: color-mix(
        in srgb,
        var(--boxel-pill-background-color, var(--pill-background-color)) 90%,
        transparent
      );
    }

    .button-pill.variant-secondary[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover,
    .button-pill.variant-muted[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover {
      background-color: color-mix(
        in srgb,
        var(--boxel-pill-background-color, var(--pill-background-color)) 80%,
        transparent
      );
    }

    .button-pill.variant-default[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover {
      --pill-background-color: var(--background, var(--boxel-100));
    }
    .button-pill.variant-primary[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover {
      --pill-background-color: var(--primary, var(--boxel-highlight-hover));
      --pill-border-color: var(--pill-background-color);
    }
    .button-pill.variant-secondary[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover {
      --pill-border-color: var(--secondary, var(--pill-font-color));
    }
    .button-pill.variant-destructive[data-scopedcss-f0e3e9ccf9-9feed8dbe3]:not(:disabled):hover {
      --pill-background-color: var(--destructive, var(--boxel-danger-hover));
      --pill-border-color: var(--pill-background-color);
    }

    .icon[data-scopedcss-f0e3e9ccf9-9feed8dbe3] {
      --icon-color: var(--pill-font-color, currentColor);
      flex-shrink: 0;
      display: inline-flex;
      min-width: var(--boxel-pill-icon-size, var(--pill-icon-size, 10px));
      margin-block: 0;
      margin-inline: 0;
    }
  }

  .ember-power-select-multiple-option[data-scopedcss-3f50dc0c64-baa4fd799e] {
    all: unset;
  }
  .boxel-selected-option[data-scopedcss-3f50dc0c64-baa4fd799e] {
    --pill-gap: var(--boxel-sp-xxs);
  }
  .boxel-multi-select__remove-button[data-scopedcss-3f50dc0c64-baa4fd799e] {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.2s ease;
    width: 10px;
    height: 10px;
  }
  .boxel-multi-select__icon--remove[data-scopedcss-3f50dc0c64-baa4fd799e] {
    width: 10px;
    height: 10px;
    --icon-color: var(--boxel-multi-select-pill-color);
  }

  .boxel-multi-select__remove-button[data-scopedcss-d63da48df3-2dcd58f97b] {
    --boxel-multi-select-width: 10px;
    --boxel-multi-select-height: 10px;
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.2s ease;
    width: var(--boxel-multi-select-width);
    height: var(--boxel-multi-select-height);
  }
  .boxel-multi-select__icon--remove[data-scopedcss-d63da48df3-2dcd58f97b] {
    width: var(--boxel-multi-select-width);
    height: var(--boxel-multi-select-height);
    --icon-color: var(--boxel-light);
  }
  .ember-power-select-multiple-remove-btn[data-scopedcss-d63da48df3-2dcd58f97b] {
    display: none; /* We have to remove the default x button placed on selected items*/
  }
  .boxel-multi-select-has-more-item[data-scopedcss-d63da48df3-2dcd58f97b] {
    --pill-gap: var(--boxel-sp-xxs);
    --pill-background-color: var(--boxel-700);
    --pill-font-color: var(--boxel-light);
  }
  .icon[data-scopedcss-d63da48df3-2dcd58f97b] {
    width: 10px;
    height: 10px;
  }
  .is-open[data-scopedcss-d63da48df3-2dcd58f97b] {
    transform: rotate(180deg);
  }

  .boxel-multi-select[data-scopedcss-6713ca8828-381d22af55] {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--border, var(--boxel-border-color));
    border-radius: var(--boxel-border-radius-sm);
    max-width: 100%;
    width: 100%;
  }
  .ember-power-select-multiple-options[data-scopedcss-6713ca8828-381d22af55] {
    list-style: none;
    gap: var(--boxel-sp-xxxs);
    width: auto;
  }
  .ember-power-select-trigger[data-scopedcss-6713ca8828-381d22af55] {
    padding: 0;
  }
  .boxel-multi-select--rounded.ember-power-select-trigger[aria-expanded='true'][data-scopedcss-6713ca8828-381d22af55] {
    border-radius: var(--boxel-border-radius-sm);
  }

  .picker-before-options[data-scopedcss-f649b43dd2-759eb11c19] {
    background-color: var(--boxel-light);
  }

  .picker-before-options__search[data-scopedcss-f649b43dd2-759eb11c19] {
    --boxel-input-search-color: var(--boxel-dark);
    --boxel-input-search-background-color: transparent;
    padding: 0 calc(2 * var(--boxel-sp-2xs));
  }

  .picker-before-options__search[data-scopedcss-f649b43dd2-759eb11c19] .input-container {
    --boxel-input-icon-size: var(--boxel-icon-xs);
  }

  .picker-before-options__search[data-scopedcss-f649b43dd2-759eb11c19] .search-icon {
    color: var(--boxel-dark);
    height: 14px;
    width: 14px;
  }

  .picker-before-options__search[data-scopedcss-f649b43dd2-759eb11c19] .search {
    padding-left: calc(var(--boxel-icon-xs) + var(--boxel-sp-xs));
  }

  .picker-before-options__search-input[data-scopedcss-f649b43dd2-759eb11c19] {
    width: 100%;
    border: none;
  }

  .picker-before-options__search-input[data-scopedcss-f649b43dd2-759eb11c19]:focus-visible,
  .search[data-scopedcss-f649b43dd2-759eb11c19] {
    outline: none;
  }

  .picker-before-options__focus-target[data-scopedcss-f649b43dd2-759eb11c19] {
    width: 0;
    height: 0;
    overflow: hidden;
    outline: none;
  }

  .picker-before-options[data-scopedcss-f649b43dd2-759eb11c19]:focus-visible {
    outline: none;
  }

  .picker-before-options__option[data-scopedcss-f649b43dd2-759eb11c19] {
    width: 100%;
    box-sizing: border-box;
  }

  .picker-before-options__selected-summary[data-scopedcss-f649b43dd2-759eb11c19] {
    max-height: 150px;
    overflow-y: auto;
    padding: 0 var(--boxel-sp-2xs) var(--boxel-sp-2xs) var(--boxel-sp-2xs);
    background:
      /* Shadow cover BOTTOM — moves with content */
      linear-gradient(rgba(255, 255, 255, 0), var(--boxel-light) 70%) center
        bottom / 100% 40px no-repeat local,
      /* Shadow BOTTOM — fixed at bottom */
      radial-gradient(
          farthest-side at 50% 100%,
          rgba(0, 0, 0, 0.12),
          rgba(0, 0, 0, 0)
        )
        center bottom / 100% 20px no-repeat scroll;
  }

  .picker-divider[data-scopedcss-f649b43dd2-759eb11c19] {
    height: 1px;
    background-color: var(--boxel-200);
    width: 100%;
  }

  .picker-selected-item[data-scopedcss-177e0db5a1-a266a22cf8] {
    --pill-gap: var(--boxel-sp-4xs);
    padding-right: 0;
  }
  .picker-selected-item__icon[data-scopedcss-177e0db5a1-a266a22cf8] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .picker-selected-item__icon-image[data-scopedcss-177e0db5a1-a266a22cf8] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: var(--boxel-border-radius-xs);
    display: block;
  }

  .boxel-trigger[data-scopedcss-5d6b6bca03-1aa2d72327] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--boxel-sp-xxxs);
    padding: var(--boxel-sp-xs);
    font: var(--boxel-font-sm);
    font-family: inherit;
    letter-spacing: var(--boxel-lsp-sm);
    outline: none;
    cursor: pointer;
  }

  .boxel-trigger.is-disabled[data-scopedcss-5d6b6bca03-1aa2d72327] {
    cursor: not-allowed;
    color: var(--boxel-450);
  }

  .boxel-trigger-content[data-scopedcss-5d6b6bca03-1aa2d72327] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    align-items: center;
  }

  .boxel-trigger-placeholder[data-scopedcss-5d6b6bca03-1aa2d72327] {
    color: var(--boxel-450);
    font: var(--boxel-font-sm);
    font-family: inherit;
    letter-spacing: var(--boxel-lsp-sm);
  }

  .picker-trigger__label[data-scopedcss-5d6b6bca03-1aa2d72327] {
    font-weight: 500;
    flex-shrink: 0;
  }

  .picker-trigger__caret[data-scopedcss-5d6b6bca03-1aa2d72327] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
  }

  .picker-trigger__caret.is-open[data-scopedcss-5d6b6bca03-1aa2d72327] {
    transform: rotate(180deg);
  }

  .picker__more-items[data-scopedcss-5d6b6bca03-1aa2d72327] {
    --pill-background-color: var(--background, var(--boxel-300));
    --pill-border-color: var(--border, var(--boxel-300));
  }

  /*Ember power select has a right padding to the trigger element*/
  .ember-power-select-trigger {
    padding: 0px;
  }

  @layer boxelComponentL1 {
    .boxel-progress-bar[data-scopedcss-ec83a8b174-574ab541e0] {
      /* Track height. Defaults to the em-relative height this component
         has always had, so a caller that sets nothing is unaffected; a
         caller that wants a slimmer rule sets a length here rather than
         shrinking the font to get at it indirectly. */
      --progress-bar-height: var(--boxel-progress-bar-height, 1.5em);
      --progress-bar-background-color: var(
        --boxel-progress-bar-background-color,
        var(--muted, var(--boxel-light-200))
      );
      --progress-bar-border-radius: var(
        --boxel-progress-bar-border-radius,
        var(--boxel-border-radius-sm)
      );
      --progress-bar-fill-color: var(
        --boxel-progress-bar-fill-color,
        var(--primary, var(--boxel-highlight))
      );
      --progress-bar-font-color: var(
        --boxel-progress-bar-font-color,
        var(--primary-foreground, var(--boxel-light))
      );
      --progress-bar-border-color: var(
        --boxel-progress-bar-border-color,
        var(--border, var(--boxel-200))
      );
    }
    .progress-bar-container[data-scopedcss-ec83a8b174-574ab541e0] {
      height: var(--progress-bar-height);
      width: 100%;
      background-color: var(--progress-bar-background-color);
      border-radius: var(--progress-bar-border-radius);
      position: relative;
      overflow: hidden;
      border: 1px solid var(--progress-bar-border-color);
    }
    .progress-bar-value[data-scopedcss-ec83a8b174-574ab541e0] {
      position: absolute;
      height: 100%;
      background-color: var(--progress-bar-fill-color);
      border-radius: var(--progress-bar-border-radius) 0 0
        var(--progress-bar-border-radius);
    }
    .progress-bar-info[data-scopedcss-ec83a8b174-574ab541e0],
    .progress-bar-info.end[data-scopedcss-ec83a8b174-574ab541e0] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: end;
      gap: var(--boxel-sp-xxs);
      padding: var(--boxel-sp-5xs);
    }
    .progress-bar-info.start[data-scopedcss-ec83a8b174-574ab541e0] {
      justify-content: start;
    }
    .progress-bar-info.center[data-scopedcss-ec83a8b174-574ab541e0] {
      position: absolute;
      justify-content: center;
    }
    .progress-bar-label[data-scopedcss-ec83a8b174-574ab541e0] {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--progress-bar-font-color);
    }
  }

  @layer boxelComponentL1 {
    .boxel-progress-radial[data-scopedcss-e47d9620c2-436a395dd0] {
      --progress-radial-size: var(--boxel-progress-radial-size, 80px);
      --progress-radial-fill-color: var(
        --boxel-progress-radial-fill-color,
        var(--primary, var(--boxel-highlight))
      );
      --progress-radial-background-color: var(
        --boxel-progress-radial-background-color,
        var(--muted, var(--boxel-light-200))
      );
      --progress-radial-font-weight: var(
        --boxel-progress-radial-font-weight,
        600
      );
      --progress-radial-inner-bg: var(
        --boxel-progress-radial-inner-bg,
        var(--background, var(--boxel-light))
      );
      --progress-radial-text-color: var(
        --boxel-progress-radial-text-color,
        var(--foreground, var(--boxel-dark))
      );
    }
    .progress-radial-circle-outer[data-scopedcss-e47d9620c2-436a395dd0] {
      width: var(--progress-radial-size);
      height: var(--progress-radial-size);
      border-radius: 50%;
      position: relative;
      background: conic-gradient(
        var(--progress-radial-fill-color) 0 var(--progressPercentage),
        var(--progress-radial-background-color) var(--progressPercentage)
          80.15%
      );
    }
    .progress-radial-circle-inner[data-scopedcss-e47d9620c2-436a395dd0] {
      position: absolute;
      inset: 10px;
      background: var(--progress-radial-inner-bg);
      border-radius: 50%;
      display: grid;
      place-items: center;
    }

    .progress-percentage[data-scopedcss-e47d9620c2-436a395dd0] {
      font-size: var(--boxel-font-sm);
      font-weight: var(--progress-radial-font-weight);
      color: var(--progress-radial-text-color);
    }
  }

  @layer boxelComponentL1 {
    .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc] {
      --radio-border: 1.5px solid
        var(
          --boxel-radio-border-color,
          var(--radio-foreground, var(--foreground, var(--boxel-dark))),
        );
      --radio-border-radius: var(--boxel-border-radius, 100px);
      --radio-background: var(
        --boxel-radio-background-color,
        var(--radio-background-color, var(--background, var(--boxel-light)))
      );
      --radio-foreground: var(
        --boxel-radio-foreground-color,
        var(--radio-foreground-color, var(--foreground, var(--boxel-dark)))
      );
      --radio-checked-background: var(
        --boxel-radio-checked-background-color,
        var(
          --radio-checked-background-color,
          var(--primary, var(--boxel-highlight))
        )
      );
      --radio-highlight: var(
        --boxel-radio-highlight-color,
        var(--radio-highlight-color, var(--primary, var(--boxel-highlight)))
      );
      --radio-disabled-border-color: var(
        --boxel-radio-disabled-border-color,
        var(
          --radio-disabled-border-color,
          var(--muted-foreground, var(--boxel-purple-300))
        )
      );

      position: relative;
      display: block;
      max-width: 100%;
      background-color: var(--radio-background);
      color: var(--radio-foreground);
      padding: var(--boxel-radio-input-option-padding);
      border-radius: var(--radio-border-radius);
      box-shadow: 0 0 0 1px var(--border, var(--boxel-200));
      transition: box-shadow var(--boxel-transition-properties);
    }

    .boxel-radio-option--hidden-border[data-scopedcss-42317edf74-41f58baccc] {
      box-shadow: 0 0 0 1px transparent;
    }

    .boxel-radio-option--has-radio[data-scopedcss-42317edf74-41f58baccc] {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: var(--boxel-radio-input-option-gap);
    }

    .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc]:hover:not(.boxel-radio-option--disabled) {
      box-shadow: 0 0 0 1px var(--boxel-dark);
      cursor: pointer;
    }

    .boxel-radio-option--checked[data-scopedcss-42317edf74-41f58baccc]:not(.boxel-radio-option--disabled),
    .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc]:focus:not(.boxel-radio-option--disabled),
    .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc]:focus-within:not(.boxel-radio-option--disabled) {
      box-shadow: 0 0 0 var(--boxel-outline-width) var(--radio-highlight);
      outline: 1px solid transparent;
    }

    .boxel-radio-option--disabled > *[data-scopedcss-42317edf74-41f58baccc] {
      opacity: 0.5;
    }

    .boxel-radio-option__input[data-scopedcss-42317edf74-41f58baccc] {
      position: relative;
      appearance: none;
      /* stylelint-disable-next-line property-no-vendor-prefix */
      -webkit-appearance: none;
      box-sizing: border-box;
      width: 1rem;
      height: 1rem;
      margin: 0;
      border: var(--radio-border);
      border-radius: 50%;
    }

    .boxel-radio-option__input--checked[data-scopedcss-42317edf74-41f58baccc] {
      background-color: var(--radio-checked-background);
      box-shadow: inset 0 0 0 0.1rem var(--radio-foreground);
    }

    .boxel-radio-option__input[data-scopedcss-42317edf74-41f58baccc]:disabled {
      border-color: var(--radio-disabled-border-color);
    }

    .boxel-radio-option__input[data-scopedcss-42317edf74-41f58baccc]:focus:not(:disabled) {
      outline: 1px solid transparent;
    }

    /* https://css-tricks.com/customise-radio-buttons-without-compromising-accessibility/ */
    .boxel-radio-option__input--hidden-radio[data-scopedcss-42317edf74-41f58baccc] {
      position: absolute;
      top: 0;
      left: 0;
      clip-path: polygon(0 0);
      width: 1px;
      height: 1px;
    }

    /* default focus class - can be overwritten by providing @focusedClass */
    .boxel-radio-option__focused-item[data-scopedcss-42317edf74-41f58baccc] {
      outline: 1px solid var(--boxel-outline-color);
    }

    .variant-muted[data-scopedcss-42317edf74-41f58baccc] {
      --radio-background-color: var(--muted, var(--boxel-200));
      --radio-foreground-color: var(--muted-foreground, var(--boxel-dark));
      --radio-checked-background: var(--muted, var(--boxel-200));
      --radio-highlight-color: var(--boxel-300);
    }

    /* stylelint-disable-next-line no-descending-specificity */
    .boxel-radio-input--invalid .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc] {
      box-shadow: 0 0 0 1px var(--destructive, var(--boxel-error-100));
    }

    .boxel-radio-input--invalid .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc]:focus {
      outline: 1px solid transparent; /* Make sure that we make the invalid state visible */
      box-shadow: 0 0 0 1.5px var(--destructive, var(--boxel-error-100));
    }

    .boxel-radio-input--invalid .boxel-radio-option[data-scopedcss-42317edf74-41f58baccc]:hover:not(:disabled) {
      box-shadow: 0 0 0 1px var(--destructive, var(--boxel-error-100));
    }
  }

  @layer boxelComponentL1 {
    .boxel-radio-fieldset[data-scopedcss-5892cec72f-e3043c11b4] {
      --boxel-radio-gap: var(--boxel-sp);
      --boxel-radio-input-option-padding: var(--boxel-sp);
      --boxel-radio-input-option-gap: var(--boxel-sp-sm);
      border: 0;
      margin-inline: 0;
      padding: 0.01em 0 0;
      min-width: 0;
    }
    .boxel-radio-fieldset--compact[data-scopedcss-5892cec72f-e3043c11b4] {
      --boxel-radio-gap: var(--boxel-sp-xxs);
      --boxel-radio-input-option-padding: var(--boxel-sp-xxxs);
      --boxel-radio-input-option-gap: var(--boxel-sp-xxxs);
    }

    .boxel-radio-fieldset__legend[data-scopedcss-5892cec72f-e3043c11b4] {
      opacity: 0;
      position: absolute;
      left: -9999px;
      max-width: 1px;
      max-height: 1px;
      white-space: nowrap;
    }

    /* Div container inside the fieldset component. Use display: contents to move
these styles up when that css property is more widely available. */
    .boxel-radio-fieldset__container[data-scopedcss-5892cec72f-e3043c11b4] {
      display: flex;
      flex-wrap: wrap;
      gap: var(--boxel-radio-gap);
      width: 100%;
      max-width: 100%;
    }

    .boxel-radio-fieldset__container--vertical[data-scopedcss-5892cec72f-e3043c11b4] {
      flex-direction: column;
    }

    .boxel-radio-fieldset__container--horizontal > *[data-scopedcss-5892cec72f-e3043c11b4] {
      flex: 1;
    }
  }

  .separator[data-scopedcss-3541e18da2-2f0f977ccd] {
    --boxel-panel-resize-handle-background-color: var(--boxel-450);
    --boxel-panel-resize-handle-hover-background-color: var(
      --boxel-highlight
    );

    display: flex;

    background: var(
      --boxel-panel-resize-separator-background-color,
      transparent
    );
    border: none;
    padding: 2px;
  }

  .separator-horizontal[data-scopedcss-3541e18da2-2f0f977ccd] {
    --boxel-panel-resize-handle-height: 100px;
    --boxel-panel-resize-handle-width: 4px;

    align-items: center;
    cursor: col-resize;
  }

  .separator-vertical[data-scopedcss-3541e18da2-2f0f977ccd] {
    --boxel-panel-resize-handle-width: 100px;
    --boxel-panel-resize-handle-height: 4px;

    justify-content: center;
    cursor: row-resize;
  }

  .resize-handle[data-scopedcss-3541e18da2-2f0f977ccd] {
    width: var(--boxel-panel-resize-handle-width);
    height: var(--boxel-panel-resize-handle-height);

    border: none;
    border-radius: var(--boxel-border-radius-xl);
    padding: 0;
    background-color: var(--boxel-panel-resize-handle-background-color);

    position: relative;
    opacity: 0;
  }

  .separator:hover .resize-handle[data-scopedcss-3541e18da2-2f0f977ccd],
  .separator.hover .resize-handle[data-scopedcss-3541e18da2-2f0f977ccd] {
    opacity: 1;
  }

  .resize-handle[data-scopedcss-3541e18da2-2f0f977ccd]:hover {
    background-color: var(
      --boxel-panel-resize-handle-hover-background-color
    );
  }

  .boxel-panel[data-scopedcss-0d3e4d5b11-5672bf51b4] {
    overflow: hidden;
  }

  .boxel-panel-group[data-scopedcss-9addd56704-7427aef3a6] {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: 'hidden';
  }
  .vertical[data-scopedcss-9addd56704-7427aef3a6] {
    flex-direction: column;
  }
  .horizontal[data-scopedcss-9addd56704-7427aef3a6] {
    flex-direction: row;
  }

  .boxel-skeleton-placeholder[data-scopedcss-17179d084d-9116bbc0e2] {
    --skeleton-background: var(
      --boxel-skeleton-background,
      var(--boxel-light-200)
    );
    --skeleton-highlight: var(
      --boxel-skeleton-highlight,
      var(--boxel-light-100)
    );
    --skeleton-width: var(--boxel-skeleton-width, 100%);
    --skeleton-height: var(--boxel-skeleton-height, 1.5em);
    --skeleton-border-radius: var(
      --boxel-skeleton-border-radius,
      var(--boxel-border-radius-sm)
    );
    width: var(--skeleton-width);
    height: var(--skeleton-height);
    border-radius: var(--skeleton-border-radius);
    background-color: var(--skeleton-background);
    position: relative;
    overflow: hidden;
  }

  .wave[data-scopedcss-17179d084d-9116bbc0e2]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: wave-data-scopedcss-17179d084d-9116bbc0e2 1.6s linear 0.5s infinite;
    background: linear-gradient(
      90deg,
      transparent,
      var(--skeleton-highlight),
      transparent
    );
    transform: translateX(-100%);
  }

  .pulse[data-scopedcss-17179d084d-9116bbc0e2] {
    animation: pulse-data-scopedcss-17179d084d-9116bbc0e2 1.5s ease-in-out 0.5s infinite;
  }

  @keyframes wave-data-scopedcss-17179d084d-9116bbc0e2 {
    0% {
      transform: translateX(-200%);
    }
    100% {
      transform: translateX(100%);
    }
  }

  @keyframes pulse-data-scopedcss-17179d084d-9116bbc0e2 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
    }
  }

  @layer boxelComponentL2 {
    .sort-options-group[data-scopedcss-c5828aca8a-a52cfd08c1] {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: var(--boxel-sp-xxs) var(--boxel-sp-sm);
      text-wrap: nowrap;
    }
    .sort-options-label[data-scopedcss-c5828aca8a-a52cfd08c1] {
      font-weight: 500;
    }
    .sort-button[data-scopedcss-c5828aca8a-a52cfd08c1] {
      border-radius: var(--boxel-border-radius);
      min-width: 200px;
      justify-content: flex-start;
      padding-left: var(--boxel-sp-sm);
      padding-right: var(--boxel-sp-sm);
    }
    .sort-button-caret[data-scopedcss-c5828aca8a-a52cfd08c1] {
      margin-left: auto;
      transition: transform var(--boxel-transition);
    }
    /* Flip the caret while the menu is open, matching boxel-ui's
       select/dropdown triggers. BoxelDropdown sets aria-expanded on the
       trigger button via the yielded bindings. */
    .sort-button[aria-expanded='true'] .sort-button-caret[data-scopedcss-c5828aca8a-a52cfd08c1] {
      transform: rotate(180deg);
    }
  }

  .app-header[data-scopedcss-0d4c171d18-091181e862] {
    --_header-background-color: var(
      --boxel-header-background,
      var(--sidebar, var(--card))
    );
    --_header-text-color: var(
      --boxel-header-foreground,
      var(--sidebar-foreground, var(--card-foreground))
    );
    padding-top: var(--boxel-sp-3xs);
    padding-inline: var(--boxel-sp-lg);
    background-color: var(--_header-background-color);
    color: var(--_header-text-color);
  }
  .app-title-group[data-scopedcss-0d4c171d18-091181e862] {
    padding: var(--boxel-sp-xs) 0;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
  }
  .app-title[data-scopedcss-0d4c171d18-091181e862] {
    margin: 0;
    font-weight: var(--boxel-header-title-font-weight, 900);
    font-size: var(--boxel-header-title-font-size, var(--boxel-font-size));
    letter-spacing: var(--boxel-header-title-lsp, var(--boxel-lsp-xl));
    text-transform: var(--boxel-header-title-transform, uppercase);
  }
  .app-content[data-scopedcss-0d4c171d18-091181e862] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--boxel-sp-lg);
  }
  .app-nav[data-scopedcss-0d4c171d18-091181e862] {
    font-size: var(--boxel-font-size-sm);
    font-weight: 500;
    letter-spacing: var(--boxel-lsp-sm);
    flex: 1;
  }
  .app-tab-list[data-scopedcss-0d4c171d18-091181e862] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--boxel-sp);
    flex-flow: row wrap;
  }
  .app-tab-list a[data-scopedcss-0d4c171d18-091181e862] {
    display: block;
    height: 100%;
    padding: var(--boxel-sp-xs) var(--boxel-sp-2xs);
    border-bottom: 4px solid transparent;
    transition:
      border-bottom-color 0.3s ease-in-out,
      font-weight 0.3s ease-in-out;
  }
  .app-tab-list a.active[data-scopedcss-0d4c171d18-091181e862] {
    color: var(--_header-text-color);
    border-bottom-color: var(--_header-text-color);
    font-weight: 600;
  }
  .app-tab-list a[data-scopedcss-0d4c171d18-091181e862]:hover:not(:disabled) {
    color: var(--_header-text-color);
    font-weight: 600;
  }
  /* Reserve the bold width up front so the label doesn't reflow when it
     turns bold on hover/active. Sourced from data-tab-label (not the
     data-test-* attribute, which the consuming app strips in production
     builds — leaving the ghost empty and the shift unmitigated). */
  .app-tab-list a[data-scopedcss-0d4c171d18-091181e862]::after {
    display: block;
    content: attr(data-tab-label);
    height: 0;
    visibility: hidden;
    user-select: none;
    pointer-events: none;
    font-weight: 600;
  }
  .app-side-content[data-scopedcss-0d4c171d18-091181e862] {
    margin: var(--boxel-sp-xs) 0;
  }

  @layer boxelComponentL2 {
    .tag-pill[data-scopedcss-4d7f730113-68d222a6ae] {
      --pill-padding: var(--boxel-sp-5xs) var(--boxel-sp-xxxs);
      --pill-font: 500 var(--boxel-font-xs);
      letter-spacing: var(--boxel-lsp-sm);
      max-width: 100%;
      word-break: unset;
    }
    .ellipsize[data-scopedcss-4d7f730113-68d222a6ae] {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }

  @layer boxelComponentL2 {
    .tag-list[data-scopedcss-6b48524fae-6e379dbd3b] {
      display: flex;
      flex-wrap: wrap;
      gap: var(--tag-list-gap, var(--boxel-sp-xs));
    }

    .tag-list-pill[data-scopedcss-6b48524fae-6e379dbd3b] {
      --pill-background-color: var(
        --tag-list-pill-background-color,
        var(--boxel-light)
      );
      --pill-background-color-hover: var(
        --tag-list-pill-background-color-hover,
        var(--boxel-200)
      );
      --pill-font-color: var(--tag-list-pill-font-color, var(--boxel-dark));
      transition: var(--tag-list-pill-transition, all 0.2s ease);
    }

    .tag-list-pill.selected[data-scopedcss-6b48524fae-6e379dbd3b] {
      --pill-background-color: var(
        --tag-list-pill-selected-background-color,
        var(--boxel-dark)
      );
      --pill-background-color-hover: var(
        --tag-list-pill-selected-background-color,
        var(--boxel-dark)
      );
      --pill-font-color: var(
        --tag-list-pill-selected-font-color,
        var(--boxel-light)
      );
    }
  }

  @layer boxelComponentL2 {
    .view-options-group[data-scopedcss-b2631d0d93-af32883dc6] {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      column-gap: var(
        --boxel-view-option-group-column-gap,
        var(--boxel-sp-sm)
      );
      row-gap: var(--boxel-view-option-group-row-gap);
      text-wrap: nowrap;
    }
    .view-options-label[data-scopedcss-b2631d0d93-af32883dc6] {
      font-weight: 500;
    }
    .view-options[data-scopedcss-b2631d0d93-af32883dc6] {
      display: flex;
      column-gap: var(--boxel-view-option-column-gap, var(--boxel-sp-6xs));
      row-gap: var(--boxel-view-option-row-gap);
    }
    .view-option[data-scopedcss-b2631d0d93-af32883dc6] {
      display: flex;
      background-color: var(--boxel-view-option-background, transparent);
      color: var(
        --boxel-view-option-foreground,
        color-mix(
          in oklab,
          var(--foreground, var(--boxel-dark)) 42%,
          var(--background, var(--boxel-light))
        )
      );
      border-radius: var(
        --boxel-view-option-radius,
        var(--boxel-border-radius-sm)
      );
      box-shadow: var(--boxel-view-option-shadow, none);
      transition: var(--boxel-view-option-transition, none);
      flex-shrink: 0;
    }
    .view-options[data-scopedcss-b2631d0d93-af32883dc6] >  div,
    .view-option[data-scopedcss-b2631d0d93-af32883dc6] >  div {
      display: contents;
    }
    .view-option[data-scopedcss-b2631d0d93-af32883dc6]:not(:has(:disabled)):hover {
      background-color: var(
        --boxel-view-option-hover-background,
        transparent
      );
      color: var(--boxel-view-option-hover-foreground, var(--foreground));
    }
    .view-option.is-selected[data-scopedcss-b2631d0d93-af32883dc6] {
      background-color: var(
        --boxel-view-option-selected-background,
        transparent
      );
      color: var(
        --boxel-view-option-selected-foreground,
        var(--foreground, var(--boxel-dark))
      );
    }
    .view-option.is-selected[data-scopedcss-b2631d0d93-af32883dc6]:hover {
      background-color: var(
        --boxel-view-option-selected-hover-background,
        transparent
      );
      color: var(
        --boxel-view-option-selected-hover-foreground,
        color-mix(
          in oklab,
          var(--foreground, var(--boxel-dark)) 90%,
          transparent
        )
      );
    }
    .view-option[data-scopedcss-b2631d0d93-af32883dc6]:focus-within:has(input:focus-visible) {
      outline: 2px solid var(--ring, var(--boxel-highlight));
    }
    .view-option[data-scopedcss-b2631d0d93-af32883dc6]:has(:disabled) {
      opacity: 0.5;
      pointer-events: none;
    }
    .is-disabled[data-scopedcss-b2631d0d93-af32883dc6] {
      opacity: 0.5;
    }
  }