.FreestyleGuide {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  min-width: 320px;
}
.FreestyleGuide-header, .FreestyleGuide-footer {
  display: flex;
  flex: none;
}
.FreestyleGuide-header {
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #b6b6b6;
  padding: 0.5rem 1rem;
}
.FreestyleGuide-cta {
  cursor: pointer;
  display: inline-block;
  flex-basis: 20px;
  font-size: 1.4rem;
  text-align: center;
}
.FreestyleGuide-cta--aside {
  background: none;
  border: 0;
  padding: 0;
}
.FreestyleGuide-ctaIcon:hover {
  fill: #00bcd4;
}
.FreestyleGuide-titleContainer {
  padding: 0 1rem;
  text-align: center;
}
.FreestyleGuide-title {
  font-size: 1.4rem;
  font-weight: bold;
}
@media (min-width: 600px) {
  .FreestyleGuide-title {
    font-size: 1.9rem;
  }
}
.FreestyleGuide-subtitle {
  margin: 0 auto;
}
.FreestyleGuide-body {
  background-color: #fff;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
@media (min-width: 600px) {
  .FreestyleGuide-body {
    flex-direction: row;
  }
}
.FreestyleGuide-content {
  margin-top: 1.5rem;
  overflow: auto;
}
@media (min-width: 600px) {
  .FreestyleGuide-content {
    flex: 1;
    margin: 0;
  }
}
.FreestyleGuide-nav {
  background-color: #fff;
  height: 100vh;
  order: -1;
  overflow: auto;
  padding: 1rem;
  position: sticky;
  top: 0;
}
@media (min-width: 600px) {
  .FreestyleGuide-nav {
    border-right: solid 1px #b6b6b6;
    flex: 0 0 18rem;
  }
}
.FreestyleGuide-aside {
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-right: 0.5rem;
  order: -2;
  position: fixed;
  right: 0.5rem;
}
@media (min-width: 600px) {
  .FreestyleGuide-aside {
    border-left: solid 1px #b6b6b6;
    order: 1;
  }
}
.FreestyleGuide-chooseSectionMessage {
  display: flex;
  height: 100%;
  font-size: 1.4rem;
}
.FreestyleGuide-chooseSectionMessage > span {
  margin: auto;
}

.FreestyleCollection {
  max-width: 1200px;
}
.FreestyleCollection-title {
  font-weight: bold;
  padding: 1rem 1rem 0;
  text-transform: uppercase;
}
.FreestyleCollection-variantList {
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
  display: flex;
  height: 48px;
  list-style-type: none;
  margin: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap;
}
.FreestyleCollection-variantListItem {
  cursor: pointer;
  display: block;
  flex-grow: 1;
  float: left;
  font-size: 14px;
  height: 48px;
  letter-spacing: 0.8px;
  line-height: 48px;
  margin: 0;
  min-width: 120px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  width: 15%;
}
.FreestyleCollection-variantListItem:hover, .FreestyleCollection-variantListItem--active {
  border-bottom: solid 3px #00bcd4;
  color: #00bcd4;
}

.FreestyleDynamic-input {
  margin-bottom: 10px;
}
.FreestyleDynamic-input input[type=text],
.FreestyleDynamic-input textarea {
  display: block;
}
.FreestyleDynamic-inputDescription {
  display: block;
}

.FreestyleVariant--inline {
  display: inline-block;
}

.FreestyleAnnotation {
  font-size: 0.9rem;
  padding: 0 1rem;
}

.FreestyleUsageControls {
  background: #fff;
  font-size: 0.9rem;
  padding: 1rem;
  text-align: left;
  width: 200px;
}
.FreestyleUsageControls-header {
  color: #00bcd4;
  font-weight: bold;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}
.FreestyleUsageControls-item {
  align-items: baseline;
  display: flex;
}
.FreestyleUsageControls-item--focus {
  padding-top: 0.6rem;
}
.FreestyleUsageControls-itemControl {
  cursor: pointer;
  padding-right: 0.1rem;
}
.FreestyleUsageControls-itemLabel {
  font-size: 0.8rem;
}
.FreestyleUsageControls-input--focus {
  margin-bottom: 0.2rem;
}
.FreestyleUsageControls-button {
  background-color: #00bcd4;
  border: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  cursor: pointer;
  font-size: 0.6rem;
  padding: 0.4rem 1rem;
  text-transform: uppercase;
}

.FreestylePalette-title {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 2px;
  padding-top: 10px;
}
.FreestylePalette-description {
  font-size: 0.8rem;
  padding-bottom: 5px;
}

/* BEGIN-FREESTYLE-USAGE fpi--notes
# Markdown Notes In SCSS!

Hey look... these are `markdown` notes:

- coming from scss
- looking nice

END-FREESTYLE-USAGE */
.FreestylePaletteItem {
  border: solid 1px #cecece;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.FreestylePaletteItem-color {
  height: 90px;
  width: 160px;
}
.FreestylePaletteItem-info {
  background-color: #fff;
  border-top: solid 1px #cecece;
  padding: 5px;
}
.FreestylePaletteItem-hex {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}
.FreestylePaletteItem-name {
  color: #2f4f4f;
  font-size: 11px;
  margin-top: 0;
}

.FreestyleUsage {
  max-width: 1200px;
}
.FreestyleUsage-title {
  font-weight: bold;
  padding: 1rem 1rem 0;
  text-transform: uppercase;
}
.FreestyleUsage-rendered {
  padding: 1rem;
}
.FreestyleUsage-usage {
  padding-bottom: 10px;
}
.FreestyleUsage-sourceContainer pre {
  font-size: 0.8rem;
  margin-top: 0;
}
.FreestyleUsage-sourceContainer pre.hljs {
  padding: 0.5rem 1rem;
}
.FreestyleUsage--inline {
  border-bottom: 0;
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
}
@media (min-width: 600px) {
  .FreestyleUsage--inline {
    max-width: inherit;
    width: auto;
  }
}
.FreestyleUsage-focusCta {
  cursor: pointer;
  fill: #b6b6b6;
  position: relative;
  top: 1px;
}
.FreestyleUsage-focusCta:hover {
  fill: #00bcd4;
}

.FreestyleSection-name {
  border-bottom: solid 1px #ccc;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 1rem;
  max-width: calc(1200px - 1rem);
  padding: 1rem 0 0.4rem;
}
.FreestyleSection--hidden {
  display: none;
}

.FreestyleSubsection.is-hidden {
  display: none;
}
.FreestyleSubsection-name {
  font-size: 1.3rem;
  margin: 0 1rem;
  padding: 0.8rem 0 0.4rem;
}

.FreestyleMenu {
  font-size: 14px;
  list-style: none;
  padding-left: 1rem;
}
.FreestyleMenu-item, .FreestyleMenu-submenuItem {
  padding-top: 0.1rem;
}
.FreestyleMenu-itemLink, .FreestyleMenu-submenuItemLink {
  border-radius: 6px;
  color: #212121;
  display: block;
  padding: 0.3rem 0.3rem 0.3rem 0.5rem;
  text-decoration: none;
}
.FreestyleMenu-itemLink.active, .FreestyleMenu-submenuItemLink.active {
  background-color: #00bcd4;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.FreestyleMenu-itemLink:hover, .FreestyleMenu-submenuItemLink:hover {
  background-color: #00bcd4;
  color: white;
  text-decoration: none;
}
.FreestyleMenu-submenu {
  list-style: none;
  padding-left: 1rem;
}

.FreestyleSource-title {
  font-size: 0.7rem;
  font-weight: bold;
  padding: 0.5rem 1rem 0.2rem;
  text-transform: uppercase;
}

.FreestyleTypeface-previewHero, .FreestyleTypeface-previewSample {
  font-family: inherit;
}
.FreestyleTypeface-previewHero {
  font-size: 140px;
  line-height: 1.05;
}
.FreestyleTypeface-previewSample {
  font-size: 15px;
  margin: 0;
}

.FreestyleUsage {
  --radius: 4px;
  --border-color: #eee;
  padding: 0 1rem 1rem;
  margin-bottom: 1rem;
  max-width: 1200px;
}
.FreestyleUsage:last-child {
  border-bottom: 1px solid #ccc;
}
.FreestyleUsage-name {
  color: #333;
  margin-top: 1.5rem;
}
.FreestyleUsage-description {
  margin: 0.5rem 0;
  font-size: 1.1rem;
  color: #666;
}
.FreestyleUsage-api + .FreestyleUsage-cssVars {
  margin-top: 1rem;
}
.FreestyleUsage-apiTitle, .FreestyleUsage-cssVarsTitle {
  font-size: 0.9rem;
  font-weight: bold;
  margin: 0;
}
.FreestyleUsage-standaloneFocusCta {
  float: right;
  margin-right: 1rem;
}
.FreestyleUsage-preview {
  padding: 1.5rem;
  margin: 1rem 0;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  position: relative;
}
.FreestyleUsage-preview:after {
  content: "Preview";
  font-size: 0.7rem;
  position: absolute;
  right: 0;
  top: 0;
  background: #eee;
  color: #777;
  padding: 2px 8px;
  display: block;
  border-radius: 0 0 0 var(--radius);
}
.FreestyleUsage-sourceContainer, .FreestyleUsage-apiTable, .FreestyleUsage-cssVarsTable {
  margin-left: -1rem;
  margin-right: -1rem;
}
.FreestyleUsage-apiTable, .FreestyleUsage-cssVarsTable {
  width: 100%;
  padding: 0.5rem 0 0.2rem;
  border-collapse: collapse;
}
.FreestyleUsage-apiTable th, .FreestyleUsage-cssVarsTable th {
  text-align: left;
  font-size: 0.8rem;
  font-weight: 600;
  color: #777;
}
.FreestyleUsage-apiTable tr, .FreestyleUsage-cssVarsTable tr {
  border-bottom: 1px solid var(--border-color);
  vertical-align: top;
}
.FreestyleUsage-apiTable tr:nth-child(even), .FreestyleUsage-cssVarsTable tr:nth-child(even) {
  background-color: #f9f9f9;
}
.FreestyleUsage-apiTable th,
.FreestyleUsage-apiTable td, .FreestyleUsage-cssVarsTable th,
.FreestyleUsage-cssVarsTable td {
  padding: 0.5rem 1rem;
}
.FreestyleUsage-sourceContainer {
  margin-top: 1rem;
}

/*
  FreestyleUsageArgument
*/
.FreestyleUsageArgument,
.FreestyleUsageCssVar {
  font-size: 0.8rem;
}
.FreestyleUsageArgument-name,
.FreestyleUsageCssVar-name {
  font-weight: bold;
  width: 20%;
}
.FreestyleUsageArgument-description,
.FreestyleUsageCssVar-description {
  width: 40%;
}
.FreestyleUsageArgument-required,
.FreestyleUsageCssVar-required {
  color: #d81c38;
  font-style: oblique;
}
.FreestyleUsageArgument-default,
.FreestyleUsageCssVar-default {
  font-family: monospace;
}
.FreestyleUsageArgument-jsonViewer,
.FreestyleUsageCssVar-jsonViewer {
  background-color: #222;
  min-width: 300px;
  padding: 1rem;
}

.FreestyleUsageBoolean {
  position: relative;
  display: flex;
}
.FreestyleUsageBoolean:after {
  content: "False";
  display: block;
  position: absolute;
  top: 2px;
  left: 27px;
  font-family: monospace;
  color: #999;
}
.FreestyleUsageBoolean.is-checked:after {
  content: "True";
  color: #333;
  font-weight: 700;
}

.FreestyleUsageArray-item {
  margin: 0 0 0.5em 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.FreestyleUsageArray-removeItem, .FreestyleUsageArray-addItem {
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  padding: 2px 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.8em;
  border-radius: 4px;
}
.FreestyleUsageArray-removeItem {
  color: #999;
  opacity: 0.5;
}
.FreestyleUsageArray-addItem {
  font-weight: 700;
  padding: 3px 8px;
  color: #666;
  background: #ddd;
}
.FreestyleUsageArray-item:hover .FreestyleUsageArray-removeItem {
  opacity: 1;
}

.u-codePill {
  background-color: #eee;
  border-radius: 2px;
  color: #777;
  display: inline-block;
  font-family: monospace;
  margin-right: 0.2em;
  padding: 1px 7px;
}/* Note on css layers: css @layer rules are used to create a layering system for the css.
   The order of the layers is important as it determines the precedence of the styles.
   The layers are defined in the following order:
   1. reset: for resetting default browser styles
   2. utilities: for utility classes that can be used throughout the application
   3. boxelComponentL1: for base component styles
   4. boxelComponentL2: for component styles that build on top of base styles
   5. boxelComponentL3: for component styles that build on top of L2 styles
   This layering system allows for easier overrides and customizations of styles at different levels.
   More info: https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
*/
@layer reset, utilities, boxelComponentL1, boxelComponentL2, boxelComponentL3;

@layer reset {
  * {
    box-sizing: border-box;
  }

  :root {
    @supports (interpolate-size: allow-keywords) {
      interpolate-size: allow-keywords;
    }
  }

  #isolated-render {
    display: none;
  }

  html,
  body {
    height: 100%;
  }

  body {
    margin: 0;
    color: var(--boxel-dark, #000);
    font-family: var(
      --boxel-font-family,
      'IBM Plex Sans',
      'Helvetica Neue',
      Arial,
      sans-serif
    );
    font-size: var(--boxel-body-font-size, 0.875rem);
    letter-spacing: var(--boxel-lsp-xs, 0.01em);
    line-height: var(--boxel-line-height-sm, calc(18 / 13));
    background-color: var(--boxel-light, #fff);
    overscroll-behavior: none;
  }

  body.has-modal {
    overflow: hidden;
  }

  code,
  pre,
  kbd,
  samp {
    font-family: var(
      --boxel-monospace-font-family,
      'IBM Plex Mono',
      'Menlo',
      'Courier New',
      Courier,
      monospace
    );
  }

  a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
  }

  button {
    display: inline-block;
    font: inherit;
  }

  img,
  svg {
    display: inline-block;
    max-width: 100%;
  }

  [alt] {
    color: currentColor;
    font: var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
  }

  a:hover {
    color: var(--boxel-highlight);
    cursor: pointer;
  }

  a:focus {
    outline: var(--boxel-outline);
  }

  a:focus:not(:focus-visible) {
    outline-color: transparent;
  }

  button:hover:not(:disabled),
  [role='button']:hover:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
  }

  button:focus:not(:disabled),
  [role='button']:focus:not(:disabled) {
    outline: var(--boxel-outline);
  }

  button:focus:not(:focus-visible),
  [role='button']:focus:not(:focus-visible) {
    outline-color: transparent;
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
    letter-spacing: inherit;
  }

  input:not([type='color']):disabled,
  select:disabled,
  textarea:disabled {
    opacity: 0.5;
  }

  input[type='color']:disabled {
    pointer-events: none;
  }

  input:focus:not(:focus-visible),
  textarea:focus:not(:focus-visible) {
    outline-color: transparent;
  }

  input:focus-visible,
  textarea:focus-visible {
    outline-color: var(--boxel-highlight);
  }
}

@layer utilities {
  .boxel-contents-only {
    display: contents;
  }

  /* Hides content visually only
  (accessible via screen readers) */
  .boxel-sr-only:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }

  /* may need to add "max-width: 100%;" in some cases */
  .boxel-ellipsize {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Thin translucent scrollbar for dark-background containers */
  .boxel-dark-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255 255 255 / 20%) transparent;
  }
  .boxel-dark-scrollbar::-webkit-scrollbar {
    width: 0.5rem;
  }
  .boxel-dark-scrollbar::-webkit-scrollbar-track {
    background: transparent;
  }
  .boxel-dark-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255 255 255 / 20%);
    border-radius: var(--boxel-border-radius-xs);
  }
  .boxel-dark-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255 255 255 / 35%);
  }

  /* can be used via `--boxel-infinite-spin-animation` css-variable. example:
    @media (prefers-reduced-motion: no-preference) {
      .loading-icon {
        animation: var(--boxel-infinite-spin-animation);
      }
    }
  */
  @keyframes boxel-spin {
    to {
      transform: rotate(360deg);
    }
  }
}

#ember-basic-dropdown-wormhole
  .boxel-dropdown__content.ember-basic-dropdown-content {
  z-index: calc(var(--boxel-layer-modal-urgent) + 1);
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src:
    local('IBM Plex Sans Var'),
    local('IBMPlexSansVar'),
    local('IBM Plex Sans Var Regular'),
    local('IBMPlexSansVar-Regular'),
    url('/assets/IBMPlexSansVar-Roman-DKYrB2Yq.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 700;
  font-display: swap;
  src:
    local('IBM Plex Sans Var Italic'),
    local('IBMPlexSansVar-Italic'),
    url('/assets/IBMPlexSansVar-Italic-Qfv9lJgr.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Mono'),
    local('IBMPlexMono'),
    url('/assets/IBMPlexMono-Regular-C-SBB-bw.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Mono Medium'),
    url('/assets/IBMPlexMono-Medium-B772pXP5.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Mono SemiBold'),
    url('/assets/IBMPlexMono-SemiBold-DAxHeMPo.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Mono Bold'),
    local('IBMPlexMono-Bold'),
    url('/assets/IBMPlexMono-Bold-DXjtWYQI.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Mono Italic'),
    url('/assets/IBMPlexMono-Italic-DYZFG3Th.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Mono Medium Italic'),
    url('/assets/IBMPlexMono-MediumItalic-DcUpDvfM.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Mono SemiBold Italic'),
    url('/assets/IBMPlexMono-SemiBoldItalic-D0lqA2ge.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Mono Bold Italic'),
    url('/assets/IBMPlexMono-BoldItalic-BgXsX49L.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Serif'),
    local('IBM Plex Serif Regular'),
    local('IBMPlexSerif'),
    local('IBMPlexSerif-Regular'),
    url('/assets/IBMPlexSerif-Regular-C9sZyoRs.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Serif Medium'),
    local('IBMPlexSerif-Medium'),
    url('/assets/IBMPlexSerif-Medium-BpRXNayp.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Serif SemiBold'),
    local('IBMPlexSerif-SemiBold'),
    url('/assets/IBMPlexSerif-SemiBold-CkQF1M7W.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    local('IBM Plex Serif Bold'),
    local('IBMPlexSerif-Bold'),
    url('/assets/IBMPlexSerif-Bold-DfPAuzEv.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Serif Italic'),
    local('IBMPlexSerif-Italic'),
    url('/assets/IBMPlexSerif-Italic-DslcfnRo.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Serif Medium Italic'),
    local('IBMPlexSerif-MediumItalic'),
    url('/assets/IBMPlexSerif-MediumItalic-Bj_1Y4Ju.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Serif SemiBold Italic'),
    local('IBMPlexSerif-SemiBoldItalic'),
    url('/assets/IBMPlexSerif-SemiBoldItalic-xayuBPYu.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src:
    local('IBM Plex Serif Bold Italic'),
    local('IBMPlexSerif-BoldItalic'),
    url('/assets/IBMPlexSerif-BoldItalic-IdHRMZmK.woff2') format('woff2');
}
:root {
  /* internal variables used for base scaling defaults - do not override */
  --_boxel-font-size: 1rem; /* 16px */
  --_boxel-spacing: 1rem; /* 16px */
  --_boxel-radius: 0.625rem; /* 10px */
  --_boxel-sp-unit: 0.25rem; /* 4px */
  /* end of internal variables */

  /* boxel base variable defaults  */
  --boxel-font-size: var(--_boxel-font-size);
  --boxel-spacing: var(--_boxel-spacing);
  --boxel-radius: var(--_boxel-radius);

  /* font-family */
  --boxel-font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  --boxel-serif-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
  --boxel-monospace-font-family:
    'IBM Plex Mono', 'Menlo', 'Courier New', Courier, monospace;

  /* font size range -- note: see semantic names on line 248 */
  --boxel-font-size-2xl: calc(var(--boxel-font-size) * 2.25); /* 36px */
  --boxel-font-size-xl: calc(var(--boxel-font-size) * 2); /* 32px */
  --boxel-font-size-lg: calc(var(--boxel-font-size) * 1.375); /* 22px */
  --boxel-font-size-md: calc(var(--boxel-font-size) * 1.25); /* 20px */
  /* --boxel-font-size: 16px; (base - declared on line 10) */
  --boxel-font-size-sm: calc(var(--boxel-font-size) * 0.875); /* 14px */
  --boxel-font-size-xs: calc(var(--boxel-font-size) * 0.75); /* 12px */
  --boxel-font-size-2xs: calc(var(--boxel-font-size) * 0.6875); /* 11px */

  /* font shorthand -- note: see semantic names on line 248 */
  --boxel-font-xl: var(--boxel-font-size-xl) / calc(43 / 32)
    var(--boxel-font-family);
  --boxel-font-lg: var(--boxel-font-size-lg) / calc(30 / 22)
    var(--boxel-font-family);
  --boxel-font-md: var(--boxel-font-size-md) / calc(28 / 20)
    var(--boxel-font-family);
  --boxel-font: var(--boxel-font-size) / calc(22 / 16) var(--boxel-font-family);
  --boxel-font-sm: var(--boxel-font-size-sm) / calc(18 / 13)
    var(--boxel-font-family); /* default */
  --boxel-font-xs: var(--boxel-font-size-xs) / calc(15 / 11)
    var(--boxel-font-family);

  /* line-height for corresponding font-size */
  --boxel-line-height-xl: calc(43 / 32); /* 1.34375 */
  --boxel-line-height-lg: calc(30 / 22); /* 1.3636 */
  --boxel-line-height-md: calc(28 / 20); /* 1.4 */
  --boxel-line-height: calc(22 / 16); /* 1.375 */
  --boxel-line-height-sm: calc(18 / 13); /* 1.3846 (body) */
  --boxel-line-height-xs: calc(15 / 11); /* 1.3636 */

  /* letter-spacing */
  /* Note: the px conversion is using default font_size = 16px (1rem) */
  /* Formula: px = em * font_size */
  --boxel-lsp-xxl: 0.1em; /* 1.6px */
  --boxel-lsp-xl: 0.05em; /* 0.8px */
  --boxel-lsp-lg: 0.035em; /* 0.56px */
  --boxel-lsp: 0.025em; /* 0.4px */
  --boxel-lsp-sm: 0.015em; /* 0.24px */
  --boxel-lsp-xs: 0.01em; /* 0.16px */
  --boxel-lsp-xxs: 0.005em; /* 0.08px */

  /* Modular scale for spacing */
  --boxel-ratio: 1.333; /* scale (based on "Perfect Fourth" scale) */
  --boxel-sp-6xs: calc(var(--boxel-sp-5xs) / var(--boxel-ratio)); /* 2.14px */
  --boxel-sp-5xs: calc(var(--boxel-sp-4xs) / var(--boxel-ratio)); /* 2.86px */
  --boxel-sp-4xs: calc(var(--boxel-sp-3xs) / var(--boxel-ratio)); /* 3.57px */
  --boxel-sp-3xs: calc(var(--boxel-sp-2xs) / var(--boxel-ratio)); /* 4.76px */
  --boxel-sp-2xs: calc(var(--boxel-sp-xs) / var(--boxel-ratio)); /* 6.75px */
  --boxel-sp-xs: calc(var(--boxel-sp-sm) / var(--boxel-ratio)); /* 9px */
  --boxel-sp-sm: calc(var(--boxel-sp) / var(--boxel-ratio)); /* 12px */
  --boxel-sp: var(--boxel-spacing); /* 16px */
  --boxel-sp-lg: calc(var(--boxel-sp) * var(--boxel-ratio)); /* 21.33px */
  --boxel-sp-xl: calc(var(--boxel-sp-lg) * var(--boxel-ratio)); /* 28.44px */
  --boxel-sp-2xl: calc(var(--boxel-sp-xl) * var(--boxel-ratio)); /* 37.92px */
  --boxel-sp-3xl: calc(var(--boxel-sp-2xl) * var(--boxel-ratio)); /* 50.56px */
  --boxel-sp-4xl: calc(var(--boxel-sp-3xl) * var(--boxel-ratio)); /* 67.41px */
  --boxel-sp-5xl: calc(var(--boxel-sp-4xl) * var(--boxel-ratio)); /* 89.88px */
  --boxel-sp-6xl: calc(var(--boxel-sp-5xl) * var(--boxel-ratio)); /* 119.84px */

  /* common icon sizes */
  --boxel-icon-2xs: 0.75rem; /* 12px */
  --boxel-icon-xxs: var(
    --boxel-icon-2xs
  ); /* DEPRECATED: use --boxel-icon-2xs */
  --boxel-icon-xs: 1rem; /* 16px */
  --boxel-icon-sm: 1.25rem; /* 20px */
  --boxel-icon-med: 1.875rem; /* 30px */
  --boxel-icon-lg: 2.5rem; /* 40px */
  --boxel-icon-xl: 3.75rem; /* 60px */
  --boxel-icon-xxl: 5rem; /* 80px */

  /* button sizes */
  --boxel-button-mini: 1.25rem; /* 20px */
  --boxel-button-xs: 1.5rem; /* 24px */
  --boxel-button-sm: 1.875rem; /* 30px - base */
  --boxel-button-tall: 2.5rem; /* 40px */
  --boxel-button-touch: 3rem; /* 48px */

  /* border-color */
  --boxel-border-color: #d3d3d3;
  --boxel-button-border-color: #acacac;

  /* border */
  --boxel-border: 1px solid var(--boxel-border-color);
  --boxel-border-dark: 1px solid var(--boxel-dark);
  --boxel-border-flexible: 1px solid rgba(255, 255, 255, 0.35);
  --boxel-border-card: 1px solid rgba(0, 0, 0, 0.1);

  /* border-radius */
  --boxel-border-radius-2xs: calc(
    var(--boxel-border-radius-xs) - 2.5px
  ); /* 1.5px */
  --boxel-border-radius-xs: calc(var(--boxel-border-radius-sm) - 2px); /* 4px */
  --boxel-border-radius-sm: calc(var(--boxel-border-radius) - 4px); /* 6px */
  --boxel-border-radius: var(--boxel-radius); /* 10px - base */
  --boxel-border-radius-lg: calc(var(--boxel-border-radius) + 2px); /* 12px */
  --boxel-border-radius-xl: calc(
    var(--boxel-border-radius-lg) + 3px
  ); /* 15px */
  --boxel-border-radius-2xl: calc(
    var(--boxel-border-radius-xl) + 5px
  ); /* 20px */

  /* animations */
  --boxel-infinite-spin-animation: boxel-spin 6000ms linear infinite;

  /* transition */
  --boxel-transition: 0.2s ease;
  --boxel-transition-properties:
    color var(--boxel-transition), background-color var(--boxel-transition),
    border-color var(--boxel-transition), box-shadow var(--boxel-transition),
    filter var(--boxel-transition); /* for commonly used properties */

  /* box-shadow */
  --boxel-box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
  --boxel-box-shadow-hover: 0 3px 10px rgb(0 0 0 / 15%);
  --boxel-deep-box-shadow: 0 5px 15px 0 rgba(0 0 0 / 50%);

  /* outline */
  --boxel-outline-width: 2px;
  --boxel-outline-color: var(--boxel-blue);
  --boxel-outline-style: solid;
  --boxel-outline: var(--boxel-outline-width) var(--boxel-outline-style)
    var(--boxel-outline-color);

  /* Container sizes */
  --boxel-xxs-container: 15.625rem; /* 250px */
  --boxel-xs-container: 17.8125rem; /* 285px */
  --boxel-sm-container: 36.25rem; /* 580px */
  --boxel-md-container: 40.625rem; /* 650px */
  --boxel-lg-container: 43.75rem; /* 700px */
  --boxel-xl-container: 65rem; /* 1040px */
  --boxel-xxl-container: 83.76rem; /* 1340px */

  /* COLOR PALETTE */

  /**** Revisited Colors BOXEL-UI ****/
  --boxel-50: #f5f5f5;
  --boxel-100: #f8f7fa;
  --boxel-200: #e8e8e8;
  --boxel-300: #d1d1d1;
  --boxel-400: #afafb7;
  --boxel-450: #919191;
  --boxel-500: #5a586a;
  --boxel-550: #525252;
  --boxel-600: #413e4e;
  --boxel-650: #3b394b;
  --boxel-700: #272330;
  --boxel-800: #1a1628;

  --boxel-cyan: #00ebe5;
  --boxel-teal: #00ffba;
  --boxel-dark-teal: #00ebac;
  --boxel-red: #ff5050;
  --boxel-pink: #ff009d;
  --boxel-orange: #ff7f00;
  --boxel-yellow: #ffd800;
  --boxel-lime: #c3fc33;
  --boxel-green: #37eb77;
  --boxel-dark-green: #00ac3d;
  --boxel-lilac: #a66dfa;
  --boxel-fuschia: #ac00ff;
  --boxel-purple: #6638ff;
  --boxel-blue: #0069f9;
  --boxel-navy: #281e78;

  --boxel-label-color: currentColor;
  /**** End of revisited colors ****/

  /* Primary colors */
  --boxel-light: #fff;
  --boxel-dark: #000;
  --boxel-dark-hover: rgba(0, 0, 0, 0.1);
  --boxel-darker-hover: rgba(0, 0, 0, 0.5);
  --boxel-light-hover-35: rgba(255, 255, 255, 0.35);

  --boxel-highlight: var(--boxel-teal);
  --boxel-highlight-hover: var(--boxel-dark-teal);
  --boxel-danger: var(
    --boxel-red
  ); /* formerly boxel-error-100: the latest design docs (8/16/2023) use this color for danger instead */
  --boxel-danger-hover: #fa1521;
  --boxel-danger-bg: #ffe9e9;

  /* Boxel purples */
  --boxel-purple-100: var(--boxel-100);
  --boxel-purple-200: var(--boxel-400); /* formerly: #b3b1b8; */
  --boxel-purple-300: var(--boxel-400);
  --boxel-purple-400: var(--boxel-500); /* formerly: #6b6a80; */
  --boxel-purple-500: var(--boxel-500);
  --boxel-purple-600: var(--boxel-600); /* Cardspace bg */
  --boxel-purple-700: var(--boxel-700); /* formerly: #393642; */
  --boxel-purple-750: var(--boxel-700); /* formerly: #363441; */
  --boxel-purple-800: var(--boxel-700); /* formerly: #2e2d38; */
  --boxel-purple-900: var(--boxel-700); /* Card Wallet bg */

  /* Boxel neutrals */
  --boxel-light-100: #f4f4f4;
  --boxel-light-200: var(--boxel-200); /* formerly: #f0f0f0; */
  --boxel-light-300: var(--boxel-200); /* formerly: #efefef; */
  --boxel-light-400: var(--boxel-200);
  --boxel-light-500: var(--boxel-300); /* formerly: #dedede; */
  --boxel-light-600: var(--boxel-300);

  /* Status colors */
  --boxel-error-100: #dc0202; /* alert - attention - error */
  --boxel-error-200: #ed0000;
  --boxel-error-300: #ff0000;
  --boxel-error-400: #ff5050;
  --boxel-warning-100: var(--boxel-yellow); /* warning - notification */
  --boxel-warning-200: #ffba00;
  --boxel-success-100: var(--boxel-green);
  --boxel-success-200: var(--boxel-teal);
  --boxel-success-300: var(--boxel-dark-green);

  /* z-index layers */
  --boxel-layer-floating-button: 1000;
  --boxel-layer-modal-default: 1500;
  --boxel-layer-modal-urgent: 2000;

  /* Form control appearance */
  --boxel-form-control-height: 2.5rem; /* 40px */
  --boxel-form-control-placeholder-color: var(--boxel-400);
  --boxel-form-control-border-color: var(--boxel-border-color);
  --boxel-form-control-border-radius: var(--boxel-border-radius);
  --boxel-form-control-dark-mode-placeholder-color: #acacac;
  --boxel-form-control-dark-mode-border: var(--boxel-border-flexible);

  /* deprecated - Do Not Use */
  --boxel-sp-xxxl: var(--boxel-sp-3xl); /* xxxl is deprecated, use 3xl */
  --boxel-sp-xxl: var(--boxel-sp-2xl); /* xxl is deprecated, use 2xl */
  --boxel-sp-xxs: var(--boxel-sp-2xs); /* xxs is deprecated, use 2xs */
  --boxel-sp-xxxs: var(--boxel-sp-3xs); /* xxxs is deprecated, use 3xs */
  --boxel-border-radius-xxs: var(
    --boxel-border-radius-2xs
  ); /* xxs is deprecated, use 2xs */
  --boxel-border-radius-xxl: var(
    --boxel-border-radius-2xl
  ); /* xxl is deprecated, use 2xl */
}

/** Semantic CSS Variables for General Use */
:root {
  /* font-family */
  --boxel-body-font-family: var(--boxel-font-family);
  --boxel-heading-font-family: var(--boxel-font-family);
  --boxel-section-heading-font-family: var(--boxel-font-family);
  --boxel-subheading-font-family: var(--boxel-font-family);
  --boxel-caption-font-family: var(--boxel-font-family);

  /* font-size */
  --boxel-heading-font-size: var(--boxel-font-size-lg); /* 22px */
  --boxel-section-heading-font-size: var(--boxel-font-size-md); /* 18px */
  --boxel-subheading-font-size: var(--boxel-font-size); /* 16px */
  --boxel-body-font-size: var(--boxel-font-size-sm); /* 14px */
  --boxel-caption-font-size: var(--boxel-font-size-xs); /* 12px */

  /* line-height */
  --boxel-body-line-height: var(--boxel-line-height-sm);
  --boxel-heading-line-height: var(--boxel-line-height-lg);
  --boxel-caption-line-height: var(--boxel-line-height-xs);
  --boxel-section-heading-line-height: var(--boxel-line-height-md);
  --boxel-subheading-line-height: var(--boxel-line-height);

  /* font-weight */
  --boxel-heading-font-weight: 700;
  --boxel-section-heading-font-weight: 500;
  --boxel-subheading-font-weight: 500;
  --boxel-body-font-weight: 400;
  --boxel-caption-font-weight: 500;
}
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.44"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}

  @layer boxelComponentL1 {
    .boxel-accordion-item[data-scopedcss-a1913ac428-5bcd0742a2] {
      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-a1913ac428-5bcd0742a2]: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-a1913ac428-5bcd0742a2] {
      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-a1913ac428-5bcd0742a2] {
      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-a1913ac428-5bcd0742a2]:focus-visible {
      outline-color: var(--ring, var(--boxel-highlight));
    }
    .boxel-accordion-item-trigger[data-scopedcss-a1913ac428-5bcd0742a2]:hover:not(:disabled) {
      cursor: pointer;
    }
    .boxel-accordion-item-trigger[data-scopedcss-a1913ac428-5bcd0742a2]:disabled {
      opacity: 0.5;
    }

    .boxel-accordion-item-icon[data-scopedcss-a1913ac428-5bcd0742a2] {
      flex-shrink: 0;
    }
    [aria-expanded] .boxel-accordion-item-icon[data-scopedcss-a1913ac428-5bcd0742a2] {
      transform: rotate(90deg);
    }

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

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

      .boxel-accordion-item-icon[data-scopedcss-a1913ac428-5bcd0742a2] {
        transition: transform var(--_bai-transition);
      }

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

  @layer boxelComponentL1 {
    .boxel-accordion[data-scopedcss-eff2ac9e86-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-eff2ac9e86-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-a19aad2e8a-66eafa962a]:where(.boxel-loading-indicator) {
    --loading-indicator-size: var(
      --boxel-loading-indicator-size,
      var(--boxel-icon-sm)
    );
    display: inline-block;
    width: var(--loading-indicator-size);
    height: var(--loading-indicator-size);
    flex-shrink: 0;
  }

  .variant-default[data-scopedcss-a19aad2e8a-66eafa962a] {
    --loading-indicator-color: var(--foreground);
  }

  .variant-primary[data-scopedcss-a19aad2e8a-66eafa962a] {
    --loading-indicator-color: var(--primary-foreground);
  }

  .variant-secondary[data-scopedcss-a19aad2e8a-66eafa962a] {
    --loading-indicator-color: var(--secondary-foreground);
  }

  .variant-muted[data-scopedcss-a19aad2e8a-66eafa962a] {
    --loading-indicator-color: var(--muted-foreground);
  }

  .variant-destructive[data-scopedcss-a19aad2e8a-66eafa962a] {
    --loading-indicator-color: var(--destructive-foreground);
  }

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

  @layer boxelComponentL1 {
    /* Button */
    .boxel-button[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --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-ac55ae0c77-3bf4e3d2f5]:not(.rectangular) {
      border-radius: var(--boxel-button-border-radius, 100px);
    }
    .boxel-button[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover {
      background-color: color-mix(
        in oklab,
        var(--boxel-button-color) 90%,
        transparent
      );
    }
    .boxel-button[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:focus-visible {
      outline-color: var(--ring, var(--boxel-highlight));
      outline-offset: 2px;
    }

    .loading-indicator[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      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-ac55ae0c77-3bf4e3d2f5]:disabled,
    a.boxel-button[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not([href]),
    a.boxel-button[href=''][data-scopedcss-ac55ae0c77-3bf4e3d2f5],
    a.boxel-button.disabled-link[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --boxel-button-color: var(--boxel-border-color);
      --boxel-button-border: 1px solid var(--boxel-button-color);
      --boxel-button-text-color: var(--boxel-450);
      --boxel-button-box-shadow: none;

      cursor: default;
    }

    /* the a element does not have a disabled attribute. Clicking will still trigger event listeners */
    a.boxel-button[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not([href]),
    a.boxel-button[href=''][data-scopedcss-ac55ae0c77-3bf4e3d2f5],
    a.boxel-button.disabled-link[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      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-ac55ae0c77-3bf4e3d2f5] {
      pointer-events: none;
    }

    /* overwrite the global style for links in global.css */
    a.boxel-button[data-scopedcss-ac55ae0c77-3bf4e3d2f5]: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-ac55ae0c77-3bf4e3d2f5] {
      --boxel-button-color: var(--background, var(--boxel-light));
      --boxel-button-text-color: var(--foreground, var(--boxel-dark));
      --boxel-button-border: 1px solid var(--border, var(--boxel-400));
    }
    .kind-default[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-default[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active {
      --boxel-button-color: var(--accent, var(--boxel-light));
      --boxel-button-text-color: var(--accent-foreground, var(--boxel-dark));
      --boxel-button-border: 1px solid var(--border, var(--boxel-dark));
    }

    .kind-primary[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --boxel-button-color: var(--primary, var(--boxel-highlight));
      --boxel-button-text-color: var(--primary-foreground, var(--boxel-dark));
    }
    .kind-primary[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-primary[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active {
      --boxel-button-color: var(--primary, var(--boxel-highlight-hover));
    }

    .kind-secondary[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --boxel-button-color: var(--secondary, var(--boxel-light));
      --boxel-button-text-color: var(
        --secondary-foreground,
        var(--boxel-dark)
      );
      --boxel-button-border: 1px solid
        var(--secondary, var(--boxel-button-border-color));
    }
    .kind-secondary[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-secondary[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active {
      --boxel-button-border: 1px solid var(--secondary, var(--boxel-dark));
    }

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

    .kind-destructive[data-scopedcss-ac55ae0c77-3bf4e3d2f5],
    .kind-danger[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --boxel-button-color: var(--destructive, var(--boxel-danger));
      --boxel-button-text-color: var(
        --destructive-foreground,
        var(--boxel-light-100)
      );
    }
    .kind-destructive[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-destructive[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active,
    .kind-danger[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-danger[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active {
      --boxel-button-color: var(--destructive, var(--boxel-danger-hover));
    }

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

    .kind-primary-dark[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      /* inverted background and foreground */
      --boxel-button-color: var(--foreground, var(--boxel-dark));
      --boxel-button-text-color: var(--background, var(--boxel-light));
    }
    .kind-primary-dark[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-primary-dark[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active {
      --boxel-button-color: color-mix(
        in oklab,
        var(--foreground, var(--boxel-dark)) 85%,
        transparent
      );
    }

    .kind-secondary-light[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      /* 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-ac55ae0c77-3bf4e3d2f5] {
      /* 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-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-secondary-light[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):active,
    .kind-secondary-dark[data-scopedcss-ac55ae0c77-3bf4e3d2f5]:not(:disabled):hover,
    .kind-secondary-dark[data-scopedcss-ac55ae0c77-3bf4e3d2f5]: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-ac55ae0c77-3bf4e3d2f5] {
      --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: 700 var(--boxel-font-xs);
      --boxel-button-letter-spacing: var(--boxel-lsp-lg);
    }
    .size-extra-small.rectangular[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      border-radius: var(--boxel-border-radius-sm);
    }

    .size-small[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --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-ac55ae0c77-3bf4e3d2f5] {
      border-radius: var(--boxel-border-radius-sm);
    }

    .size-base[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --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-ac55ae0c77-3bf4e3d2f5] {
      --boxel-button-padding: var(--boxel-sp-xxs) var(--boxel-sp-lg);
      --boxel-button-min-height: var(--boxel-button-tall);
      --boxel-button-min-width: 5rem;
    }

    /*
      extra tall button mainly used in mobile screens
      touchable as it's bigger
      */
    .size-touch[data-scopedcss-ac55ae0c77-3bf4e3d2f5] {
      --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: 700 var(--boxel-font);
      --boxel-button-letter-spacing: var(--boxel-lsp-xs);
    }

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

  @layer boxelComponentL2 {
    .boxel-icon-button[data-scopedcss-116b628f06-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-116b628f06-aea1b15db4] {
      width: var(--boxel-button-mini);
      height: var(--boxel-button-mini);
      border-radius: var(--boxel-border-radius-xs);
    }
    .boxel-icon-button--small[data-scopedcss-116b628f06-aea1b15db4] {
      width: var(--boxel-button-xs);
      height: var(--boxel-button-xs);
      border-radius: var(--boxel-border-radius-xs);
    }
    .boxel-icon-button--base[data-scopedcss-116b628f06-aea1b15db4] {
      width: var(--boxel-button-sm);
      height: var(--boxel-button-sm);
      border-radius: var(--boxel-border-radius-sm);
    }
    .boxel-icon-button--tall[data-scopedcss-116b628f06-aea1b15db4] {
      padding: var(--boxel-sp-xxs);
      width: var(--boxel-button-tall);
      height: var(--boxel-button-tall);
    }
    .boxel-icon-button--touch[data-scopedcss-116b628f06-aea1b15db4] {
      padding: var(--boxel-sp-xs);
      width: var(--boxel-button-touch);
      height: var(--boxel-button-touch);
    }
    .is-round[data-scopedcss-116b628f06-aea1b15db4] {
      border-radius: 50%;
    }

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

    .kind-primary-dark[data-scopedcss-116b628f06-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-116b628f06-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-116b628f06-aea1b15db4] {
        animation: var(--boxel-infinite-spin-animation);
      }
    }
  }

  .boxel-add-button[data-scopedcss-6d0edf99bb-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-6d0edf99bb-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-c6618362db-275df79f82] {
    display: flex;
    gap: var(--boxel-sp-xs);
  }
  .alert + .alert[data-scopedcss-c6618362db-275df79f82] {
    margin-top: var(--boxel-sp-lg);
  }
  .alert-icon[data-scopedcss-c6618362db-275df79f82] {
    min-width: 20px;
    height: 20px;
    --icon-background-color: var(--boxel-error-400);
  }
  .failure-icon[data-scopedcss-c6618362db-275df79f82] {
    --icon-background-color: var(--destructive, var(--boxel-error-400));
    --icon-color: var(--destructive-foreground, var(--boxel-light));
  }
  .message[data-scopedcss-c6618362db-275df79f82] {
    align-self: center;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

  .alert-container[data-scopedcss-c6618362db-3ecc3e80e5] {
    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-xxl);
  }
  .error-container[data-scopedcss-c6618362db-3ecc3e80e5] {
    background-color: var(--destructive-foreground, var(--boxel-650));
    color: var(--destructive, var(--boxel-light));
  }
  .warning-container[data-scopedcss-c6618362db-3ecc3e80e5] {
    background-color: var(--accent, var(--boxel-warning-200));
    color: var(--accent-foreground, var(--boxel-dark));
  }

  .alert-container[data-scopedcss-c6618362db-3ecc3e80e5] >  * + * {
    margin-top: var(--boxel-sp-sm);
  }

  .profile-icon[data-scopedcss-115c9ef2aa-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);
      }
    }
  }

  .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));
  }

  .boxel-card-container--themed {
    /* setting boxel base css variable overrides, with boxel defaults as fallback */
    --_boxel-scale: var(--theme-scale, var(--boxel-ratio));
    --theme-spacing: calc(var(--spacing) * 4);
    --boxel-spacing: var(--theme-spacing, var(--_boxel-spacing));
    --boxel-font-size: var(
      --theme-font-size,
      var(--theme-body-font-size, var(--_boxel-font-size))
    );
    --boxel-radius: var(--radius, var(--_boxel-radius));
    --_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-xxs: calc(var(--boxel-border-radius-xs) - 2.5px);
    --boxel-border-radius-xs: calc(var(--boxel-border-radius-sm) - 3px);
    --boxel-border-radius-sm: calc(var(--boxel-border-radius) - 3px);
    --boxel-border-radius: var(--boxel-radius); /* base */
    --boxel-border-radius-lg: calc(var(--boxel-border-radius) + 2px);
    --boxel-border-radius-xl: calc(var(--boxel-border-radius-lg) + 3px);
    --boxel-border-radius-xxl: calc(var(--boxel-border-radius-xl) + 5px);
    --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(--boxel-heading-line-height)
    );
    --boxel-section-heading-font-weight: var(
      --theme-section-heading-font-weight,
      var(--boxel-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(--boxel-heading-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);

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

  @layer reset {
    h1,h2,h3,h4,h5,h6,p {
      margin-inline-start: 0;
      margin-inline-end: 0;
      margin-block-start: 0;
      margin-block-end: 0;
    }

    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);
    }
    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);
    }
    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);
    }
    h4 {
      font-size: inherit;
    }
    small {
      font-size: var(--boxel-caption-font-size);
      line-height: var(--boxel-caption-line-height);
    }
  }

  @layer boxelComponentL2 {
    .boxel-context-button[data-scopedcss-93730fcca0-59dc1e781d] {
      color: inherit;
      background-color: transparent;
      transition: none;
    }
    .boxel-context-button--highlight-icon[data-scopedcss-93730fcca0-59dc1e781d] {
      color: var(--primary, var(--boxel-highlight));
    }
    .boxel-context-button--highlight[data-scopedcss-93730fcca0-59dc1e781d]:hover,
    .boxel-context-button--highlight-icon[data-scopedcss-93730fcca0-59dc1e781d]:hover {
      color: var(--primary-foreground, var(--boxel-dark));
      background-color: var(--primary, var(--boxel-highlight));
    }
    .boxel-context-button--highlight[aria-expanded='true'][data-scopedcss-93730fcca0-59dc1e781d],
    .boxel-context-button--highlight-icon[aria-expanded='true'][data-scopedcss-93730fcca0-59dc1e781d] {
      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-93730fcca0-59dc1e781d]:hover {
      background-color: color-mix(in oklab, currentColor 10%, transparent);
    }
    .boxel-context-button--ghost[aria-expanded='true'][data-scopedcss-93730fcca0-59dc1e781d] {
      background-color: color-mix(in oklab, currentColor 25%, transparent);
    }

    .boxel-context-button--destructive-icon[data-scopedcss-93730fcca0-59dc1e781d] {
      color: var(--destructive, var(--boxel-danger));
    }
    .boxel-context-button--destructive[data-scopedcss-93730fcca0-59dc1e781d]:hover,
    .boxel-context-button--destructive-icon[data-scopedcss-93730fcca0-59dc1e781d]:hover {
      color: var(--destructive-foreground, var(--boxel-light-100));
      background-color: var(--destructive, var(--boxel-danger));
    }

    .boxel-context-button--primary-dark[data-scopedcss-93730fcca0-59dc1e781d] {
      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-93730fcca0-59dc1e781d]:disabled,
    .boxel-context-button[disabled][data-scopedcss-93730fcca0-59dc1e781d] {
      color: var(--boxel-400);
      pointer-events: none;
      cursor: initial;
    }
  }

  @layer {
    .boxel-dropdown__content[data-scopedcss-24626944d6-e13be58aad] {
      --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))
      );
      --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: 0 5px 15px 0 rgb(0 0 0 / 25%);
    }

    /* Menu styling cater for dropdown */
    .boxel-dropdown__content[data-scopedcss-24626944d6-e13be58aad] .boxel-menu:not(.themeless) {
      --boxel-menu-color: var(--dropdown-background-color) !important;
      --boxel-menu-text-color: var(--dropdown-text-color) !important;
      --boxel-menu-hover-color: var(--dropdown-hover-color) !important;
      --boxel-menu-current-color: var(--dropdown-hover-color) !important;
      --boxel-menu-selected-font-color: var(
        --dropdown-text-color
      ) !important;
    }

    .boxel-dropdown__content[data-scopedcss-24626944d6-e13be58aad]
      
        .boxel-menu:not(.themeless)
          .boxel-menu__item:not(.boxel-menu__item--disabled):hover
       {
      color: var(--dropdown-selected-text-color);
    }

    .boxel-dropdown__content[data-scopedcss-24626944d6-e13be58aad]
      .boxel-menu:not(.themeless) .boxel-menu__separator {
      border-bottom-color: var(--dropdown-border-color) !important;
    }

    .boxel-dropdown__content[class*='variant-'][data-scopedcss-24626944d6-e13be58aad] {
      --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))
      );
    }

    .boxel-dropdown__content.variant-primary[data-scopedcss-24626944d6-e13be58aad] {
      --dropdown-highlight-color: var(
        --boxel-dropdown-highlight-color,
        var(--primary, var(--boxel-600))
      );
      --dropdown-hover-color: var(
        --boxel-dropdown-hover-color,
        var(--theme-hover, var(--boxel-500))
      );
      --dropdown-selected-text-color: var(
        --primary-foreground,
        var(--foreground, var(--boxel-light))
      );
      --dropdown-focus-border-color: var(
        --primary,
        var(--boxel-outline-color)
      );
    }

    .boxel-dropdown__content.variant-secondary[data-scopedcss-24626944d6-e13be58aad] {
      --dropdown-highlight-color: var(
        --boxel-dropdown-highlight-color,
        var(--secondary, var(--boxel-400))
      );
      --dropdown-hover-color: var(
        --boxel-dropdown-hover-color,
        var(--theme-hover, var(--boxel-light-100))
      );
      --dropdown-selected-text-color: var(
        --secondary-foreground,
        var(--foreground, var(--boxel-dark))
      );
      --dropdown-focus-border-color: var(
        --secondary,
        var(--boxel-outline-color)
      );
    }

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

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

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

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

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

  @layer {
    .boxel-menu[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      --boxel-menu-border-radius: var(--boxel-border-radius);
      --boxel-menu-color: var(--boxel-light);
      --boxel-menu-text-color: var(--boxel-dark);
      --boxel-menu-current-color: var(--boxel-light-100);
      --boxel-menu-selected-color: var(--boxel-highlight);
      --boxel-menu-disabled-color: var(--boxel-highlight);
      --boxel-menu-font: 500 var(--boxel-font-sm);
      --boxel-menu-item-gap: var(--boxel-sp-xxs);
      --boxel-menu-item-content-padding: var(--boxel-sp-xs) var(--boxel-sp);
      list-style-type: none;
      margin: 0;
      padding: 0;
      color: var(--boxel-menu-text-color, inherit);
      background-color: var(--boxel-menu-color);
      border-radius: var(--boxel-menu-border-radius);
    }

    .boxel-menu__item[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      font: var(--boxel-menu-font);
      font-family: inherit;
      letter-spacing: var(--boxel-lsp-sm);
    }

    .boxel-menu__item--checked[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      background-color: var(--boxel-menu-selected-background-color);
      color: var(--boxel-menu-selected-font-color);
    }

    .boxel-menu__item--checked[data-scopedcss-78cfbd9a8f-fa795b7e8b]:not(.boxel-menu__item--disabled):hover {
      color: var(--boxel-menu-selected-hover-font-color);
    }

    .boxel-menu__item[data-scopedcss-78cfbd9a8f-fa795b7e8b]:not(.boxel-menu__item--disabled):hover {
      background-color: var(--boxel-menu-current-color);
      cursor: pointer;
    }

    .boxel-menu__item[data-scopedcss-78cfbd9a8f-fa795b7e8b]:first-child:hover {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }

    .boxel-menu__item[data-scopedcss-78cfbd9a8f-fa795b7e8b]:last-child:hover {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
    }

    .boxel-menu__item[data-scopedcss-78cfbd9a8f-fa795b7e8b]:only-child:hover {
      border-radius: inherit;
    }

    .boxel-menu__item > .boxel-menu__item__content[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      width: 100%;
      padding: var(--boxel-menu-item-content-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-78cfbd9a8f-fa795b7e8b] {
      pointer-events: none;
    }

    .boxel-menu__item > .boxel-menu__item__content[data-scopedcss-78cfbd9a8f-fa795b7e8b]:hover {
      color: inherit;
    }

    .boxel-menu__item__content[data-scopedcss-78cfbd9a8f-fa795b7e8b]:focus-visible {
      outline: var(--boxel-outline);
    }

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

    .boxel-menu__item--disabled[data-scopedcss-78cfbd9a8f-fa795b7e8b],
    .boxel-menu__item--disabled.boxel-menu__item[data-scopedcss-78cfbd9a8f-fa795b7e8b]:hover {
      background-color: initial;
      opacity: 0.4;
    }

    .boxel-menu__separator[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      margin: 0;
      border: 0;
      height: 0;
      border-bottom: 1px solid var(--boxel-purple-300);
    }

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

    .check-icon[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      --icon-color: var(--boxel-highlight);
      visibility: collapse;
      display: contents;
    }
    .check-icon--selected[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      visibility: visible;
    }
    .checkmark[data-scopedcss-78cfbd9a8f-fa795b7e8b] {
      flex-shrink: 0;
    }
  }

  @layer {
    .realm-icon-img[data-scopedcss-07fa3e106b-6ac015244e] {
      --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-07fa3e106b-6ac015244e] {
      --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-07fa3e106b-6ac015244e]::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-07fa3e106b-6ac015244e] {
      animation: pulse-border-data-scopedcss-07fa3e106b-6ac015244e 2.5s linear infinite;
    }
    .indexing[data-scopedcss-07fa3e106b-6ac015244e]::after {
      animation: pulse-icon-data-scopedcss-07fa3e106b-6ac015244e 2.5s linear infinite;
    }
    @keyframes pulse-border-data-scopedcss-07fa3e106b-6ac015244e {
      0%,
      10% {
        border-color: var(--boxel-highlight);
      }
      40% {
        border-color: var(--boxel-light);
      }
      100% {
        border-color: var(--boxel-highlight);
      }
    }
    @keyframes pulse-icon-data-scopedcss-07fa3e106b-6ac015244e {
      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);
      }
    }
  }

  .trigger[data-scopedcss-e83ff48769-0dea0d8795] {
    width: fit-content;
  }

  .tooltip[data-scopedcss-e83ff48769-0dea0d8795] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--background, rgb(0 0 0 / 80%))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--foreground, var(--boxel-light))
    );
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--border, var(--boxel-light-500))
    );

    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-e83ff48769-0dea0d8795] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--background, rgb(0 0 0 / 80%))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--foreground, var(--boxel-light))
    );
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--border, var(--boxel-light-500))
    );
  }

  .variant-primary[data-scopedcss-e83ff48769-0dea0d8795] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--primary, var(--boxel-600))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--primary-foreground, var(--boxel-light))
    );
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--primary, var(--boxel-600))
    );
  }

  .variant-secondary[data-scopedcss-e83ff48769-0dea0d8795] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--secondary, var(--boxel-400))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--secondary-foreground, var(--boxel-dark))
    );
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--secondary, var(--boxel-400))
    );
  }

  .variant-muted[data-scopedcss-e83ff48769-0dea0d8795] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--muted, var(--boxel-200))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--muted-foreground, var(--boxel-dark))
    );
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--muted, var(--boxel-200))
    );
  }

  .variant-destructive[data-scopedcss-e83ff48769-0dea0d8795] {
    --tooltip-background-color: var(
      --boxel-tooltip-background-color,
      var(--destructive, var(--boxel-600))
    );
    --tooltip-text-color: var(
      --boxel-tooltip-text-color,
      var(--destructive-foreground, var(--boxel-light))
    );
    --tooltip-border-color: var(
      --boxel-tooltip-border-color,
      var(--destructive, var(--boxel-600))
    );
  }

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

  @layer {
    header[data-scopedcss-abd6d4867f-445b657b5e] {
      --inner-boxel-card-header-padding: var(
        --boxel-card-header-padding,
        var(--boxel-sp-xs)
      );
      --inner-boxel-card-header-realm-icon-size: var(
        --boxel-card-header-realm-icon-size,
        var(--boxel-icon-med)
      );
      --inner-boxel-card-header-card-type-icon-size: var(
        --boxel-card-header-card-type-icon-size,
        var(--boxel-icon-sm)
      );
      position: relative;
      display: flex;
      align-items: center;
      min-height: var(--boxel-card-header-min-height, 1.875rem); /* 30px */
      width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      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
      );
      letter-spacing: var(--boxel-card-header-letter-spacing, normal);
      text-transform: var(--boxel-card-header-text-transform);
      transition:
        background-color var(--boxel-transition),
        color var(--boxel-transition);
      gap: var(--boxel-card-header-gap, var(--boxel-sp-xs));
      padding: var(--inner-boxel-card-header-padding, var(--boxel-sp-xl));
      font: var(--boxel-card-header-font-weight, 600)
        var(--boxel-card-header-text-font, var(--boxel-font-sm));
    }
    header.is-editing[data-scopedcss-abd6d4867f-445b657b5e] {
      background-color: var(--boxel-highlight);
      color: var(--boxel-dark);
    }
    header .card-type-display-name[data-scopedcss-abd6d4867f-445b657b5e] {
      max-width: var(
        --boxel-card-header-max-width,
        100%
      ); /* this includes the space to show the header buttons */
      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;
      padding: 0 30px;
    }
    .card-type-display-name-text[data-scopedcss-abd6d4867f-445b657b5e] {
      font: 700 var(--boxel-font-sm);
    }
    .card-title-text[data-scopedcss-abd6d4867f-445b657b5e] {
      font: 500 var(--boxel-font-sm);
    }

    header .card-type-display-name[data-scopedcss-abd6d4867f-445b657b5e] >  svg {
      display: inline-block;
      vertical-align: middle;
      max-height: var(--inner-boxel-card-header-card-type-icon-size);
      max-width: var(--inner-boxel-card-header-card-type-icon-size);
      margin-right: var(--boxel-sp-xxxs);
      margin-bottom: calc(1rem - var(--boxel-font-size-sm));
    }
    .save-indicator[data-scopedcss-abd6d4867f-445b657b5e] {
      font: var(--boxel-font-xs);
      letter-spacing: var(--boxel-lsp-sm);
    }
    .realm-icon-container[data-scopedcss-abd6d4867f-445b657b5e] {
      display: flex;
      align-items: center;
      min-width: var(--boxel-card-header-icon-container-min-width);
      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-abd6d4867f-445b657b5e] {
      width: var(--inner-boxel-card-header-realm-icon-size);
      height: var(--inner-boxel-card-header-realm-icon-size);
    }

    .actions[data-scopedcss-abd6d4867f-445b657b5e] {
      display: flex;
      align-items: center;
      margin-left: auto;
      gap: var(--boxel-sp-5xs);
      min-width: var(--boxel-card-header-actions-min-width);
      justify-content: right;
    }

    .icon-button[data-scopedcss-abd6d4867f-445b657b5e],
    .icon-save[data-scopedcss-abd6d4867f-445b657b5e] {
      z-index: 1;
    }
    .icon-button[data-scopedcss-abd6d4867f-445b657b5e] svg {
      stroke-width: 2.5;
    }

    .icon-save[data-scopedcss-abd6d4867f-445b657b5e] {
      background-color: var(--boxel-light);
    }

    .utility-menu-positioner[data-scopedcss-abd6d4867f-445b657b5e] {
      --utility-menu-trigger-height: 26px;
      position: relative;
      margin-right: var(--boxel-sp);
      width: 1px;
      height: var(--utility-menu-trigger-height);
    }
    .utility-menu-trigger[data-scopedcss-abd6d4867f-445b657b5e] {
      --boxel-button-min-height: var(--utility-menu-trigger-height);
      --boxel-button-padding: 0 var(--boxel-sp-xxs);
      --boxel-button-border-radius: calc(var(--boxel-border-radius) - 4px);
      --boxel-button-font: var(--boxel-font-sm);
      --boxel-button-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
      --boxel-button-border: solid 1px rgba(0, 0, 0, 0.35);

      position: absolute;
      top: 0;
      right: 0;
      width: max-content;
    }
    .utility-menu-dropdown-arrow[data-scopedcss-abd6d4867f-445b657b5e] {
      margin-left: var(--boxel-sp-xl);
      vertical-align: middle;
    }
  }

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

  @keyframes dash-data-scopedcss-b99c936727-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-a85a9fafc1-7b1c706df4] {
      --icon-size: var(--boxel-icon-sm);
      --icon-space: var(--boxel-sp-xs);
      --icon-full-length: calc(
        var(--boxel-icon-sm) + var(--boxel-sp-xs) * 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-a85a9fafc1-7b1c706df4] {
      grid-column: 1 / span 3;
      grid-row: 2;

      box-sizing: border-box;
      width: 100%;
      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: 1px solid transparent;
      transition:
        var(--boxel-transition-properties),
        outline-color var(--boxel-transition);
    }

    .boxel-input--large[data-scopedcss-a85a9fafc1-7b1c706df4] {
      --boxel-form-control-height: 4.375rem;
      font-size: var(--boxel-font-size);
    }

    textarea[data-scopedcss-a85a9fafc1-7b1c706df4] {
      --boxel-input-height: 10rem;
      resize: both;
      overflow: auto;
    }

    .boxel-input[data-scopedcss-a85a9fafc1-7b1c706df4]: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-a85a9fafc1-7b1c706df4] {
      opacity: 0.5;
    }

    .boxel-input[data-scopedcss-a85a9fafc1-7b1c706df4]:focus-visible {
      outline-color: var(--ring, var(--boxel-highlight));
      border-color: var(--ring, var(--boxel-highlight));
    }

    .boxel-input[data-scopedcss-a85a9fafc1-7b1c706df4]::placeholder {
      color: var(--muted-foreground, var(--boxel-450));
    }

    .boxel-input[data-scopedcss-a85a9fafc1-7b1c706df4]:hover:not(:focus-visible):not(:disabled):not(.invalid):not(
        .search
      ) {
      border-color: var(--border, currentColor);
    }

    .invalid[data-scopedcss-a85a9fafc1-7b1c706df4]: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-a85a9fafc1-7b1c706df4]: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-a85a9fafc1-7b1c706df4]:hover:not(:disabled) {
      border-color: var(--destructive, var(--boxel-error-100));
    }

    .search[data-scopedcss-a85a9fafc1-7b1c706df4] {
      --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-a85a9fafc1-7b1c706df4] {
      --boxel-form-control-border-radius: var(--boxel-border-radius-xl)
        var(--boxel-border-radius-xl) 0 0;
    }

    .search-icon[data-scopedcss-a85a9fafc1-7b1c706df4] {
      --icon-color: var(
        --boxel-input-search-icon-color,
        var(--boxel-highlight)
      );
    }

    .search-icon-container[data-scopedcss-a85a9fafc1-7b1c706df4] {
      grid-area: pre-icon;

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

    .validation-icon-container[data-scopedcss-a85a9fafc1-7b1c706df4] {
      grid-area: post-icon;

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

    .search ~ .validation-icon-container .validation-icon-loading[data-scopedcss-a85a9fafc1-7b1c706df4] {
      color: var(--primary, var(--boxel-highlight));
      --icon-color: currentColor;
    }
    .search ~ .search-icon-container .search-icon[data-scopedcss-a85a9fafc1-7b1c706df4] {
      color: var(
        --boxel-input-search-icon-color,
        var(--primary, var(--boxel-highlight))
      );
      --icon-color: currentColor;
    }

    .optional[data-scopedcss-a85a9fafc1-7b1c706df4] {
      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-a85a9fafc1-7b1c706df4] {
      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-a85a9fafc1-7b1c706df4] {
      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-a85a9fafc1-7b1c706df4],
    .boxel-input:disabled ~ .helper-text[data-scopedcss-a85a9fafc1-7b1c706df4] {
      display: none;
    }

    .boxel-input.search[data-scopedcss-a85a9fafc1-7b1c706df4]::placeholder {
      color: inherit;
      opacity: 0.6;
    }

    @media (prefers-reduced-motion: no-preference) {
      .validation-icon-loading[data-scopedcss-a85a9fafc1-7b1c706df4] {
        animation: var(--boxel-infinite-spin-animation);
      }
    }

    /* Checkbox type */
    .input-container.is-checkbox[data-scopedcss-a85a9fafc1-7b1c706df4] {
      --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-a85a9fafc1-7b1c706df4],
    .input-container.is-checkbox .error-message[data-scopedcss-a85a9fafc1-7b1c706df4],
    .input-container.is-checkbox .helper-text[data-scopedcss-a85a9fafc1-7b1c706df4],
    .input-container.is-checkbox .search-icon-container[data-scopedcss-a85a9fafc1-7b1c706df4],
    .input-container.is-checkbox .validation-icon-container[data-scopedcss-a85a9fafc1-7b1c706df4] {
      display: none;
    }

    .checkbox-checkmark-icon[data-scopedcss-a85a9fafc1-7b1c706df4] {
      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-a85a9fafc1-7b1c706df4] {
      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-a85a9fafc1-7b1c706df4]:checked {
      background-color: var(--checkbox-checked-background);
      border-color: var(--checkbox-checked-border-color);
    }

    .boxel-input[type='checkbox'][data-scopedcss-a85a9fafc1-7b1c706df4]: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-a85a9fafc1-7b1c706df4]:hover:not(:disabled):not(:checked) {
      border-color: var(--boxel-dark);
    }

    .boxel-input[type='checkbox'][data-scopedcss-a85a9fafc1-7b1c706df4]:hover:not(:disabled):checked {
      border-color: var(--checkbox-checked-border-color);
    }

    .boxel-input[type='checkbox'][data-scopedcss-a85a9fafc1-7b1c706df4]:disabled {
      opacity: 0.5;
      cursor: default;
    }
  }

  @layer boxelComponentL1 {
    .boxel-swatch[data-scopedcss-83aebbfc4e-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-83aebbfc4e-835abfb296] {
      flex-direction: row;
      align-items: center;
    }
    .boxel-swatch-preview[data-scopedcss-83aebbfc4e-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-83aebbfc4e-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-83aebbfc4e-835abfb296] {
      min-width: var(--swatch-width, 7rem);
      height: var(--swatch-height, 3.375rem);
    }
    .boxel-swatch-value[data-scopedcss-83aebbfc4e-835abfb296] {
      font-family: var(--font-mono, var(--boxel-monospace-font-family));
    }
  }

  @layer boxelComponentL3 {
    .color-picker[data-scopedcss-cd3f70429a-f1c014df0f] {
      --color-picker-width: 2.5rem;
      --color-picker-height: 2.5rem;
      position: relative;
    }
    .color-text-input[data-scopedcss-cd3f70429a-f1c014df0f] {
      padding-inline: var(--color-picker-width);
      transition: none;
    }
    .color-input-container[data-scopedcss-cd3f70429a-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-cd3f70429a-f1c014df0f] >  .input-container {
      visibility: collapse;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
    }
    .color-input-container[data-scopedcss-cd3f70429a-f1c014df0f]:not(.disabled):hover {
      cursor: pointer;
    }
    .color-input-container[data-scopedcss-cd3f70429a-f1c014df0f]:not(.disabled):hover .preview {
      box-shadow: var(--shadow-xs, var(--boxel-box-shadow));
    }
    .remove[data-scopedcss-cd3f70429a-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-cd3f70429a-f1c014df0f]:focus,
    .remove[data-scopedcss-cd3f70429a-f1c014df0f]:hover {
      opacity: 1;
      outline: 0;
    }
  }

  @layer boxelComponentL3 {
    .color-palette-group[data-scopedcss-8e3655f581-5502ce24d8] {
      max-width: var(--boxel-palette-max-width, 18.75rem);
      display: grid;
      gap: var(--boxel-sp);
    }
    .color-palette[data-scopedcss-8e3655f581-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-8e3655f581-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-8e3655f581-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-8e3655f581-5502ce24d8]:hover:not(:disabled) {
      cursor: pointer;
      transform: scale(1.1);
    }
    .swatch-button.selected[data-scopedcss-8e3655f581-5502ce24d8] {
      border-color: var(--_swatch-border-selected);
    }
    .swatch-button.selected[data-scopedcss-8e3655f581-5502ce24d8]::before {
      box-shadow: none;
    }
  }

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

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

  .draggable-container[data-scopedcss-c3fe521f22-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-c3fe521f22-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-c3fe521f22-1b5ccf9598] :where(.boundaries) {
    box-shadow: none;
  }
  .draggable-card.is-loading[data-scopedcss-c3fe521f22-1b5ccf9598] {
    position: relative;
  }
  .draggable-card.is-loading > .overlay[data-scopedcss-c3fe521f22-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-c3fe521f22-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-c3fe521f22-1b5ccf9598] {
    --loading-indicator-size: 18px;
  }
  .draggable-card.is-on-target[data-scopedcss-c3fe521f22-1b5ccf9598] {
    transform: scale(0.95);
    filter: brightness(0.7);
  }
  .draggable-card-empty[data-scopedcss-c3fe521f22-1b5ccf9598] {
    filter: brightness(0.7);
    border: 1px dashed var(--boxel-300);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .column[data-scopedcss-c3fe521f22-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-c3fe521f22-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-c3fe521f22-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-c3fe521f22-1b5ccf9598]:not(.is-dragging) {
    filter: brightness(0.7);
  }

  .entity-icon-display[data-scopedcss-96137ebe15-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-96137ebe15-e7150048d0] {
    align-items: center;
  }
  .entity-icon[data-scopedcss-96137ebe15-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-96137ebe15-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-96137ebe15-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-96137ebe15-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-96137ebe15-e7150048d0] {
    text-decoration: var(--entity-display-title-underline, underline);
  }
  .entity-content[data-scopedcss-96137ebe15-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-94276192c2-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-94276192c2-fe0563f15d] {
    align-items: center;
  }
  .entity-thumbnail[data-scopedcss-94276192c2-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-94276192c2-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-94276192c2-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-94276192c2-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-94276192c2-fe0563f15d] {
    text-decoration: var(--entity-display-title-underline, underline);
  }
  .entity-content[data-scopedcss-94276192c2-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-f6740e3ac2-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-f6740e3ac2-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-f6740e3ac2-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-73b27f2295-b2bafc38b4] {
      --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-73b27f2295-b2bafc38b4] {
      align-items: start;
    }
    .with-icon .label-container[data-scopedcss-73b27f2295-b2bafc38b4] {
      display: flex;
      gap: var(--boxel-sp-xs);
    }

    .centered-display[data-scopedcss-73b27f2295-b2bafc38b4] {
      justify-items: center;
    }

    .small-label[data-scopedcss-73b27f2295-b2bafc38b4] {
      --boxel-field-label-size: minmax(4rem, 10%);
    }

    .label[data-scopedcss-73b27f2295-b2bafc38b4] {
      --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-73b27f2295-b2bafc38b4] {
      flex-shrink: 0;
    }

    .content[data-scopedcss-73b27f2295-b2bafc38b4] {
      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-73b27f2295-b2bafc38b4] {
      grid-template-columns:
        var(--boxel-field-label-size, minmax(8rem, 25%))
        1fr;
      min-height: var(--boxel-form-control-height);
    }

    .horizontal > .label-container[data-scopedcss-73b27f2295-b2bafc38b4] {
      padding-top: var(--boxel-sp-sm);
    }

    .horizontal > .content[data-scopedcss-73b27f2295-b2bafc38b4] {
      align-self: center;
    }

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

    .vertical .label[data-scopedcss-73b27f2295-b2bafc38b4] {
      grid-column: 2;
    }

    .boxel-field[data-scopedcss-73b27f2295-b2bafc38b4] .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 boxelComponentL2 {
    .filter-list[data-scopedcss-4d119660ec-981c7bdf92] {
      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-4d119660ec-981c7bdf92] .filter-list {
      margin-top: var(--boxel-sp-4xs);
      padding-inline-start: var(--boxel-sp);
    }
  }

  @layer boxelComponentL2 {
    .list-item-buttons[data-scopedcss-4d119660ec-cbf2be1130] {
      display: flex;
      border-radius: var(--boxel-border-radius-sm);
      color: inherit;
      background-color: inherit;
    }
    .list-item-buttons.is-expanded[data-scopedcss-4d119660ec-cbf2be1130] {
      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-4d119660ec-cbf2be1130]: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-4d119660ec-cbf2be1130] {
      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-4d119660ec-cbf2be1130]: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-4d119660ec-cbf2be1130] {
      --boxel-icon-button-width: 2rem;
      --boxel-icon-button-height: 2rem;
      flex-shrink: 0;
    }
    .is-expanded > .dropdown-toggle[data-scopedcss-4d119660ec-cbf2be1130] {
      transform: rotate(180deg);
    }
    .filter-list__button[data-scopedcss-4d119660ec-cbf2be1130] {
      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-4d119660ec-cbf2be1130]:hover,
    .filter-list__button[data-scopedcss-4d119660ec-cbf2be1130]:focus {
      color: inherit;
      background-color: transparent;
    }
    .dropdown-toggle[data-scopedcss-4d119660ec-cbf2be1130],
    .filter-list__button[data-scopedcss-4d119660ec-cbf2be1130] {
      border: none;
      transition: none;
    }
    [data-scopedcss-4d119660ec-cbf2be1130] .filter-list__icon {
      flex-shrink: 0;
      width: var(--boxel-icon-xs);
      height: var(--boxel-icon-xs);
      vertical-align: top;
    }
  }

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

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

  @layer {
    header[data-scopedcss-5dd0f890d1-3a5795273e] {
      --_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-5dd0f890d1-3a5795273e] {
      --_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-5dd0f890d1-3a5795273e] {
      border-bottom: 1px solid
        var(--boxel-header-border-color, var(--border, var(--boxel-200)));
    }
    .has-background[data-scopedcss-5dd0f890d1-3a5795273e] {
      --_h-bg-color: var(--muted, var(--boxel-100));
      --_h-color: var(--muted-foreground, var(--boxel-dark));
    }
    .title[data-scopedcss-5dd0f890d1-3a5795273e] {
      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-5dd0f890d1-3a5795273e] {
      display: flex;
      align-items: center;
      margin-left: var(--boxel-header-detail-margin-left, auto);
    }
    header[data-scopedcss-5dd0f890d1-3a5795273e] >  svg {
      flex-shrink: 0;
    }
  }

  .boxel-trigger[data-scopedcss-b78684286a-db90bf5085] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--boxel-select-trigger-gap, var(--boxel-sp));
    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-b78684286a-db90bf5085] {
    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-b78684286a-db90bf5085] {
    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-b78684286a-db90bf5085] {
    padding: 0px;
  }

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

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

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

  .boxel-select[data-scopedcss-1dae62edf2-e4d5fb455b] {
    --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))
    );
    --select-focus-border-color: var(
      --boxel-select-focus-border-color,
      var(--primary, var(--boxel-dark))
    );

    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-1dae62edf2-e4d5fb455b] {
    border-radius: var(--boxel-form-control-border-radius);
  }

  .boxel-select[data-scopedcss-1dae62edf2-e4d5fb455b]:not([aria-disabled='true']):hover {
    cursor: pointer;
    border-color: var(--select-focus-border-color);
  }

  .boxel-select[data-scopedcss-1dae62edf2-e4d5fb455b]:focus-visible {
    outline: 2px solid var(--ring, var(--boxel-highlight-hover));
  }

  .boxel-select[data-scopedcss-1dae62edf2-e4d5fb455b] .boxel-trigger {
    padding: var(--boxel-sp-xs)
      calc(var(--boxel-sp-xxxs) + var(--boxel-sp-xxs));
  }

  .variant-default[data-scopedcss-1dae62edf2-e4d5fb455b] {
    --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-focus-border-color: var(
      --boxel-select-focus-border-color,
      var(--primary, var(--boxel-dark))
    );
  }

  .variant-primary[data-scopedcss-1dae62edf2-e4d5fb455b] {
    --select-background-color: var(
      --boxel-select-background-color,
      var(--primary, var(--boxel-600))
    );
    --select-border-color: var(
      --boxel-select-border-color,
      var(--primary, var(--boxel-600))
    );
    --select-text-color: var(
      --boxel-select-text-color,
      var(--primary-foreground, var(--boxel-light))
    );
    --select-focus-border-color: var(
      --boxel-select-focus-border-color,
      var(--primary, var(--boxel-600))
    );
  }

  .variant-secondary[data-scopedcss-1dae62edf2-e4d5fb455b] {
    --select-background-color: var(
      --boxel-select-background-color,
      var(--secondary, var(--boxel-400))
    );
    --select-border-color: var(
      --boxel-select-border-color,
      var(--secondary, var(--boxel-400))
    );
    --select-text-color: var(
      --boxel-select-text-color,
      var(--secondary-foreground, var(--boxel-dark))
    );
    --select-focus-border-color: var(
      --boxel-select-focus-border-color,
      var(--secondary, var(--boxel-400))
    );
  }

  .variant-muted[data-scopedcss-1dae62edf2-e4d5fb455b] {
    --select-background-color: var(
      --boxel-select-background-color,
      var(--muted, var(--boxel-200))
    );
    --select-border-color: var(
      --boxel-select-border-color,
      var(--muted, var(--boxel-200))
    );
    --select-text-color: var(
      --boxel-select-text-color,
      var(--muted-foreground, var(--boxel-dark))
    );
    --select-focus-border-color: var(
      --boxel-select-focus-border-color,
      var(--muted, var(--boxel-200))
    );
  }

  .variant-destructive[data-scopedcss-1dae62edf2-e4d5fb455b] {
    --select-background-color: var(
      --boxel-select-background-color,
      var(--destructive, var(--boxel-600))
    );
    --select-border-color: var(
      --boxel-select-border-color,
      var(--destructive, var(--boxel-600))
    );
    --select-text-color: var(
      --boxel-select-text-color,
      var(--destructive-foreground, var(--boxel-light))
    );
    --select-focus-border-color: var(
      --boxel-select-focus-border-color,
      var(--destructive, var(--boxel-danger))
    );
  }

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

  .boxel-select-options-list[data-scopedcss-1dae62edf2-db24e05177] {
    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-1dae62edf2-db24e05177] {
    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-1dae62edf2-db24e05177]:not([aria-disabled='true']):hover {
    background-color: var(--dropdown-hover-color);
    color: var(--dropdown-selected-text-color);
    cursor: pointer;
  }

  .boxel-select-option-item.ember-power-select-option--highlighted[data-scopedcss-1dae62edf2-db24e05177] {
    background-color: var(--dropdown-hover-color);
    color: var(--dropdown-selected-text-color);
  }

  .boxel-select-option-item.ember-power-select-option--selected[data-scopedcss-1dae62edf2-db24e05177] {
    background-color: var(--dropdown-highlight-color);
    color: var(--dropdown-selected-text-color);
  }

  .boxel-select-option-item.ember-power-select-option--selected.ember-power-select-option--highlighted[data-scopedcss-1dae62edf2-db24e05177],
  .boxel-select-option-item.ember-power-select-option--selected[data-scopedcss-1dae62edf2-db24e05177]:hover {
    background-color: color-mix(
      in oklab,
      var(--dropdown-highlight-color) 95%,
      var(--dropdown-selected-text-color)
    );
  }

  .boxel-select-option-item[aria-disabled='true'][data-scopedcss-1dae62edf2-db24e05177] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .boxel-select-option-icon[data-scopedcss-1dae62edf2-db24e05177] {
    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-1dae62edf2-db24e05177] {
    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-1dae62edf2-db24e05177] {
    /* 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-1dae62edf2-db24e05177] {
    height: var(--boxel-icon-xs);
    max-width: 100%;
    aspect-ratio: 1;
    flex-shrink: 0;
    --icon-color: currentColor;
  }

  @layer boxelComponentL1 {
    .text-accessory[data-scopedcss-3ee92bdb06-f8771d5ccf] {
      align-items: center;
      color: var(--muted-foreground, var(--boxel-700));
      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-3ee92bdb06-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-3ee92bdb06-c89ea75f0a] {
    z-index: 2;
  }

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

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

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

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

  .boxel-input-group__select-accessory[data-scopedcss-3ee92bdb06-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-dbd745ef01-f153013829] {
    display: flex;
    flex-direction: column;
  }
  .boxel-input-group[data-scopedcss-dbd745ef01-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-dbd745ef01-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-dbd745ef01-f153013829] >  .accessory,
    .boxel-input-group[data-scopedcss-dbd745ef01-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-dbd745ef01-f153013829] >  .button-accessory.kind-secondary {
      --boxel-button-color: var(--secondary, var(--boxel-100));
    }
    .boxel-input-group[data-scopedcss-dbd745ef01-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-dbd745ef01-f153013829] >  * + .button-accessory,
    .boxel-input-group[data-scopedcss-dbd745ef01-f153013829]
      >  .button-accessory + *:not(.button-accessory) {
      border-left: 1px solid var(--boxel-input-group-border-color);
    }
    .boxel-input-group[data-scopedcss-dbd745ef01-f153013829] >  .accessory:focus-visible,
    .boxel-input-group[data-scopedcss-dbd745ef01-f153013829] >  .form-control:focus-visible {
      z-index: 5;
    }
  }

  .boxel-input-group[data-scopedcss-dbd745ef01-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-dbd745ef01-f153013829] .form-control:focus-visible,[data-scopedcss-dbd745ef01-f153013829] .accessory ~ .form-control:focus-visible {
    outline: 2px solid var(--ring, var(--boxel-highlight));
  }
  [data-scopedcss-dbd745ef01-f153013829] .form-control:not(:has(~ .accessory)) {
    outline: none;
  }

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

  .boxel-input-group[data-scopedcss-dbd745ef01-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-dbd745ef01-f153013829] > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .boxel-input-group[data-scopedcss-dbd745ef01-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-dbd745ef01-f153013829] > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .helper-text[data-scopedcss-dbd745ef01-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-dbd745ef01-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-dbd745ef01-f153013829],
  .boxel-input-group--invalid[data-scopedcss-dbd745ef01-f153013829]:not(.boxel-input-group--disabled)
    .form-control,
  .boxel-input-group--invalid[data-scopedcss-dbd745ef01-f153013829]:not(.boxel-input-group--disabled)
    .text-accessory,
  .boxel-input-group--invalid[data-scopedcss-dbd745ef01-f153013829]:not(.boxel-input-group--disabled)
    .icon-button-accessory,
  .boxel-input-group--invalid[data-scopedcss-dbd745ef01-f153013829]:not(.boxel-input-group--disabled)
    .button-accessory {
    border-color: var(--destructive, var(--boxel-error-100));
  }

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

  .error-message[data-scopedcss-dbd745ef01-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-dbd745ef01-f153013829] {
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    width: var(--boxel-input-group-icon-length);
  }

  .card[data-scopedcss-f07bb81d84-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-f07bb81d84-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-f07bb81d84-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-f07bb81d84-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-f07bb81d84-baecc4221b] {
    opacity: 0;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: calc(-1 * var(--_kanban-col-gap) / 2) 0;
  }
  [data-scopedcss-f07bb81d84-baecc4221b] .boxel-card-container {
    background: inherit;
    color: inherit;
    border-radius: inherit;
  }

  .col-header[data-scopedcss-36b495ffd8-44a739b0bb] {
    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-36b495ffd8-44a739b0bb] {
    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-36b495ffd8-44a739b0bb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .col-dot[data-scopedcss-36b495ffd8-44a739b0bb] {
    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-36b495ffd8-44a739b0bb] {
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .col-count[data-scopedcss-36b495ffd8-44a739b0bb] {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: var(--_kanban-muted-opacity);
  }
  .col-header-right[data-scopedcss-36b495ffd8-44a739b0bb] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
  .col-wip[data-scopedcss-36b495ffd8-44a739b0bb] {
    font-size: 0.625rem;
    font-family: var(--font-mono, var(--boxel-monospace-font-family));
    opacity: var(--_kanban-muted-opacity);
  }
  .col-wip.over[data-scopedcss-36b495ffd8-44a739b0bb] {
    color: var(--_kanban-destructive);
    font-weight: 700;
    opacity: 1;
  }
  .col-add-btn[data-scopedcss-36b495ffd8-44a739b0bb] {
    opacity: var(--_kanban-muted-opacity);
  }
  .col-add-btn[data-scopedcss-36b495ffd8-44a739b0bb]:hover {
    opacity: 1;
  }

  .ghost[data-scopedcss-f131b5403a-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-f131b5403a-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-d8c737e1cf-5193463a8f] {
    display: flex;
    gap: 0.5rem;
    height: 100%;
    padding: 0.75rem;
    overflow-x: auto;
    outline: none;
    background-color: var(--_kanban-bg);
    color: var(--_kanban-fg);
  }
  .board[data-scopedcss-d8c737e1cf-5193463a8f]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--_kanban-ring);
  }
  .board.is-dragging[data-scopedcss-d8c737e1cf-5193463a8f] {
    user-select: none;
    -webkit-user-select: none;
    cursor: grabbing;
  }

  .column[data-scopedcss-d8c737e1cf-5193463a8f] {
    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-d8c737e1cf-5193463a8f] {
    background: color-mix(
      in oklch,
      var(--_kanban-destructive) 12%,
      var(--_kanban-bg)
    );
  }

  .col-body[data-scopedcss-d8c737e1cf-5193463a8f] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--_kanban-col-gap);
    padding: 0.25rem 0.5rem 0.5rem;
    position: relative;
  }

  .insertion-box[data-scopedcss-d8c737e1cf-5193463a8f] {
    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-d8c737e1cf-5193463a8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-size: 0.8125rem;
    font-style: italic;
    opacity: var(--_kanban-muted-opacity);
  }

  .kanban-plane[data-scopedcss-8488c04f92-3ce29ab64e] {
    --_kanban-bg: var(
      --boxel-kanban-bg,
      var(--background, var(--boxel-100))
    );
    --_kanban-fg: var(
      --boxel-kanban-fg,
      var(--foreground, var(--boxel-700))
    );
    --_kanban-card-bg: var(
      --boxel-kanban-card-bg,
      var(--card, var(--boxel-light))
    );
    --_kanban-card-fg: var(
      --boxel-kanban-card-fg,
      var(--card-foreground, var(--boxel-dark))
    );
    --_kanban-col-bg: var(
      --boxel-kanban-col-bg,
      var(--sidebar, var(--boxel-200))
    );
    --_kanban-col-fg: var(
      --boxel-kanban-col-fg,
      var(--sidebar-foreground, var(--boxel-dark))
    );
    --_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(--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 */
  }

  .boxel-message[data-scopedcss-63c406cc6e-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-63c406cc6e-e6dfd8e217] {
    min-height: 0;
  }

  .meta[data-scopedcss-63c406cc6e-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-63c406cc6e-e6dfd8e217] {
    align-items: center;
  }

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

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

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

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

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

  .content[data-scopedcss-63c406cc6e-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-63c406cc6e-e6dfd8e217] {
    margin-left: 0;
    margin-top: var(--boxel-sp);
  }

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

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

  dialog[data-scopedcss-48dec06694-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-48dec06694-9f04a14f2a] {
    top: 50%;
    transform: translateY(-50%);
  }

  .overlay[data-scopedcss-48dec06694-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-48dec06694-9f04a14f2a] {
    --boxel-modal-max-width: 23.25rem; /* 300px */
  }

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

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

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

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

  .full-screen > .boxel-modal__inner[data-scopedcss-48dec06694-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-ce52917c7d-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-ce52917c7d-44efd12a80] {
    flex-grow: 1;
  }

  @layer {
    .pill[data-scopedcss-a8584aac21-e4e33c3e46] {
      /* 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-a8584aac21-e4e33c3e46] {
      height: var(--boxel-button-mini);
      font-weight: 500;
      border-radius: var(--boxel-border-radius-xs);
    }
    .pill-size--small[data-scopedcss-a8584aac21-e4e33c3e46] {
      height: var(--boxel-button-xs);
      font-weight: 500;
      border-radius: var(--boxel-border-radius-xs);
    }
    .pill-size--base[data-scopedcss-a8584aac21-e4e33c3e46] {
      height: var(--boxel-button-sm);
      font-weight: 500;
    }
    .pill-size--tall[data-scopedcss-a8584aac21-e4e33c3e46] {
      height: var(--boxel-button-tall);
      font-weight: 500;
    }
    .pill-size--touch[data-scopedcss-a8584aac21-e4e33c3e46] {
      height: var(--boxel-button-touch);
      font-weight: 500;
    }

    .variant-default[data-scopedcss-a8584aac21-e4e33c3e46] {
      --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-a8584aac21-e4e33c3e46] {
      --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-a8584aac21-e4e33c3e46] {
      --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-a8584aac21-e4e33c3e46] {
      --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-a8584aac21-e4e33c3e46] {
      --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-a8584aac21-e4e33c3e46] {
      --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-a8584aac21-e4e33c3e46]:not(:disabled):hover,
    .button-pill.variant-primary[data-scopedcss-a8584aac21-e4e33c3e46]:not(:disabled):hover,
    .button-pill.variant-destructive[data-scopedcss-a8584aac21-e4e33c3e46]: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-a8584aac21-e4e33c3e46]:not(:disabled):hover,
    .button-pill.variant-muted[data-scopedcss-a8584aac21-e4e33c3e46]: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-a8584aac21-e4e33c3e46]:not(:disabled):hover {
      --pill-background-color: var(--background, var(--boxel-100));
    }
    .button-pill.variant-primary[data-scopedcss-a8584aac21-e4e33c3e46]: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-a8584aac21-e4e33c3e46]:not(:disabled):hover {
      --pill-border-color: var(--secondary, var(--pill-font-color));
    }
    .button-pill.variant-destructive[data-scopedcss-a8584aac21-e4e33c3e46]:not(:disabled):hover {
      --pill-background-color: var(--destructive, var(--boxel-danger-hover));
      --pill-border-color: var(--pill-background-color);
    }

    .icon[data-scopedcss-a8584aac21-e4e33c3e46] {
      --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-86c03e0ac7-baa4fd799e] {
    all: unset;
  }
  .boxel-selected-option[data-scopedcss-86c03e0ac7-baa4fd799e] {
    --pill-gap: var(--boxel-sp-xxs);
  }
  .boxel-multi-select__remove-button[data-scopedcss-86c03e0ac7-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-86c03e0ac7-baa4fd799e] {
    width: 10px;
    height: 10px;
    --icon-color: var(--boxel-multi-select-pill-color);
  }

  .boxel-multi-select__remove-button[data-scopedcss-22fadaab4d-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-22fadaab4d-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-22fadaab4d-2dcd58f97b] {
    display: none; /* We have to remove the default x button placed on selected items*/
  }
  .boxel-multi-select-has-more-item[data-scopedcss-22fadaab4d-2dcd58f97b] {
    --pill-gap: var(--boxel-sp-xxs);
    --pill-background-color: var(--boxel-700);
    --pill-font-color: var(--boxel-light);
  }
  .icon[data-scopedcss-22fadaab4d-2dcd58f97b] {
    width: 10px;
    height: 10px;
  }
  .is-open[data-scopedcss-22fadaab4d-2dcd58f97b] {
    transform: rotate(180deg);
  }

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

  .picker-before-options[data-scopedcss-4463bdd588-4ddbe386c7] {
    background-color: var(--boxel-light);
  }

  .picker-before-options__search[data-scopedcss-4463bdd588-4ddbe386c7] {
    --boxel-input-search-color: var(--boxel-dark);
    --boxel-input-search-background-color: transparent;
    --icon-full-length: var(--boxel-icon-xs);
    padding: 0 calc(2 * var(--boxel-sp-2xs));
  }

  .picker-before-options__search[data-scopedcss-4463bdd588-4ddbe386c7] .input-container {
    --icon-full-length: var(--boxel-icon-xs);
  }

  .picker-before-options__search[data-scopedcss-4463bdd588-4ddbe386c7] .search-icon {
    color: var(--boxel-dark);
    height: 14px;
    width: 14px;
  }

  .picker-before-options__search[data-scopedcss-4463bdd588-4ddbe386c7] .search {
    padding-left: calc(var(--boxel-icon-xs) + var(--boxel-sp-2xs));
  }

  .picker-before-options__search-input[data-scopedcss-4463bdd588-4ddbe386c7] {
    width: 100%;
    border: none;
  }

  .picker-before-options__search-input[data-scopedcss-4463bdd588-4ddbe386c7]:focus-visible,
  .search[data-scopedcss-4463bdd588-4ddbe386c7] {
    outline: none;
  }

  .picker-before-options__option[data-scopedcss-4463bdd588-4ddbe386c7] {
    width: 100%;
    box-sizing: border-box;
  }

  .picker-before-options__selected-summary[data-scopedcss-4463bdd588-4ddbe386c7] {
    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-4463bdd588-4ddbe386c7] {
    height: 1px;
    background-color: var(--boxel-200);
    width: 100%;
  }

  .picker-selected-item[data-scopedcss-f1a30ae0d2-1cdb9fca14] {
    --pill-background-color: var(--background, var(--boxel-300));
    --pill-border-color: var(--border, var(--boxel-300));
    --pill-gap: var(--boxel-sp-4xs);
    padding-right: 0;
  }
  .picker-selected-item__icon[data-scopedcss-f1a30ae0d2-1cdb9fca14] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .picker-selected-item__icon-image[data-scopedcss-f1a30ae0d2-1cdb9fca14] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: var(--boxel-border-radius-xs);
    display: block;
  }
  .picker-selected-item__remove[data-scopedcss-f1a30ae0d2-1cdb9fca14]:hover {
    background: none;
    opacity: 0.7;
  }

  .boxel-trigger[data-scopedcss-bd29e11d98-a354201ce0] {
    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-content[data-scopedcss-bd29e11d98-a354201ce0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    align-items: center;
  }

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

  .picker-trigger__label[data-scopedcss-bd29e11d98-a354201ce0] {
    font-weight: 500;
    flex-shrink: 0;
  }

  .picker-trigger__caret[data-scopedcss-bd29e11d98-a354201ce0] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
  }

  .picker-trigger__caret.is-open[data-scopedcss-bd29e11d98-a354201ce0] {
    transform: rotate(180deg);
  }

  .picker__more-items[data-scopedcss-bd29e11d98-a354201ce0] {
    --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 {
    .boxel-progress-bar[data-scopedcss-69d59dba07-e97e4840c1] {
      --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-69d59dba07-e97e4840c1] {
      height: 1.5em;
      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-69d59dba07-e97e4840c1] {
      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-69d59dba07-e97e4840c1],
    .progress-bar-info.end[data-scopedcss-69d59dba07-e97e4840c1] {
      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-69d59dba07-e97e4840c1] {
      justify-content: start;
    }
    .progress-bar-info.center[data-scopedcss-69d59dba07-e97e4840c1] {
      position: absolute;
      justify-content: center;
    }
    .progress-bar-label[data-scopedcss-69d59dba07-e97e4840c1] {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--progress-bar-font-color);
    }
  }

  @layer {
    .boxel-progress-radial[data-scopedcss-79cd0bc24a-cfe504194f] {
      --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-79cd0bc24a-cfe504194f] {
      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-79cd0bc24a-cfe504194f] {
      position: absolute;
      inset: 10px;
      background: var(--progress-radial-inner-bg);
      border-radius: 50%;
      display: grid;
      place-items: center;
    }

    .progress-percentage[data-scopedcss-79cd0bc24a-cfe504194f] {
      font-size: var(--boxel-font-sm);
      font-weight: var(--progress-radial-font-weight);
      color: var(--progress-radial-text-color);
    }
  }

  @layer {
    .boxel-radio-option[data-scopedcss-1ccb405467-72026a2ff1] {
      --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-1ccb405467-72026a2ff1] {
      box-shadow: 0 0 0 1px transparent;
    }

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

    .boxel-radio-option[data-scopedcss-1ccb405467-72026a2ff1]:hover:not(.boxel-radio-option--disabled) {
      box-shadow: 0 0 0 1px var(--boxel-dark);
      cursor: pointer;
    }

    .boxel-radio-option--checked[data-scopedcss-1ccb405467-72026a2ff1]:not(.boxel-radio-option--disabled),
    .boxel-radio-option[data-scopedcss-1ccb405467-72026a2ff1]:focus:not(.boxel-radio-option--disabled),
    .boxel-radio-option[data-scopedcss-1ccb405467-72026a2ff1]: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-1ccb405467-72026a2ff1] {
      opacity: 0.5;
    }

    .boxel-radio-option__input[data-scopedcss-1ccb405467-72026a2ff1] {
      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-1ccb405467-72026a2ff1] {
      background-color: var(--radio-checked-background);
      box-shadow: inset 0 0 0 0.1rem var(--radio-foreground);
    }

    .boxel-radio-option__input[data-scopedcss-1ccb405467-72026a2ff1]:disabled {
      border-color: var(--radio-disabled-border-color);
    }

    .boxel-radio-option__input[data-scopedcss-1ccb405467-72026a2ff1]: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-1ccb405467-72026a2ff1] {
      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-1ccb405467-72026a2ff1] {
      outline: 1px solid var(--boxel-outline-color);
    }

    .variant-muted[data-scopedcss-1ccb405467-72026a2ff1] {
      --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-1ccb405467-72026a2ff1] {
      box-shadow: 0 0 0 1px var(--destructive, var(--boxel-error-100));
    }

    .boxel-radio-input--invalid .boxel-radio-option[data-scopedcss-1ccb405467-72026a2ff1]: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-1ccb405467-72026a2ff1]:hover:not(:disabled) {
      box-shadow: 0 0 0 1px var(--destructive, var(--boxel-error-100));
    }
  }

  @layer {
    .boxel-radio-fieldset[data-scopedcss-78d9b41ea8-96350220c1] {
      --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-78d9b41ea8-96350220c1] {
      --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-78d9b41ea8-96350220c1] {
      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-78d9b41ea8-96350220c1] {
      display: flex;
      flex-wrap: wrap;
      gap: var(--boxel-radio-gap);
      width: 100%;
      max-width: 100%;
    }

    .boxel-radio-fieldset__container--vertical[data-scopedcss-78d9b41ea8-96350220c1] {
      flex-direction: column;
    }

    .boxel-radio-fieldset__container--horizontal > *[data-scopedcss-78d9b41ea8-96350220c1] {
      flex: 1;
    }
  }

  .separator[data-scopedcss-2184ad9d05-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-2184ad9d05-2f0f977ccd] {
    --boxel-panel-resize-handle-height: 100px;
    --boxel-panel-resize-handle-width: 4px;

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

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

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

  .resize-handle[data-scopedcss-2184ad9d05-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-2184ad9d05-2f0f977ccd],
  .separator.hover .resize-handle[data-scopedcss-2184ad9d05-2f0f977ccd] {
    opacity: 1;
  }

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

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

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

  .boxel-skeleton-placeholder[data-scopedcss-eb19e1b179-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-eb19e1b179-9116bbc0e2]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: wave-data-scopedcss-eb19e1b179-9116bbc0e2 1.6s linear 0.5s infinite;
    background: linear-gradient(
      90deg,
      transparent,
      var(--skeleton-highlight),
      transparent
    );
    transform: translateX(-100%);
  }

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

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

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

  @layer boxelComponentL2 {
    .sort-options-group[data-scopedcss-d489a81038-94730a634e] {
      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-d489a81038-94730a634e] {
      font-weight: 500;
    }
    .sort-button[data-scopedcss-d489a81038-94730a634e] {
      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 > svg[data-scopedcss-d489a81038-94730a634e] {
      margin-left: auto;
    }
  }

  @layer {
    .switch[data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      width: 34px;
      height: 20px;
      border-radius: 20px;
      padding: 2.5px;
      display: inline-flex;
      align-items: center;
      transition: background-color 0.1s ease-in;
      position: relative;

      --switch-bg-color: var(--boxel-400);
      --switch-active-color: var(--primary, var(--boxel-dark-green));
      --switch-thumb-color: var(--boxel-light);

      background-color: var(--switch-bg-color);
    }

    input[type='checkbox'][data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      appearance: none;
    }

    .switch-input[data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      margin: 0;
      height: 100%;
      aspect-ratio: 1;
      background-color: var(--switch-thumb-color);
      border-radius: 50%;
      margin-left: 0;
      transition: margin-left 0.1s ease-in;
    }

    .switch.checked[data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      background-color: var(--switch-active-color);
    }

    .switch.checked .switch-input[data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      margin-left: 49%;
    }

    .switch[data-scopedcss-7786e4ecbe-fd3d3aa5cb]:hover,
    .switch-input[data-scopedcss-7786e4ecbe-fd3d3aa5cb]:hover {
      cursor: pointer;
    }

    .switch.disabled[data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      opacity: 0.5;
    }

    .switch.disabled[data-scopedcss-7786e4ecbe-fd3d3aa5cb],
    .switch.disabled .switch-input[data-scopedcss-7786e4ecbe-fd3d3aa5cb] {
      cursor: default;
    }
  }

  .app-header[data-scopedcss-5222d67a06-0ad6a1844e] {
    padding: 0 var(--boxel-sp-lg);
    background-color: var(--header-background-color, var(--boxel-light));
    color: var(--header-text-color, var(--boxel-dark));
  }
  .app-title-group[data-scopedcss-5222d67a06-0ad6a1844e] {
    padding: var(--boxel-sp-xs) 0;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
  }
  .app-title[data-scopedcss-5222d67a06-0ad6a1844e] {
    margin: 0;
    font: 900 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-xl);
    text-transform: uppercase;
  }
  .app-content[data-scopedcss-5222d67a06-0ad6a1844e] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--boxel-sp-lg);
  }
  .app-nav[data-scopedcss-5222d67a06-0ad6a1844e] {
    font: 500 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-sm);
    flex: 1;
  }
  .app-tab-list[data-scopedcss-5222d67a06-0ad6a1844e] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--boxel-sp);
    flex-flow: row wrap;
  }
  .app-tab-list a[data-scopedcss-5222d67a06-0ad6a1844e] {
    height: 100%;
    padding: var(--boxel-sp-xs) var(--boxel-sp-xxs);
    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-5222d67a06-0ad6a1844e] {
    color: var(--header-text-color, var(--boxel-dark));
    border-bottom-color: var(--header-text-color, var(--boxel-dark));
    font-weight: 600;
  }
  .app-tab-list a[data-scopedcss-5222d67a06-0ad6a1844e]:hover:not(:disabled) {
    color: var(--header-text-color, var(--boxel-dark));
    font-weight: 600;
  }
  /* this prevents layout shift when text turns bold on hover/active */
  .app-tab-list a[data-scopedcss-5222d67a06-0ad6a1844e]::after {
    display: block;
    content: attr(data-test-tab-label);
    height: 0;
    visibility: hidden;
    user-select: none;
    pointer-events: none;
    font-weight: 600;
  }
  .app-side-content[data-scopedcss-5222d67a06-0ad6a1844e] {
    margin: var(--boxel-sp-xs) 0;
  }

  @layer {
    .tag-pill[data-scopedcss-faa4b3d9a0-1744407f02] {
      --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-faa4b3d9a0-1744407f02] {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }

  @layer {
    .tag-list[data-scopedcss-2ee77ed101-17f62e534f] {
      display: flex;
      flex-wrap: wrap;
      gap: var(--tag-list-gap, var(--boxel-sp-xs));
    }

    .tag-list-pill[data-scopedcss-2ee77ed101-17f62e534f] {
      --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-2ee77ed101-17f62e534f] {
      --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 {
    .view-options-group[data-scopedcss-8689ec5aa9-e900799633] {
      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-8689ec5aa9-e900799633] {
      font-weight: 500;
    }
    .view-options[data-scopedcss-8689ec5aa9-e900799633] {
      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-8689ec5aa9-e900799633] {
      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-8689ec5aa9-e900799633] >  div,
    .view-option[data-scopedcss-8689ec5aa9-e900799633] >  div {
      display: contents;
    }
    .view-option[data-scopedcss-8689ec5aa9-e900799633]: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-8689ec5aa9-e900799633] {
      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-8689ec5aa9-e900799633]: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-8689ec5aa9-e900799633]:focus-within:has(input:focus-visible) {
      outline: 2px solid var(--ring, var(--boxel-highlight));
    }
    .view-option[data-scopedcss-8689ec5aa9-e900799633]:has(:disabled) {
      opacity: 0.5;
      pointer-events: none;
    }
    .is-disabled[data-scopedcss-8689ec5aa9-e900799633] {
      opacity: 0.5;
    }
  }
:root {
  --ember-power-calendar-cell-size: 35px;
}

.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.4286;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 2;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days,
.ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  appearance: none;
  flex: 1 1 100%;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.ember-power-calendar-day {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ember-power-calendar-nav-control {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  line-height: 1;
  font-size: 150%;
}
.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

.ember-power-calendar {
  width: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 7 - 2px + 0px + 0px);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 1);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 2);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 3);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 4);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 5);
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 6);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 1);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 2);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 3);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 4);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 5);
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 6);
}
.ember-power-calendar .ember-power-calendar-day,
.ember-power-calendar .ember-power-calendar-weekday {
  max-width: var(--ember-power-calendar-cell-size);
  max-height: var(--ember-power-calendar-cell-size);
  width: var(--ember-power-calendar-cell-size);
  height: var(--ember-power-calendar-cell-size);
}
.ember-power-calendar .ember-power-calendar-weekdays,
.ember-power-calendar .ember-power-calendar-week {
  height: calc(var(--ember-power-calendar-cell-size) + 2px);
  padding-left: 0px;
  padding-right: 0px;
}
.ember-power-calendar .ember-power-calendar-day {
  color: #bbb;
}
.ember-power-calendar .ember-power-calendar-weekdays {
  color: #333333;
}
.ember-power-calendar .ember-power-calendar-nav-control {
  color: #0078c9;
}
.ember-power-calendar .ember-power-calendar-nav-control:focus {
  color: rgb(48, 171.5820895522, 255);
}
.ember-power-calendar .ember-power-calendar-day--current-month {
  color: #656d78;
  background-color: #f5f7fa;
}
.ember-power-calendar .ember-power-calendar-day--today {
  background-color: #eee;
}
.ember-power-calendar .ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee;
}
.ember-power-calendar .ember-power-calendar-day--focused {
  box-shadow: inset 0 -2px 0 0 #0078c9;
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  background-color: rgb(150, 212.6865671642, 255);
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
  background-color: rgb(150, 212.6865671642, 255);
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: rgb(150, 212.6865671642, 255);
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
  background-color: rgb(150, 212.6865671642, 255);
}
.ember-power-calendar .ember-power-calendar-day--selected {
  background-color: rgb(201, 233.2388059701, 255);
  color: #656d78;
}
.ember-power-calendar .ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: rgb(201, 233.2388059701, 255);
  color: #656d78;
}
.ember-power-calendar .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #656d78;
}.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
  :root {
    --submode-switcher-dropdown-content-border-radius: 0 0
      var(--boxel-border-radius) var(--boxel-border-radius);
    --submode-switcher-dropdown-content-bg-color: rgba(0, 0, 0, 0.5);
    --submode-switcher-width: 10.5rem; /* 168px */
    --submode-switcher-height: var(--operator-mode-top-bar-item-height);
  }
  .submode-switcher-dropdown-trigger[data-scopedcss-6f879a07ce-65836dab00] {
    --icon-color: var(--boxel-highlight);

    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    background-color: var(--boxel-dark);
    border-radius: var(--boxel-border-radius);

    position: relative;
    justify-content: flex-start;
    width: var(--submode-switcher-width);
    height: var(--submode-switcher-height);
    gap: var(--boxel-sp-xs);

    transition:
      border-bottom-right-radius var(--boxel-transition),
      border-bottom-left-radius var(--boxel-transition);
  }

  .submode-switcher-dropdown-trigger .icon[data-scopedcss-6f879a07ce-65836dab00] {
    color: var(--icon-color);
  }

  .submode-switcher-dropdown-trigger[aria-expanded='true'][data-scopedcss-6f879a07ce-65836dab00] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

    transition:
      border-bottom-right-radius var(--boxel-transition)
        var(--boxel-transition),
      border-bottom-left-radius var(--boxel-transition)
        var(--boxel-transition);
  }
  .arrow-icon[data-scopedcss-6f879a07ce-65836dab00] {
    margin-left: auto;
    padding-right: var(--boxel-sp-4xs);

    display: flex;
  }
  .submode-switcher-dropdown {
    --boxel-dropdown-content-border-radius: var(
      --submode-switcher-dropdown-content-border-radius
    );
    background-color: var(--submode-switcher-dropdown-content-bg-color);
  }
  .submode-switcher-dropdown-menu[data-scopedcss-6f879a07ce-65836dab00] {
    width: var(--submode-switcher-width);
    color: var(--boxel-light);
    font: 500 var(--boxel-font-sm);

    --icon-color: var(--boxel-light);
    --boxel-menu-border-radius: var(
      --submode-switcher-dropdown-content-border-radius
    );
    --boxel-menu-color: var(--submode-switcher-dropdown-content-bg-color);
    --boxel-menu-current-color: rgba(0, 0, 0, 0.3);
    --boxel-menu-item-gap: var(--boxel-sp-sm);
    --boxel-menu-item-content-padding: var(--boxel-sp-xs);
  }

  .error[data-scopedcss-c0cea9894e-b35ca6970f] {
    display: flex;
    align-content: flex-start;
    justify-content: center;
    padding: var(--boxel-sp-xs);
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .thumbnail[data-scopedcss-c0cea9894e-b35ca6970f] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 64.35px);
  }
  .name[data-scopedcss-c0cea9894e-b35ca6970f] {
    width: 100%;
    text-align: center;
    font: 500 var(--boxel-font-sm);
    line-height: 1.23;
    letter-spacing: 0.13px;
    text-overflow: ellipsis;
  }
  svg[data-scopedcss-c0cea9894e-b35ca6970f] {
    width: 50px;
    height: 50px;
  }
.ember-animated-hidden {
  visibility: hidden !important;
}

.ember-animated-none {
  display: none !important;
}

.ember-animated-top-collapse {
  margin-top: 0 !important;
}

.animated-container {
  position: relative;
}

.animated-container:before,
.animated-container:after {
  content: " ";
  display: table;
}

.animated-orphans {
  position: relative;
}

  .apply-button[data-scopedcss-0a30d0a035-482850c664] {
    --boxel-button-font: 600 var(--boxel-font-xs);
    padding: 3px 10px;
    min-width: inherit;
    min-height: inherit;
    height: 1.5rem;
    border-radius: inherit;
  }
  .apply-button[data-scopedcss-0a30d0a035-482850c664]:hover:not(:disabled),
  .apply-button[data-scopedcss-0a30d0a035-482850c664]:focus:not(:disabled) {
    --boxel-button-color: var(--boxel-highlight);
    filter: brightness(1.1);
  }
  .state-indicator[data-scopedcss-0a30d0a035-482850c664] {
    --icon-color: var(--boxel-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    background-color: var(--boxel-highlight);
    transition:
      width var(--boxel-transition),
      border-radius var(--boxel-transition);
  }
  .state-indicator.compact[data-scopedcss-0a30d0a035-482850c664] {
    flex-shrink: 0;
    order: 1;
  }
  .state-indicator.ready[data-scopedcss-0a30d0a035-482850c664] {
    border-radius: 100px;
    width: fit-content;
  }
  .state-indicator.applying[data-scopedcss-0a30d0a035-482850c664] {
    --icon-stroke-width: 5;
    width: 58px;
    border-radius: 100px;
  }
  .state-indicator.compact.applying[data-scopedcss-0a30d0a035-482850c664] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
  }

  .state-indicator.preparing[data-scopedcss-0a30d0a035-482850c664] {
    width: 78px;
    padding: 1px;
    border-radius: 100px;
  }
  .state-indicator.preparing .apply-button[data-scopedcss-0a30d0a035-482850c664] {
    --boxel-button-color: transparent;
    --boxel-button-text-color: var(--boxel-200);
    border: 0;
    min-width: 74px;
  }
  .state-indicator.preparing .apply-button[data-scopedcss-0a30d0a035-482850c664]:disabled {
    opacity: 1;
  }
  .state-indicator.preparing .apply-button[data-scopedcss-0a30d0a035-482850c664]:focus {
    filter: none;
    cursor: not-allowed;
  }
  .state-indicator.preparing[data-scopedcss-0a30d0a035-482850c664]::before {
    content: '';
    position: absolute;
    top: -105px;
    left: -55px;
    width: 250px;
    height: 250px;
    background: conic-gradient(
      #ffcc8f 0deg,
      #ff3966 45deg,
      #ff309e 90deg,
      #aa1dc9 135deg,
      #d7fad6 180deg,
      #5fdfea 225deg,
      #3d83f2 270deg,
      #5145e8 315deg,
      #ffcc8f 360deg
    );
    z-index: -1;
    animation: spin-data-scopedcss-0a30d0a035-482850c664 4s infinite linear;
  }

  .state-indicator.preparing[data-scopedcss-0a30d0a035-482850c664]::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--ai-bot-message-background-color);
    border-radius: inherit;
    z-index: -1;
  }

  .state-indicator.preparing[data-scopedcss-0a30d0a035-482850c664] {
    position: relative;
    display: inline-block;
    border-radius: 3rem;
    color: white;
    background: var(--boxel-700);
    border: none;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
  }

  .state-indicator[data-scopedcss-0a30d0a035-482850c664]:not(.applying):not(.preparing):not(.ready):not(.compact) {
    width: 1.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
  }
  .state-indicator.compact[data-scopedcss-0a30d0a035-482850c664] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    padding: 0;
    aspect-ratio: 1;
    border-radius: 50%;
  }
  .state-indicator.compact.ready[data-scopedcss-0a30d0a035-482850c664] {
    visibility: hidden;
    pointer-events: none;
  }
  .state-indicator.compact svg[data-scopedcss-0a30d0a035-482850c664] {
    width: 10px;
    height: 10px;
  }
  .state-indicator.compact.applied svg[data-scopedcss-0a30d0a035-482850c664] {
    margin-left: -1px;
  }
  .state-indicator.compact.applied-with-error svg[data-scopedcss-0a30d0a035-482850c664] {
    margin-top: -1px;
  }
  .state-indicator.failed[data-scopedcss-0a30d0a035-482850c664] {
    --icon-color: var(--boxel-light);
    background-color: var(--boxel-error-400);
    border-color: var(--boxel-error-400);
  }
  .state-indicator.invalid[data-scopedcss-0a30d0a035-482850c664],
  .state-indicator.applied-with-error[data-scopedcss-0a30d0a035-482850c664] {
    --icon-color: var(--boxel-light);
    background-color: var(--boxel-warning-200);
    border-color: var(--boxel-warning-200);
  }

  @keyframes spin-data-scopedcss-0a30d0a035-482850c664 {
    to {
      transform: rotate(360deg);
    }
  }

  .example-container[data-scopedcss-d430b37674-5de4c4ef6c] {
    background: var(--boxel-ai-purple);
    overflow: hidden;
    position: relative;
    padding: var(--boxel-sp);
  }

  .loading[data-scopedcss-7dbdd03405-8da59e0c6d] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    padding: 0 var(--boxel-sp-sm);
    color: var(--boxel-450);
    font-size: var(--boxel-font-size-sm);
  }
  .loading-label[data-scopedcss-7dbdd03405-8da59e0c6d] {
    font-weight: 500;
  }

  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d] {
    --search-bar-bg: var(
      --boxel-input-search-background-color,
      var(--foreground, var(--boxel-dark))
    );
    --search-bar-color: var(
      --boxel-input-search-color,
      var(--background, var(--boxel-light))
    );
    --search-bar-border-color: var(--border, var(--boxel-dark));
    --search-bar-separator-color: rgba(255, 255, 255, 0.25);

    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    flex-wrap: wrap;
    min-height: 3.125rem;
    background-color: var(--search-bar-bg);
    color: var(--search-bar-color);
    border: 1px solid var(--search-bar-border-color);
    border-radius: var(
      --boxel-form-control-border-radius,
      var(--boxel-border-radius-xl)
    );
    outline: 1px solid transparent;
    transition:
      outline-color var(--boxel-transition),
      border-color var(--boxel-transition);
  }

  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d]:focus-within {
    outline: 2px solid var(--ring, var(--boxel-highlight));
    border-color: var(--ring, var(--boxel-highlight));
  }

  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d] .boxel-input,
  .search-sheet__search-bar .search-sheet__search-bar-input[data-scopedcss-65472beb31-971d23ec6d] {
    outline: none !important;
  }
  .search-sheet__search-bar-input[data-scopedcss-65472beb31-971d23ec6d] {
    padding-left: var(--boxel-sp-2xs);
  }

  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d] .boxel-input:focus,
  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d] .boxel-input:focus-visible {
    outline: none !important;
    border-color: transparent !important;
  }

  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d]:focus-within
    .ember-power-select-trigger:focus,
  .search-sheet__search-bar[data-scopedcss-65472beb31-971d23ec6d]:focus-within
    .ember-power-select-trigger:focus-visible {
    outline: none;
  }

  .search-sheet__search-bar-icon[data-scopedcss-65472beb31-971d23ec6d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: var(--boxel-sp-xs);
    flex-shrink: 0;
  }

  .search-sheet__search-bar-search-icon[data-scopedcss-65472beb31-971d23ec6d] {
    --icon-color: var(
      --boxel-input-search-icon-color,
      var(--boxel-highlight)
    );
    color: var(--icon-color);
  }

  .search-sheet__search-bar-picker[data-scopedcss-65472beb31-971d23ec6d] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-width: 0;
  }

  .search-sheet__search-bar-picker[data-scopedcss-65472beb31-971d23ec6d] .boxel-trigger {
    border: none;
    color: var(--boxel-dark);
    padding: var(--boxel-sp-3xs);
  }

  .search-sheet__search-bar-separator[data-scopedcss-65472beb31-971d23ec6d] {
    width: 1px;
    background-color: var(--search-bar-separator-color);
    flex-shrink: 0;
  }

  .search-sheet__search-bar-input-wrap[data-scopedcss-65472beb31-971d23ec6d] {
    flex: 1;
    display: flex;
  }

  .search-sheet__search-bar-input-wrap[data-scopedcss-65472beb31-971d23ec6d] .boxel-input {
    border: none;
    border-radius: 0;
    background: transparent;
    color: inherit;
    border-left: none;
  }

  .search-sheet__search-bar-input-wrap[data-scopedcss-65472beb31-971d23ec6d] .input-container {
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .search-result-header[data-scopedcss-91c1412643-a347bb311e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--boxel-sp);
    padding-block: var(--boxel-sp-lg);
    border-bottom: 1px solid var(--boxel-200);
  }
  .summary[data-scopedcss-91c1412643-a347bb311e] {
    font: 600 var(--boxel-font);
  }
  .controls[data-scopedcss-91c1412643-a347bb311e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--boxel-sp-lg);
    --boxel-view-option-column-gap: var(--boxel-sp-xs);
    --boxel-radio-input-option-padding: var(--boxel-sp-xs);
  }
  .controls[data-scopedcss-91c1412643-a347bb311e] .view-options-label {
    display: none;
  }
  .controls[data-scopedcss-91c1412643-a347bb311e] .view-option {
    --boxel-radio-input-option-padding: 0;
  }
  .controls[data-scopedcss-91c1412643-a347bb311e] .sort-options-group {
    gap: var(--boxel-sp-xs);
  }
  .controls[data-scopedcss-91c1412643-a347bb311e] .sort-button {
    min-width: 140px;
    gap: var(--boxel-sp-xs);
  }

  .selection-dropdown-trigger[data-scopedcss-91c1412643-a347bb311e] {
    border-radius: var(--boxel-border-radius);
    min-width: 140px;
    justify-content: flex-start;
    padding-left: var(--boxel-sp-sm);
    padding-right: var(--boxel-sp-sm);
    gap: var(--boxel-sp-xs);
    font-weight: 600;
  }
  .dropdown-arrow[data-scopedcss-91c1412643-a347bb311e] {
    margin-left: auto;
    flex-shrink: 0;
  }
  .selection-menu[data-scopedcss-91c1412643-a347bb311e] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
  }

  .social-preview-container[data-scopedcss-84bc29be63-e2c647c836] {
    width: 100%;
    padding: var(--boxel-sp-xl);
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-2xl);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaAgMAAABFxqmRAAAACVBMVEU5OTksZFUdmXisJCSwAAAAKElEQVR4AWMYiWAUjIJRwLgEuzgbLvEV2MWZcKhnCEBij4JRMApGAQCuDwL0gjsq5AAAAABJRU5ErkJggg==');
    background-position: left top;
    background-repeat: repeat;
    background-size: 22.5px;
    color: var(--boxel-light);
    border-radius: var(--boxel-border-radius-lg);
    border: var(--boxel-border);
    box-shadow: var(--boxel-box-shadow);
  }

  .preview-header[data-scopedcss-84bc29be63-e2c647c836] {
    padding: var(--boxel-sp-lg);
    border-bottom: 2px solid var(--boxel-200);
    background: var(--boxel-light);
    border-radius: var(--boxel-border-radius);
    box-shadow: var(--boxel-box-shadow);
  }

  .preview-title[data-scopedcss-84bc29be63-e2c647c836] {
    font: 700 var(--boxel-font-lg);
    margin: 0 0 var(--boxel-sp-xxs);
    color: var(--boxel-dark);
  }

  .preview-subtitle[data-scopedcss-84bc29be63-e2c647c836] {
    font: 400 var(--boxel-font-sm);
    color: var(--boxel-500);
    margin: 0;
  }

  .head-warning[data-scopedcss-84bc29be63-e2c647c836] {
    display: flex;
    gap: var(--boxel-sp-sm);
    padding: var(--boxel-sp-sm) var(--boxel-sp-lg);
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: var(--boxel-border-radius);
    color: #664d03;
    font: 400 var(--boxel-font-sm);
    line-height: 1.5;
  }

  .head-warning-icon[data-scopedcss-84bc29be63-e2c647c836] {
    flex-shrink: 0;
    font-size: 1.2em;
  }

  .platform-section[data-scopedcss-84bc29be63-e2c647c836],
  .meta-section[data-scopedcss-84bc29be63-e2c647c836] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-sm);
  }

  .section-title[data-scopedcss-84bc29be63-e2c647c836] {
    font: 700 var(--boxel-font-sm);
    margin: 0;
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
    background: var(--boxel-200);
    color: var(--boxel-dark);
    border-radius: var(--boxel-border-radius);
    border: 1px solid var(--boxel-200);
  }

  .google-preview[data-scopedcss-84bc29be63-e2c647c836] {
    background: var(--boxel-light);
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: var(--boxel-sp-lg);
    box-shadow: 0 2px 8px rgba(0 0 0 / 0.08);
  }

  .google-result[data-scopedcss-84bc29be63-e2c647c836] {
    max-width: 600px;
  }

  .google-url-row[data-scopedcss-84bc29be63-e2c647c836] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-sm);
    margin-bottom: var(--boxel-sp-3xs);
  }

  .google-favicon[data-scopedcss-84bc29be63-e2c647c836] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    background: #f1f3f4;
    font: 700 var(--boxel-font-xs);
    color: #5f6368;
  }

  .google-favicon img[data-scopedcss-84bc29be63-e2c647c836] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .google-url-info[data-scopedcss-84bc29be63-e2c647c836] {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .google-site-name[data-scopedcss-84bc29be63-e2c647c836] {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #202124;
    line-height: 1.3;
  }

  .google-breadcrumb[data-scopedcss-84bc29be63-e2c647c836] {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #4d5156;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .google-title[data-scopedcss-84bc29be63-e2c647c836] {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #1a0dab;
    line-height: 1.3;
    margin: 0 0 var(--boxel-sp-4xs);
  }

  .google-description[data-scopedcss-84bc29be63-e2c647c836] {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #4d5156;
    line-height: 1.58;
    margin: 0;
  }

  .facebook-preview[data-scopedcss-84bc29be63-e2c647c836] {
    background: transparent;
  }

  .facebook-card[data-scopedcss-84bc29be63-e2c647c836] {
    background: var(--boxel-light);
    border-radius: 12px;
    overflow: hidden;
    max-width: 550px;
    box-shadow: var(--boxel-box-shadow);
  }

  .facebook-image[data-scopedcss-84bc29be63-e2c647c836] {
    width: 100%;
    aspect-ratio: 1.91 / 1;
    background: #e4e6eb;
    overflow: hidden;
  }

  .facebook-image img[data-scopedcss-84bc29be63-e2c647c836] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .facebook-content[data-scopedcss-84bc29be63-e2c647c836] {
    padding: 12px 14px;
    background: #f0f2f5;
    border-top: 1px solid #dddfe2;
  }

  .facebook-domain[data-scopedcss-84bc29be63-e2c647c836] {
    font-size: 12px;
    color: #65676b;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
  }

  .facebook-title[data-scopedcss-84bc29be63-e2c647c836] {
    font-size: 16px;
    font-weight: 600;
    color: #1c1e21;
    line-height: 1.25;
    margin-bottom: 4px;
  }

  .facebook-description[data-scopedcss-84bc29be63-e2c647c836] {
    font-size: 14px;
    color: #606770;
    line-height: 1.35;
  }

  .twitter-preview[data-scopedcss-84bc29be63-e2c647c836] {
    background: transparent;
  }

  .twitter-card[data-scopedcss-84bc29be63-e2c647c836] {
    background: var(--boxel-700);
    border: 1px solid var(--boxel-600);
    border-radius: 16px;
    overflow: hidden;
    max-width: 550px;
    box-shadow: var(--boxel-deep-box-shadow);
  }

  .twitter-image[data-scopedcss-84bc29be63-e2c647c836] {
    width: 100%;
    aspect-ratio: 1.91 / 1;
    background: #2f3336;
    overflow: hidden;
  }

  .twitter-image img[data-scopedcss-84bc29be63-e2c647c836] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .twitter-content[data-scopedcss-84bc29be63-e2c647c836] {
    padding: 12px;
  }

  .twitter-title[data-scopedcss-84bc29be63-e2c647c836] {
    font-size: 15px;
    font-weight: 400;
    color: var(--boxel-light);
    line-height: 1.3;
    margin-bottom: 2px;
  }

  .twitter-description[data-scopedcss-84bc29be63-e2c647c836] {
    font-size: 15px;
    color: #71767b;
    line-height: 1.3;
    margin-bottom: 6px;
  }

  .twitter-domain[data-scopedcss-84bc29be63-e2c647c836] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    color: #71767b;
  }

  .link-icon[data-scopedcss-84bc29be63-e2c647c836] {
    width: 16px;
    height: 16px;
    color: #71767b;
  }

  .meta-code[data-scopedcss-84bc29be63-e2c647c836] {
    background: var(--boxel-light);
    border: var(--boxel-border);
    border-radius: var(--boxel-border-radius);
    padding: var(--boxel-sp-md);
    overflow-x: auto;
    box-shadow: var(--boxel-box-shadow);
  }

  .meta-code pre[data-scopedcss-84bc29be63-e2c647c836] {
    margin: 0;
    font-family: var(
      --boxel-monospace-font-family,
      'IBM Plex Mono',
      monospace
    );
    font-size: var(--boxel-font-xs);
    line-height: 1.6;
    color: var(--boxel-dark);
    white-space: pre-wrap;
  }

  @media (max-width: 640px) {
    .social-preview-container[data-scopedcss-84bc29be63-e2c647c836] {
      padding: var(--boxel-sp-lg);
      gap: var(--boxel-sp-xl);
    }

    .preview-title[data-scopedcss-84bc29be63-e2c647c836] {
      font-size: var(--boxel-font-md);
    }

    .google-title[data-scopedcss-84bc29be63-e2c647c836] {
      font-size: 18px;
    }
  }

  .catalog-item[data-scopedcss-65c64ab2ba-6dd8afcbbe] {
    height: 100%;
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  .catalog-item[data-scopedcss-65c64ab2ba-6dd8afcbbe]:not(.create-new-button) {
    --boxel-button-padding: 0;

    box-sizing: content-box;
    text-align: start;
  }
  .catalog-item[data-scopedcss-65c64ab2ba-6dd8afcbbe] * {
    box-sizing: border-box;
  }
  .catalog-item[data-scopedcss-65c64ab2ba-6dd8afcbbe]:focus {
    --host-outline-offset: -1px;
  }
  .catalog-item.selected[data-scopedcss-65c64ab2ba-6dd8afcbbe] {
    border-color: var(--boxel-highlight);
  }
  .catalog-item[data-scopedcss-65c64ab2ba-6dd8afcbbe]:hover {
    box-shadow: var(--boxel-box-shadow);
  }
  .catalog-item.selected[data-scopedcss-65c64ab2ba-6dd8afcbbe]:hover {
    border-color: var(--boxel-highlight);
    box-shadow:
      0 0 0 1px var(--boxel-highlight),
      var(--boxel-box-shadow);
  }

  .create-new-button[data-scopedcss-65c64ab2ba-6dd8afcbbe] {
    gap: var(--boxel-sp-xs);
    flex-wrap: nowrap;
    justify-content: flex-start;
    letter-spacing: var(--boxel-lsp-xs);
  }
  .plus-icon[data-scopedcss-65c64ab2ba-6dd8afcbbe] >  path {
    stroke: none;
  }

  .selection-indicator[data-scopedcss-65c64ab2ba-6dd8afcbbe] {
    position: absolute;
    top: var(--boxel-sp-xxxs);
    left: var(--boxel-sp-xxxs);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--boxel-light);
    border: 1px solid var(--boxel-450);
    border-radius: var(--boxel-border-radius-sm);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    padding: var(--boxel-sp-3xs);
    pointer-events: none;
  }
  .selection-circle[data-scopedcss-65c64ab2ba-6dd8afcbbe] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--boxel-highlight);
    border: 1.5px solid var(--boxel-dark);
  }

  .search-sheet-section-header[data-scopedcss-bae1bdf2f8-cf710def7d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--boxel-sp-sm);
    padding: var(--boxel-sp) 0 var(--boxel-sp-xs);
    margin-bottom: var(--boxel-sp-lg);
  }
  .icon[data-scopedcss-bae1bdf2f8-cf710def7d] {
    --boxel-realm-icon-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
  }
  .icon-svg[data-scopedcss-bae1bdf2f8-cf710def7d] {
    width: 1.5rem;
    height: 1.5rem;
  }
  .title[data-scopedcss-bae1bdf2f8-cf710def7d] {
    font: 600 var(--boxel-font);
  }
  .count[data-scopedcss-bae1bdf2f8-cf710def7d] {
    font: 500 var(--boxel-font);
    color: var(--boxel-450);
  }
  .show-only[data-scopedcss-bae1bdf2f8-cf710def7d] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxs);
    cursor: pointer;
    font: var(--boxel-font-sm);
  }
  .show-only-label[data-scopedcss-bae1bdf2f8-cf710def7d] {
    user-select: none;
  }

  .search-result-block[data-scopedcss-6014d29b70-cae2439ad9] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--boxel-sp-lg);
  }
  .search-result-block--collapsed[data-scopedcss-6014d29b70-cae2439ad9] {
    opacity: 0.6;
  }
  .search-result-block--collapsed[data-scopedcss-6014d29b70-cae2439ad9] .search-sheet-section-header {
    margin-bottom: 0;
    padding-bottom: var(--boxel-sp-lg);
    border-bottom: 1px solid var(--boxel-400);
  }
  .search-result-block--collapsed .cards[data-scopedcss-6014d29b70-cae2439ad9],
  .search-result-block--collapsed .show-more[data-scopedcss-6014d29b70-cae2439ad9] {
    display: none;
  }
  .grid-view[data-scopedcss-6014d29b70-cae2439ad9] .create-new-button {
    flex-direction: column;
    justify-content: center;
  }
  .show-more[data-scopedcss-6014d29b70-cae2439ad9] {
    margin-top: var(--boxel-sp);
    width: fit-content;
  }
  .realm-name[data-scopedcss-6014d29b70-cae2439ad9] {
    padding-top: var(--boxel-sp-4xs);
    color: var(--boxel-450);
    font-size: var(--boxel-font-size-xs);
    font-weight: 500;
  }
  .compact-view[data-scopedcss-6014d29b70-cae2439ad9] {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--boxel-sp-xs);
  }
  .recent-card-item--compact[data-scopedcss-6014d29b70-cae2439ad9] {
    display: flex;
    flex-direction: column;
    align-items: self-end;
  }
  .realm-name--compact[data-scopedcss-6014d29b70-cae2439ad9] {
    max-width: 15rem;
  }

  .search-sheet-content[data-scopedcss-2e56863e21-af54aeb63d] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: none;
    height: 100%;
    background-color: var(--boxel-light);
    padding-right: var(--boxel-sp);
    transition: opacity calc(var(--boxel-transition) / 4);
  }
  .search-sheet-content.compact[data-scopedcss-2e56863e21-af54aeb63d] {
    flex-direction: row;
    flex-wrap: nowrap;
    padding-inline: var(--boxel-sp-xs);
    overflow-y: hidden;
    overflow-x: auto;
  }
  .search-sheet-content.compact[data-scopedcss-2e56863e21-af54aeb63d] .search-result-block {
    margin-bottom: 0;
  }
  .empty-state[data-scopedcss-2e56863e21-af54aeb63d] {
    padding-block: var(--boxel-sp);
  }

  .dialog-box[data-scopedcss-5f0c5fe183-182a44921d] {
    height: 100%;
    display: grid;
    grid-template-areas:
      'header'
      'content'
      'footer';
    grid-template-rows: auto 1fr auto;
    box-shadow: var(--boxel-deep-box-shadow);
  }

  .dialog-box--with-sidebar[data-scopedcss-5f0c5fe183-182a44921d] {
    grid-template-areas:
      'sidebar-header header'
      'sidebar content'
      'sidebar footer';
    grid-template-columns: 300px 1fr;
  }

  .dialog-box__sidebar-header[data-scopedcss-5f0c5fe183-182a44921d] {
    grid-area: sidebar-header;
    background-color: var(--boxel-100);
    border-top-left-radius: var(--boxel-border-radius);
  }

  .dialog-box__sidebar[data-scopedcss-5f0c5fe183-182a44921d] {
    grid-area: sidebar;
    background-color: var(--boxel-100);

    border-bottom-left-radius: var(--boxel-border-radius);
  }

  .dialog-box__header[data-scopedcss-5f0c5fe183-182a44921d] {
    display: grid;
    grid-area: header;
    gap: var(--boxel-sp-sm);
  }

  .dialog-box__content[data-scopedcss-5f0c5fe183-182a44921d] {
    grid-area: content;
    padding: var(--boxel-sp-5xs) var(--boxel-sp-xl) var(--boxel-sp-xl);
    height: 100%;
    overflow: auto;
  }

  .dialog-box__content > * + *[data-scopedcss-5f0c5fe183-182a44921d] {
    margin-top: var(--boxel-sp);
  }

  .dialog-box__close[data-scopedcss-5f0c5fe183-182a44921d] {
    --icon-color: var(--boxel-dark);
    border: none;
    background: none;
    font: var(--boxel-font-lg);
    position: absolute;
    top: 1px;
    right: 1px;
    width: 50px;
    height: 50px;
    border-top-right-radius: calc(var(--boxel-border-radius) - 1px);
  }

  .dialog-box__close[data-scopedcss-5f0c5fe183-182a44921d]:hover:not(:disabled) {
    --icon-color: var(--boxel-highlight);
  }

  .dialog-box__close[data-scopedcss-5f0c5fe183-182a44921d]:disabled {
    --icon-color: var(--boxel-300);
    cursor: default;
  }

  .dialog-box__footer[data-scopedcss-5f0c5fe183-182a44921d] {
    grid-area: footer;
    width: 100%;
    height: var(--stack-card-footer-height);
    padding: var(--boxel-sp);
    background-color: var(--boxel-light);
    border-top: 1px solid var(--boxel-300);
    border-bottom-left-radius: var(--boxel-border-radius);
    border-bottom-right-radius: var(--boxel-border-radius);
    display: flex;
  }

  .card-catalog-modal[data-scopedcss-4c6f888823-5a85c34d2b] >  .boxel-modal__inner {
    max-height: 80vh;
  }
  .card-catalog-modal.large[data-scopedcss-4c6f888823-5a85c34d2b] {
    --boxel-modal-offset-top: var(--boxel-sp-xxxl);
  }
  [data-scopedcss-4c6f888823-5a85c34d2b] .dialog-box__header {
    gap: var(--boxel-sp);
  }
  [data-scopedcss-4c6f888823-5a85c34d2b] .dialog-box__header,[data-scopedcss-4c6f888823-5a85c34d2b] .dialog-box__content {
    padding-bottom: 0;
  }
  .footer[data-scopedcss-4c6f888823-5a85c34d2b] {
    display: flex;
    justify-content: space-between;
    gap: var(--boxel-sp);
    margin-left: auto;
  }
  .footer__actions-left[data-scopedcss-4c6f888823-5a85c34d2b] {
    display: flex;
    gap: var(--boxel-sp);
    flex-grow: 1;
  }
  .footer-button + .footer-button[data-scopedcss-4c6f888823-5a85c34d2b] {
    margin-left: var(--boxel-sp-xs);
  }

  .attach-button[data-scopedcss-8a941144c9-8ca2f29c11] {
    border: none;
    margin-top: var(--boxel-sp-4xs);
  }
  .attach-button[data-scopedcss-8a941144c9-8ca2f29c11]:not(:disabled):hover,
  .attach-button[data-scopedcss-8a941144c9-8ca2f29c11]:not(:disabled):focus:not(:focus-visible) {
    color: #e0e0e0;
  }
  .attach-button[data-scopedcss-8a941144c9-8ca2f29c11]
    +  
      .ember-basic-dropdown-content-wormhole-origin .attach-button__dropdown
     {
    border-radius: 10px;
    width: 256px;
    padding: 0;
    position: absolute;
    z-index: var(--boxel-layer-modal-urgent);
    min-width: 140px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.25);
  }
  .attach-button[data-scopedcss-8a941144c9-8ca2f29c11]
    +  
      .ember-basic-dropdown-content-wormhole-origin
        .attach-button__dropdown
        .ember-power-select-option
     {
    padding: 7.5px 5.5px;
    border-radius: 6px;
  }
  .menu-option[data-scopedcss-8a941144c9-8ca2f29c11] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-wrap: nowrap;
    font: 500 var(--boxel-font-sm);
    letter-spacing: 0.2px;
  }

  .content[data-scopedcss-ab2b69b3de-d920daa38c] {
    width: 100%;
    margin: 0;
    font: 500 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-xs);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .content + .content[data-scopedcss-ab2b69b3de-d920daa38c] {
    margin-top: var(--boxel-sp-xs);
  }
  .disclaimer[data-scopedcss-ab2b69b3de-d920daa38c] {
    color: var(--boxel-danger);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
  }
  .restore[data-scopedcss-ab2b69b3de-d920daa38c] {
    padding: var(--boxel-sp-lg) var(--boxel-sp-lg) var(--boxel-sp);
    background-color: var(--boxel-light);
    border-radius: var(--boxel-border-radius-xl);
    box-shadow: var(--boxel-deep-box-shadow);
  }
  .buttons[data-scopedcss-ab2b69b3de-d920daa38c] {
    margin-top: var(--boxel-sp-lg);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  button[data-scopedcss-ab2b69b3de-d920daa38c]:first-child {
    margin-right: var(--boxel-sp-xs);
  }
  .error[data-scopedcss-ab2b69b3de-d920daa38c] {
    flex-grow: 1;
    color: var(--boxel-danger);
    font: 500 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    margin-top: var(--boxel-sp);
    margin-bottom: 0;
  }

  .card-pill[data-scopedcss-e119b76eb6-f8fc586608] {
    --pill-gap: var(--boxel-sp-xxxs);
    --pill-icon-size: 18px;
    --boxel-realm-icon-size: var(--pill-icon-size);
    border: 1px solid var(--boxel-400);
    height: var(--pill-height, 1.875rem);
    overflow: hidden;
  }
  .border-dashed[data-scopedcss-e119b76eb6-f8fc586608] {
    border-style: dashed;
  }
  .border-solid[data-scopedcss-e119b76eb6-f8fc586608] {
    border-style: solid;
  }
  .fallback-card-icon[data-scopedcss-e119b76eb6-f8fc586608] {
    display: block;
    flex-shrink: 0;
    --icon-background-color: var(--boxel-error-500);
    --icon-color: var(--boxel-light);
  }
  .card-content[data-scopedcss-e119b76eb6-f8fc586608] {
    max-width: 100px;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .remove-button[data-scopedcss-e119b76eb6-f8fc586608] {
    --boxel-icon-button-width: var(--boxel-icon-sm);
    --boxel-icon-button-height: var(--boxel-icon-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--boxel-border-radius-xs);
  }

  .file-pill[data-scopedcss-814b411ed3-74805ca0ee] {
    --pill-icon-size: 16px;
    --boxel-realm-icon-size: var(--pill-icon-size);
    border: 1px solid var(--boxel-400);
    height: var(--pill-height, 1.875rem);
    overflow: hidden;
    padding-left: 3px;
  }
  .border-dashed[data-scopedcss-814b411ed3-74805ca0ee] {
    border-style: dashed;
  }
  .border-solid[data-scopedcss-814b411ed3-74805ca0ee] {
    border-style: solid;
  }

  .has-warning[data-scopedcss-814b411ed3-74805ca0ee] {
    border-color: var(--boxel-warning-200);
  }
  .warning-icon[data-scopedcss-814b411ed3-74805ca0ee] {
    color: var(--boxel-warning-200);
  }
  .file-name[data-scopedcss-814b411ed3-74805ca0ee] {
    display: inline-block;
    max-width: 100px;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--boxel-900);
    font: var(--boxel-font-sm);
  }
  .remove-button[data-scopedcss-814b411ed3-74805ca0ee] {
    --boxel-icon-button-width: var(--boxel-icon-sm);
    --boxel-icon-button-height: var(--boxel-icon-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--boxel-border-radius-xs);
  }

  .attached-items[data-scopedcss-d7e22fecb0-82837c0ab7] {
    background-color: var(--boxel-light);
    color: var(--boxel-dark);
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xxxs);
  }

  .chat-input-container[data-scopedcss-fe3b980786-15aa780743] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    min-height: 54px;
    gap: var(--boxel-sp-xxs);
    padding: 0 var(--boxel-sp-sm);
    background-color: var(--boxel-light);
    border-top-left-radius: var(--chat-input-area-border-radius);
    border-top-right-radius: var(--chat-input-area-border-radius);

    /*
      Detecting overflow with CSS: https://csscade.com/can-you-detect-overflow-with-css/
      This adds a bottom border to this container when the input has overflowed.
    */

    animation: detect-input-overflow-data-scopedcss-fe3b980786-15aa780743 linear forwards;
    animation-timeline: --chat-input-scroll-timeline;

    --border-bottom-color-if-overflow: var(--has-overflow) var(--boxel-400);
    --border-bottom-color-no-overflow: transparent;

    border-bottom: 1px solid
      var(
        --border-bottom-color-if-overflow,
        var(--border-bottom-color-no-overflow)
      );
  }

  /* Adapted autoexpanding textarea: https://chriscoyier.net/2023/09/29/css-solves-auto-expanding-textareas-probably-eventually/ */
  .input-and-clone[data-scopedcss-fe3b980786-15aa780743] {
    display: grid;
  }

  .clone[data-scopedcss-fe3b980786-15aa780743] {
    white-space: pre-wrap;
    visibility: hidden;

    scroll-timeline: --chat-input-scroll-timeline block;
  }

  .chat-input[data-scopedcss-fe3b980786-15aa780743],
  .clone[data-scopedcss-fe3b980786-15aa780743] {
    width: 100%;
    padding: var(--boxel-sp-4xs);

    max-height: 150px;
    overflow-y: auto;

    font: var(--boxel-font-sm);
    font-weight: 400;
    letter-spacing: var(--boxel-lsp-xs);

    grid-area: 1 / 1 / 2 / 2;
  }

  .chat-input[data-scopedcss-fe3b980786-15aa780743] {
    background: transparent;
    border: 0;
    border-radius: 0;
    resize: none;
    outline: 0;
  }

  @keyframes detect-input-overflow-data-scopedcss-fe3b980786-15aa780743 {
    from,
    to {
      --has-overflow: ;
    }
  }

  .chat-input[data-scopedcss-fe3b980786-15aa780743]::placeholder {
    color: var(--boxel-400);
  }
  .chat-input[data-scopedcss-fe3b980786-15aa780743]:hover:not(:disabled) {
    border-color: transparent;
  }
  .send-button[data-scopedcss-fe3b980786-15aa780743] {
    width: var(--boxel-icon-med);
    height: var(--boxel-icon-med);
    border-radius: var(--boxel-border-radius-sm);
    margin-top: 2px;
  }
  .send-button[data-scopedcss-fe3b980786-15aa780743]:disabled {
    color: var(--boxel-450);
    background-color: var(--boxel-300);
    pointer-events: none;
  }
  .send-button[data-scopedcss-fe3b980786-15aa780743] svg {
    padding: var(--boxel-sp-5xs);
  }

  .ai-focus-pill[data-scopedcss-026fc0b025-ca8fee692c] {
    --boxel-pill-border: none;
    height: 30px;
    padding: var(--boxel-sp-4xs) var(--boxel-sp-xxs);
    gap: var(--boxel-sp-xxs);
  }
  .ai-focus-pill[data-scopedcss-026fc0b025-ca8fee692c]:hover {
    filter: brightness(0.95);
  }

  .meta-pill[data-scopedcss-026fc0b025-ca8fee692c] {
    flex-shrink: 0;
    height: 22px;
    padding: var(--boxel-sp-5xs) var(--boxel-sp-xxs);
    font-size: var(--boxel-font-size-xs);
    border-radius: var(--boxel-border-radius-xs);
  }

  .container-to-constrain-width[data-scopedcss-be8d247844-3ea97d4309] {
    max-width: 325px;
  }

  .debug-button[data-scopedcss-2745392135-a45aeeebf1] {
    background: transparent;
    border: none;
    margin-right: 5px;
  }

  .code-block-actions[data-scopedcss-dd6ebc9cdd-21600371c8] {
    height: 45px;
    padding: var(--boxel-sp-xs) var(--boxel-sp);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--boxel-sp-xs);
  }

  .hide-info-button[data-scopedcss-5d84eafdfe-f242ec39b4] {
    --boxel-button-padding: 0 var(--boxel-sp-xxxs);
    --boxel-button-min-width: auto;
    --boxel-button-font: 600 var(--boxel-font-xs);
  }
  .hide-info-button.compact[data-scopedcss-5d84eafdfe-f242ec39b4] {
    order: 3;
    margin-left: auto;
  }
  .view-info-button.compact[data-scopedcss-5d84eafdfe-f242ec39b4] {
    --boxel-icon-button-width: 1.5rem;
    --boxel-icon-button-height: 1.5rem;
  }
  .view-info-tooltip.compact[data-scopedcss-5d84eafdfe-f242ec39b4] {
    order: 3;
    margin-left: auto;
  }

  .code-block-header[data-scopedcss-ff3d430952-52362dc7c1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: var(--boxel-sp-xxxs);
    align-items: center;
    min-height: 3.125rem; /* 50px */
    padding: var(--boxel-sp-sm);
    background-color: var(--boxel-650);
    color: var(--boxel-light);
    /* the below font-smoothing options are only recommended for light-colored
      text on dark background (otherwise not good for accessibility) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .code-block-header.compact[data-scopedcss-ff3d430952-52362dc7c1] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    min-height: auto;
    padding: 2px 0;
    background-color: transparent;
  }
  .command-description[data-scopedcss-ff3d430952-52362dc7c1] {
    font: 400 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    line-height: 1.5em;
    text-wrap: pretty;
    overflow-wrap: break-word;
  }
  .code-block-header.compact .command-description[data-scopedcss-ff3d430952-52362dc7c1] {
    order: 2;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.8;
  }
  .actions[data-scopedcss-ff3d430952-52362dc7c1] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-4xs);
  }
  .code-block-header.compact .actions[data-scopedcss-ff3d430952-52362dc7c1] {
    display: contents;
    margin-left: 0;
  }
  .command-action[data-scopedcss-ff3d430952-52362dc7c1] {
    margin-left: var(--boxel-sp-5xs);
  }

  .code-block-diff-header[data-scopedcss-94d456e2fb-55bbb998f8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--boxel-sp-xs);
    background-color: var(--boxel-650);
    color: var(--boxel-light);
    padding: 8px 12px;
    font-size: 14px;
    height: 50px;
  }

  .code-block-diff-header .left-section[data-scopedcss-94d456e2fb-55bbb998f8] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
  }

  .mode + .file-info-area[data-scopedcss-94d456e2fb-55bbb998f8] {
    margin-left: var(--boxel-sp-xs);
  }

  .file-info-area[data-scopedcss-94d456e2fb-55bbb998f8] {
    border-radius: var(--boxel-border-radius-sm);
    max-width: 300px;
    border: 1px solid #b4b4b4;
    padding: var(--boxel-sp-xxxs);
    max-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--boxel-sp-xxxs);
    position: relative;
    --icon-color: #ffffff;
  }

  .dropdown-container[data-scopedcss-94d456e2fb-55bbb998f8] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: 20px;
    justify-content: center;
  }

  .boxel-dropdown {
    flex-shrink: 0;
    position: relative;
  }
  .context-menu-icon[data-scopedcss-94d456e2fb-55bbb998f8] {
    rotate: 90deg;
    flex-shrink: 0;
  }
  .filename[data-scopedcss-94d456e2fb-55bbb998f8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
    font-weight: 700;
  }

  .code-block-diff-header .right-section[data-scopedcss-94d456e2fb-55bbb998f8] {
    display: flex;
    align-items: center;
  }

  .code-block-diff-header .changes[data-scopedcss-94d456e2fb-55bbb998f8] {
    display: flex;
    gap: 6px;
    font-weight: 600;
  }

  .code-block-diff-header .changes .removed[data-scopedcss-94d456e2fb-55bbb998f8] {
    color: #ff5f5f;
  }

  .code-block-diff-header .changes .added[data-scopedcss-94d456e2fb-55bbb998f8] {
    color: #66ff99;
  }

  footer[data-scopedcss-c8d3a4f881-43fd0cbe20] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--boxel-sp-xs);
    background-color: var(--boxel-650);
    color: var(--boxel-light);
    padding: 8px 12px;
    height: 60px;
  }

  [data-scopedcss-c8d3a4f881-43fd0cbe20] .code-patch-error {
    padding: 0;
  }

  .code-block[data-scopedcss-3c3d4f4f61-0054d8c124] {
    --code-block-max-height: 15.625rem; /* 250px */
    background-color: var(--boxel-dark);
    color: var(--boxel-light);
    border: 1px solid var(--boxel-550);
    border-radius: var(--boxel-border-radius-xxl);
    overflow: hidden;
  }
  .code-block.compact[data-scopedcss-3c3d4f4f61-0054d8c124] {
    background-color: transparent;
    border: 0;
    border-radius: 0;
  }
  [data-scopedcss-3c3d4f4f61-0054d8c124] .monaco-editor {
    --vscode-editor-background: var(--boxel-dark);
    --vscode-editorGutter-background: var(--boxel-dark);
    /* this improves inserted-line legibility by reducing green background overlay opacity */
    --vscode-diffEditor-insertedLineBackground: rgb(19 255 32 / 26%);
  }
  [data-scopedcss-3c3d4f4f61-0054d8c124] .monaco-editor .diff-hidden-lines {
    margin-left: 9px;
  }
  [data-scopedcss-3c3d4f4f61-0054d8c124] .monaco-editor span[title='Double click to unfold'] {
    margin-left: 5px;
  }

  .code-block-editor[data-scopedcss-3c3d4f4f61-ad7d559162] {
    max-height: var(--code-block-max-height);
  }

  .code-block-diff[data-scopedcss-3c3d4f4f61-13db3d5481] {
    max-height: var(--code-block-max-height);
  }

  .message[data-scopedcss-0056d29148-4a6f607714] {
    position: relative;
    font-size: var(--boxel-font-size-sm);
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: var(--boxel-lsp-xs);
    text-wrap: pretty;
    overflow: hidden;
  }
  .message[data-scopedcss-0056d29148-4a6f607714] >  * {
    margin-block: 0;
  }
  .message[data-scopedcss-0056d29148-4a6f607714] >  * + * {
    margin-top: var(--boxel-sp-sm);
  }

  .ai-bot-message[data-scopedcss-ab120e4c9c-0ec81495f3] {
    /* the below font-smoothing options are only recommended for light-colored
      text on dark background (otherwise not good for accessibility) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .reasoning-content[data-scopedcss-ab120e4c9c-0ec81495f3] {
    color: var(--boxel-300);
    font-style: italic;
  }
  .reasoning-content summary[data-scopedcss-ab120e4c9c-0ec81495f3] {
    cursor: pointer;
  }
  [data-scopedcss-ab120e4c9c-0ec81495f3] span.streaming-text:after {
    content: '';
    width: 8px;
    height: 8px;
    background: currentColor;
    border-radius: 50%;
    display: inline-block;
    font-family: system-ui, sans-serif;
    line-height: normal;
    vertical-align: baseline;
    margin-left: 5px;
  }

  .items[data-scopedcss-bebf74425d-f8c8ebfdca] {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xxs);
  }

  .meta[data-scopedcss-356ecd0744-8201dec452] {
    display: grid;
    grid-template-columns: var(--ai-assistant-message-avatar-size) 1fr;
    grid-template-rows: var(--ai-assistant-message-meta-height);
    align-items: center;
    gap: var(--ai-assistant-message-gap);
  }
  .ai-avatar[data-scopedcss-356ecd0744-8201dec452] {
    width: var(--ai-assistant-message-avatar-size);
    height: var(--ai-assistant-message-avatar-size);
    background-image: image-set(url('data:image/webp;base64,UklGRgYCAABXRUJQVlA4WAoAAAAQAAAAGQAAGQAAQUxQSMUAAAABgFXbVt1qS0ACEnBQHBQHxUFxUCRcB40TcNA4AAeJg/2xeVwJETEBGHuSrJUkPTbDStjJ8ndI3mmSkvw2ItVaYVxyl3Sgy+UWXhfVA0F4veTx/DQOKwBUIX+f54PzbsT0wXp3GLq+VQ2mpq51j2XfB7UeyWLbpqPWUr7v/3h/S6E2vxYal4uZmcLd5kaucb8ZMY1zH/I5YJHC4ZmDB4B4Cz0QqHfE3N3SgCa3w2oUWkuNWO+SkpzYzHIckneC1Cphx6/4CQBWUDggGgEAANAIAJ0BKhoAGgA+bTCTRyQjIaEoCqiADYlsAJ0y43mfjXDn75NhnMfImEA54jcQPZr58v2MfJAAbPO7yGJmutiLvayjgnMJdH1F2DmS5YAA/sNd5nCfj0nyEoYDCcd/a+s8rM6SzWFYyWRtmknvHddHhrszX/vEF+DSzHS12Ipf4rsqCDi4/Y8hXXNZIh9h1RGCFdzS01aOcoZrbEMhfDAVbYP4DMUiZ2Z33RnvHaDXvQEFvTfUf7h9cMs7+frGUnfFJhxEMu7Gpnx9pu0g4H6//JvvL/lO6yxZ+Ss7ZI09hg86DATL93vF6Qr45v+G511//3aKOEPl+ed21HH7yY5JH/bvJ/ztHqofit+OQBz8BEv/48NeW8AAAA==') 1x, url('data:image/webp;base64,UklGRoYDAABXRUJQVlA4WAoAAAAQAAAAMwAAMwAAQUxQSHIBAAABgJZtb9YqEioBCThYnRwcUAetg+EAHAwHw0HrAByAg+zzbRJ2/kcEA7dt48i9d2/JkjdQTYm/leAtUE0/wSxj1rLIWLSsgC4AViUtA7xH99DoCAjnEMFqXogKmlr1A9Fg07kd0RJ5xO7kNTNgo5c2dB/ZSevIiPRpjEijU4/5cB+3crBy2O8MCeBbwAP6mgn1K2MV+lJhrLVvP4jxdl+5pqPF9lhbuN9iZJE6bClWmghqsquVYlXNyyGy6KCltEJvLharosVDypYcKeTSJjn30JJafvg+dXqp846M5Hz33hZf+rvYceljBDabr95gcs0sMPuo2yVCBxJ6psyrFcpSW8qsVC9aZb3GOiOzRRFU+zKylYLa/1KaF4HZa/5d2zKnzxDdhNpC/ibXVkKj8swgWjs6iVUWyO7q8YmLMFBMutgyiQNS4VpEXdXjevzxlVh5uDNickcabejE+MzbOTnGWbmM0bQLaH5ObvYTOeC/yU8JVlA4IO4BAABQDQCdASo0ADQAPm0skkakIj+hMBIMA/ANiWwAuRfov4fAeaLWeyFGPhU7ernd/RzvIm8wgb58DypeQ+Xe6C73cPt4lM/nKeQIJaIh+0w5W06DfzKUkLwzzvI0Z1mZEQoj3f1onuOrUcKFF6G4HDt8nUWAAP7+9l3+RfZSNX2uw5INGJe5fm2NPbC9v4//Jv/Sx9j/wThZvDxAX6+Mski7H3YP9gB/k3PNtNddfbp/APAt2n27hXnf+Gf++NLmHyMMah7BB2pXZMN3Qjb1YTbt+t8um///sRDqdL/FwJsZtZqDVGGWWjryAzaiV4GXO9DN/CilzOvJ3+P+GViVOGsi8//fRQcxJxrwpy5j/k6GG/eHsYtaVAnhtMDGZXYGDJWdsDvL18YntWV/dv6PEtspt6inaWA38/NApOoAl5ehJRg2GZd/+UJn3EYhCqpJfPHRwUM1L2q/+Qi+Z3/GTAbNpdPy4fuPR+LFKfCJU59oVibJbYQ22VV/USYkoQuNLeNXhc9iUfBRZDLbZeSm4B0wopJ+X8Qr9/X0D9AjiTrBjN7wZcif+pif//6C1tTlo1jibaNsEftdPVofm//N2DLM8S1F3FdVFm/X+8oRGst0f0IATfAP/3iMwGZtTjWKkBM96hm4kqe9JzvZeAAAAA==') 2x, url('data:image/webp;base64,UklGRhAFAABXRUJQVlA4WAoAAAAQAAAATQAATQAAQUxQSCECAAABkFVbe5hYn4RfQiTEAXEwSKgD4oA6GBxQB9QBcVActA4SB98Dhf/P37n3OSImANaFypSoLHD+1yy9Fm/sxX+a9BNfSRWCKvkaVYAq+yqaArw0xZVQOwOzhuIpqzKQVdnTqopAVK2OMrUNAJqG2Y1U1fQ2qap4eVB9fjur+HCSqd6wu6mYXQzUj3ujjoODgfome2LAoduFhhM+Tga89JEHLcOnYMGHdLhUWo74crRgvRjJZaXphm9lsyDXi2jkdH3SOn2FZEPyeT3JzvO5sOsNypvV/vJ8svML6leX/i3oQjtQizCM7TAtwjS2g7QI49gO0SLMYzvAK6BjeLm7ofPN15bQPW2ORrgcnbQpwGmYWr9tFDiWcevSpjPcn6dmU+YccdCY5/Ip7QYcPqTd0+5fcNrlx+VxiUeJl8dC03r/8fdzr+y5XsWTXFf2vwcv4U6nVxdypd819UsrXf/2+qX3JfQIC/3XaBcrj1ijVaw8Zo02kYet0SLW47AGXag88qJb2LmUVxfeNDd2LaXgXVIuVkzfJVqXnARKyZvN+pWsNlsW2OZmwfGbkZZtgL3MFgyfAi1nQddsMX2aLDJ6DwZV9oT6NqD/oOO4NxoM8Jh1696qy/A5q3h+O1M9w6k01fQ2qZp4QVbVt6oa4HfTMAKR2g2OsyoDWZU9iWoGZpV4QtEUYNHMcD1qCFCbfSVVCKrkS1QpqcQX+uGf9upVvJX/AwBWUDggyAIAAJATAJ0BKk4ATgA+bS6VRy8iv6Erk5qD8A2JaAZwZID9K4EAeuSV/qvPrZE9J+OXss1v+x74+bztPnv4T1/gP1m92P+l3wD0APLT9jz908JoDe17MOXQ+VU3kY/ujlBWyvItHBx5//oew2eiG3ORvlhMj6q0nGYXrinhrcY+On0D9eJ7QYxleXJdgGYk9wyyj+KiP7cj5O9t7dJVA4svtLpryDkiAAD+/gbUH9X3zTDTdpEcekMcumgoBHlKQ4bY2cb0OTdd4aXOPGw9AxiuyNPDJPDxDHHDNsB3k8YSGJCzYwl+v+QMhVCHJZE8c/8gxH9KSolDsm8PwljgRau5WAK6AEQzK74q6dDOsb9H7H/gnLybt3eC/In/eFYn+zX7q7tigvmmR6ex3octo0hX7xM4VFjvv9lTu7/9TZ//mv7//zxU1RrpJuuCcOMNtSht3PebW0jfZxwSiwX2FXZGSZ/+2WTRC+4i2/+mfxvRz7jv7YrSmcynqS7B6yN4XGiZwhI0V8NNE49j316x+xjgFCMTsaU/uHT8OF/YX+dbPBFNgIKP/uz9sm7i1fX6PG7svkim2e5lQvcGodeuqUYT0JuZIv+uszUi+2rFluWHpeoG+LAEGSX4XbJ+RP/hatLx2B7EQDfBr1x9J3rpEWEPox/WzmtB7raXYq4HqNdh3dyPG30V6tP74fVeJn0ISTePh1CUMHRvnnuPzjgox/Bs8qZZe+VBrA9GqHBZiEaGYaHNeFNZ/u+D/tfM6HDFiBtQ4mrnw5bqOd2hp5w1RfZN74fM4A/ZtXhtzDxXYLRH/Oq9Y8dY2Oc7QwiVTY7+Wwr9PhMX+KfUtbUeIjbSKC2u+1pG9g9HSVibAmuRc3sEd6UG/UY6J+uZP0mHSxo/NIG9v+f+P+LesIoL7IK/+kChRD7HBOxKkzv04LM/SQOQSXQ1/9ChAAAAAAA='));
    background-repeat: no-repeat;
    background-size: var(--ai-assistant-message-avatar-size);
  }
  .ai-avatar-animated[data-scopedcss-356ecd0744-8201dec452] {
    background-image: url('/assets/ai-assist-icon-animated-C8cXGt-5.webp');
  }
  .time[data-scopedcss-356ecd0744-8201dec452] {
    display: block;
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
    color: var(--boxel-450);
    white-space: nowrap;
  }

  .user-message-bubble[data-scopedcss-7eb12e1519-cac362804b] {
    padding: var(--boxel-sp-sm);
    background-color: var(--boxel-light);
    color: var(--boxel-dark);
    border-radius: var(--boxel-border-radius-xxl);
    border-top-left-radius: var(--boxel-border-radius-xs);
  }
  .is-pending[data-scopedcss-7eb12e1519-cac362804b] {
    --pill-background-color: var(--boxel-200);
    --pill-font-color: var(--boxel-500);
    background-color: var(--boxel-200);
    color: var(--boxel-500);
  }
  [data-scopedcss-7eb12e1519-cac362804b] a:hover {
    /* use this highlight text color on light-background */
    color: var(--boxel-highlight-hover);
  }

  .ai-assistant-message[data-scopedcss-703e9cec47-c20c7a4bb4] {
    --ai-bot-message-background-color: var(--boxel-650);
    --ai-assistant-message-avatar-size: 0.75rem; /* 12px. */
    --ai-assistant-message-meta-height: 0.75rem; /* 12px */
    --ai-assistant-message-gap: var(--boxel-sp-xxxs);
    --profile-avatar-icon-size: var(--ai-assistant-message-avatar-size);
    --profile-avatar-icon-border: 1px solid var(--boxel-400);
  }
  .ai-assistant-message > * + *[data-scopedcss-703e9cec47-c20c7a4bb4] {
    margin-top: var(--boxel-sp-xs);
  }
  .content[data-scopedcss-703e9cec47-c20c7a4bb4] {
    overflow: hidden;
  }
  .content[data-scopedcss-703e9cec47-c20c7a4bb4] >  * + * {
    margin-top: var(--boxel-sp-sm);
  }
  .ai-assistant-message.code-patch-correctness
    .content[data-scopedcss-703e9cec47-c20c7a4bb4]
    >  .room-message-command.compact + .room-message-command.compact {
    margin-top: 0;
  }
  [data-scopedcss-703e9cec47-c20c7a4bb4] pre {
    white-space: pre-wrap;
  }
  [data-scopedcss-703e9cec47-c20c7a4bb4] code {
    overflow-wrap: break-word;
  }

  .alert-action-buttons-row[data-scopedcss-703e9cec47-c20c7a4bb4] {
    display: flex;
    justify-content: flex-end;
    gap: var(--boxel-sp-sm);
  }

  .alert-action-buttons-row[data-scopedcss-703e9cec47-c20c7a4bb4] >  .action-button {
    margin-left: 0;
  }

  .add-more-credits-button[data-scopedcss-703e9cec47-c20c7a4bb4] {
    --boxel-button-padding: var(--boxel-sp-5xs) var(--boxel-sp-xs);
    --boxel-button-min-height: max-content;
    --boxel-button-min-width: max-content;
    border-color: transparent;
    width: fit-content;
    margin-left: auto;
    font-size: var(--boxel-font-size-xs);
    font-weight: 500;
  }
  .credits-action-row[data-scopedcss-703e9cec47-c20c7a4bb4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--boxel-sp-sm);
  }
  .credits-action-row[data-scopedcss-703e9cec47-c20c7a4bb4] .action-button {
    margin-left: 0;
  }
  .credits-added[data-scopedcss-703e9cec47-c20c7a4bb4] {
    font-size: var(--boxel-font-size-xs);
    font-weight: bold;
  }

  .ai-assistant-conversation[data-scopedcss-703e9cec47-9ffab6485c] {
    display: flex;
    flex-direction: column;
    padding: var(--boxel-sp) var(--ai-assistant-panel-padding)
      calc(
        var(--ai-assistant-panel-padding) +
          var(--chat-input-area-border-radius) +
          var(--ai-assistant-panel-bottom-gradient-height)
      )
      var(--ai-assistant-panel-padding);
    overflow-y: auto;

    /* This lets the conversation be visible in the missing border radius of the form, with its gradient */
    margin-bottom: calc(var(--chat-input-area-border-radius) * -1);

    scroll-timeline: --ai-assistant-chat-scroll-timeline;
  }
  .ai-assistant-conversation[data-scopedcss-703e9cec47-9ffab6485c] >  * + * {
    margin-top: var(--boxel-sp-lg);
  }
  .ai-assistant-conversation[data-scopedcss-703e9cec47-9ffab6485c] >  * + .meta-hidden {
    margin-top: var(--boxel-sp-xs);
  }
  .ai-assistant-conversation[data-scopedcss-703e9cec47-9ffab6485c] >  * + .code-patch-correctness {
    margin-top: var(--boxel-sp-xxs);
  }

  .example-container[data-scopedcss-7dbe7b8479-04416a52ea] {
    background: var(--boxel-ai-purple);
    width: 371px;
    overflow: hidden;
    position: relative;
    --profile-avatar-icon-background: blue;
  }

  .toggle-and-realm-icon[data-scopedcss-d2e1d0ed97-b61a612a3d] {
    width: 100%;
    display: inline-grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--boxel-sp-4xs);
  }

  .skill-toggle[data-scopedcss-d2e1d0ed97-b61a612a3d] {
    --pill-padding: 0 var(--boxel-sp-xxxs) 0 var(--boxel-sp-xs);
    --pill-gap: var(--boxel-sp-xxxs);
    --pill-icon-size: 18px;
    --boxel-realm-icon-size: var(--pill-icon-size);
    display: inline-grid;
    grid-template-columns: 1fr auto;
    border: 1px solid var(--boxel-400);
    height: var(--pill-height, 1.875rem);
    overflow: hidden;
  }
  .skill-dropdown__trigger[data-scopedcss-d2e1d0ed97-b61a612a3d] {
    --boxel-icon-button-height: 26px;
    --boxel-icon-button-width: 26px;
  }
  .is-autoattached[data-scopedcss-d2e1d0ed97-b61a612a3d] {
    border-style: dashed;
  }
  .card-content[data-scopedcss-d2e1d0ed97-b61a612a3d] {
    max-width: 100%;
    min-width: 0;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .toggle[data-scopedcss-d2e1d0ed97-b61a612a3d] {
    margin-left: var(--boxel-sp-xxxs);
  }

  .pill-menu[data-scopedcss-96625f44ff-e2ac97c9b3] {
    --boxel-header-gap: var(--boxel-sp-4xs);
    --boxel-header-detail-margin-left: 0;
    --pill-menu-spacing: var(--boxel-pill-menu-spacing, var(--boxel-sp-xs));
    --boxel-header-padding: 0 0 0 var(--pill-menu-spacing);
    --button-outline: 2px;
    --boxel-header-min-height: fit-content;
    --pill-menu-gradient-height: 5px;

    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: 100%;
    min-height: max-content;
    width: var(--boxel-pill-menu-width, 100%);
    background-color: var(--boxel-light);
    border-radius: var(--boxel-border-radius-xl);
    color: var(--boxel-dark);
    font: 700 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp);
    box-shadow: var(--boxel-box-shadow);
    transition: width 0.2s ease-in;

    timeline-scope: --pill-menu-content-scroll-timeline;
  }
  .pill-menu-button[data-scopedcss-96625f44ff-e2ac97c9b3] {
    display: flex;
    align-items: center;
    font: 700 var(--boxel-font-xs);
    gap: var(--boxel-sp-xxs);
    padding: var(
      --boxel-pill-menu-button-padding,
      var(--pill-menu-spacing)
    );
    border: none;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--boxel-border-radius-xl);
    width: fit-content;
  }
  .pill-menu-button[data-scopedcss-96625f44ff-e2ac97c9b3]:hover {
    border: 1px solid var(--boxel-400);
  }
  .menu-header[data-scopedcss-96625f44ff-e2ac97c9b3] {
    overflow: hidden;
    padding: var(--chat-input-area-bottom-padding);
    font: 700 var(--boxel-font-xs);
  }
  .menu-header[data-scopedcss-96625f44ff-e2ac97c9b3] .title {
    font: 700 var(--boxel-font);
  }
  .header-button[data-scopedcss-96625f44ff-e2ac97c9b3] {
    margin: var(--button-outline);
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--boxel-border-radius-xl);
    font: 700 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-button[data-scopedcss-96625f44ff-e2ac97c9b3]:focus:focus-visible {
    outline-color: var(--boxel-highlight);
  }

  .detail-close-button[data-scopedcss-96625f44ff-e2ac97c9b3] {
    border: none;
    padding: 0;
    background: none;
  }

  .expandable-header-button[data-scopedcss-96625f44ff-e2ac97c9b3] {
    width: var(
      --boxel-pill-menu-expandable-header-button-width,
      fit-content
    );
    color: var(--boxel-450);
    text-transform: uppercase;
  }
  .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3] {
    padding: 0 var(--chat-input-area-bottom-padding);
    display: grid;
    gap: var(--pill-menu-spacing);
    overflow-y: auto;
    min-height: 0;
  }

  .pill-menu:not(:has(.menu-footer)) .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3] {
    padding-bottom: var(--chat-input-area-bottom-padding);
  }

  .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3]::before,
  .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3]::after,
  .menu-footer[data-scopedcss-96625f44ff-e2ac97c9b3]::before {
    content: '';
    display: block;
    width: 100%;
    height: var(--pill-menu-gradient-height);
    position: absolute;
    left: 0;
    opacity: 0;
    pointer-events: none;
  }

  .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3]::before {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.25) 0%,
      transparent 100%
    );

    animation: scroll-pill-menu-content-data-scopedcss-96625f44ff-e2ac97c9b3 linear forwards;
    animation-timeline: --pill-menu-content-scroll-timeline;
  }

  .pill-menu.has-footer .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3]::after {
    display: none;
  }

  .menu-content[data-scopedcss-96625f44ff-e2ac97c9b3]::after {
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.25) 0%,
      transparent 100%
    );

    animation: scroll-pill-menu-content-data-scopedcss-96625f44ff-e2ac97c9b3 reverse linear backwards;
    animation-timeline: --pill-menu-content-scroll-timeline;

    bottom: var(--chat-input-area-bottom-padding);
  }

  .menu-footer[data-scopedcss-96625f44ff-e2ac97c9b3] {
    padding: var(--chat-input-area-bottom-padding);
  }

  .menu-footer[data-scopedcss-96625f44ff-e2ac97c9b3]::before {
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.25) 0%,
      transparent 100%
    );

    animation: scroll-pill-menu-content-data-scopedcss-96625f44ff-e2ac97c9b3 reverse linear backwards;
    animation-timeline: --pill-menu-content-scroll-timeline;

    transform: translateY(
      calc(
        -1 *
          (
            var(--pill-menu-gradient-height) +
              var(--chat-input-area-bottom-padding)
          )
      )
    );
  }

  .pill-menu[data-scopedcss-96625f44ff-e2ac97c9b3] .menu-header .detail {
    order: -1;
    margin-left: 0;
  }
  .minimized-arrow[data-scopedcss-96625f44ff-e2ac97c9b3] {
    transform: rotate(180deg);
    transform-origin: center;
    margin-left: var(--boxel-sp-xs);
    flex-shrink: 0;
  }

  @keyframes scroll-pill-menu-content-data-scopedcss-96625f44ff-e2ac97c9b3 {
    0% {
      opacity: 0;
    }
    1% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }

  .skill-menu[data-scopedcss-0e7626449a-026844675b] {
    background-color: transparent;
    box-shadow: none;
  }
  .skill-list[data-scopedcss-0e7626449a-026844675b] {
    display: grid;
    gap: var(--boxel-sp-xxxs);
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    max-height: 300px;

    scroll-timeline: --pill-menu-content-scroll-timeline;
  }

  .skill-list[data-scopedcss-0e7626449a-026844675b] .card-content {
    max-width: initial;
    font: 600 var(--boxel-font-xs);
  }
  .attach-button[data-scopedcss-0e7626449a-026844675b] {
    --boxel-button-font: 600 var(--boxel-font-xs);
    --boxel-button-border: 1px solid var(--boxel-400);
    --boxel-button-color: var(--boxel-dark);
    --boxel-button-padding: var(--boxel-sp-5xs) var(--boxel-sp-sm);
    --boxel-button-min-height: unset;

    gap: var(--boxel-sp-xs);
    background: none;
  }
  .attach-button[data-scopedcss-0e7626449a-026844675b]:hover:not(:disabled),
  .attach-button[data-scopedcss-0e7626449a-026844675b]:focus:not(:disabled) {
    --icon-color: var(--boxel-600);
    color: var(--boxel-600);
    background: none;
    box-shadow: none;
  }
  .attach-button[data-scopedcss-0e7626449a-026844675b]:disabled {
    --boxel-button-text-color: var(--boxel-300);
    --boxel-button-border: 1px solid var(--boxel-300);
  }
  .attach-button[data-scopedcss-0e7626449a-026844675b] >  svg > path {
    stroke: none;
  }

  :root {
    --search-sheet-closed-height: calc(
      var(--operator-mode-bottom-bar-item-height) +
        var(--operator-mode-spacing)
    );
    --search-sheet-closed-width: var(--container-button-size);
    --search-sheet-prompt-height: 8.75rem;
  }

  .search-sheet[data-scopedcss-71b37c4677-4c462e7c17] {
    --search-sheet-left-offset: calc(var(--operator-mode-spacing));
    --search-sheet-right-offset: calc(
      var(--container-button-size) + 2 * var(--operator-mode-spacing)
    );
    background-color: transparent;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    left: var(--search-sheet-left-offset);
    width: calc(
      100% - var(--search-sheet-left-offset) -
        var(--search-sheet-right-offset)
    );
    position: absolute;
    z-index: var(--host-search-sheet-z-index);
    transition:
      height var(--boxel-transition),
      width var(--boxel-transition);
  }
  .search-sheet[data-scopedcss-71b37c4677-4c462e7c17]:not(.closed) {
    overflow: hidden;
    background-color: var(--boxel-light);
    border-top-right-radius: var(--boxel-border-radius-xxl);
    border-top-left-radius: var(--boxel-border-radius-xxl);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .search-sheet__search-input-group[data-scopedcss-71b37c4677-4c462e7c17] {
    width: calc(100% - 2 * var(--boxel-sp-xs));
    margin: var(--boxel-sp-xs);
    flex-wrap: nowrap;
    overflow: hidden;
    animation: fade-in-data-scopedcss-71b37c4677-4c462e7c17 var(--boxel-transition);
  }
  @keyframes fade-in-data-scopedcss-71b37c4677-4c462e7c17 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .results .search-sheet__search-input-group[data-scopedcss-71b37c4677-4c462e7c17] {
    margin-bottom: 3px;
  }

  .closed[data-scopedcss-71b37c4677-4c462e7c17] {
    height: var(--search-sheet-closed-height);
    width: var(--search-sheet-closed-width);
  }

  .prompt[data-scopedcss-71b37c4677-4c462e7c17] {
    height: var(--search-sheet-prompt-height);
    box-shadow: var(--boxel-deep-box-shadow);
  }

  .results[data-scopedcss-71b37c4677-4c462e7c17] {
    height: calc(100% - var(--stack-padding-top));
    box-shadow: var(--boxel-deep-box-shadow);
  }

  .search-sheet__content[data-scopedcss-71b37c4677-4c462e7c17] {
    padding-inline: var(--boxel-sp);
  }

  .footer[data-scopedcss-71b37c4677-4c462e7c17] {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    opacity: 1;
    height: var(--stack-card-footer-height);
    padding: var(--boxel-sp);
    background-color: var(--boxel-light);
    border-top: 1px solid var(--boxel-200);
    overflow: hidden;

    transition:
      flex var(--boxel-transition),
      opacity calc(var(--boxel-transition) / 4);
  }

  .closed .footer[data-scopedcss-71b37c4677-4c462e7c17],
  .prompt .footer[data-scopedcss-71b37c4677-4c462e7c17] {
    height: 0;
    padding: 0;
  }

  .closed .footer[data-scopedcss-71b37c4677-4c462e7c17],
  .prompt .footer[data-scopedcss-71b37c4677-4c462e7c17] {
    height: 0;
    opacity: 0;
  }

  .buttons[data-scopedcss-71b37c4677-4c462e7c17] {
    margin-top: var(--boxel-sp-xs);
  }
  .buttons > * + *[data-scopedcss-71b37c4677-4c462e7c17] {
    margin-left: var(--boxel-sp-xs);
  }

  .open-search-field[data-scopedcss-71b37c4677-4c462e7c17] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: top left;
  }
  .open-search-field[data-scopedcss-71b37c4677-4c462e7c17]:focus:focus-visible {
    outline-offset: 0;
    outline-width: 2px;
  }

  .example-container[data-scopedcss-b58efbe9b6-b680393219] {
    background: #494559;
    min-height: 300px;
    overflow: hidden;
    position: relative;
  }

  .container[data-scopedcss-863a642d97-e9ca62d4c7] {
    margin: 5em;
  }

  .error[data-scopedcss-863a642d97-e9ca62d4c7] {
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  .breadcrumb-item[data-scopedcss-218f863d20-6fda5fa3ee] {
    display: inline-flex;
    align-items: center;
    gap: var(--boxel-sp-xxs);
    max-width: 16rem;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .breadcrumb-item[data-scopedcss-218f863d20-6fda5fa3ee]:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: var(--boxel-border-radius-lg);
  }

  .icon[data-scopedcss-218f863d20-6fda5fa3ee] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: var(--boxel-teal);
  }

  .label[data-scopedcss-218f863d20-6fda5fa3ee] {
    font: 500 var(--boxel-font-sm);
    color: var(--boxel-light);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .muted[data-scopedcss-218f863d20-6fda5fa3ee] {
    opacity: 0.7;
    font-weight: 500;
  }

  .host-mode-breadcrumbs[data-scopedcss-b9ae3034ed-d27782cbdc] {
    display: inline-flex;
    align-items: center;
    background-color: var(--boxel-700);
    box-shadow: var(--boxel-deep-box-shadow);
    border: solid 1px rgba(255, 255, 255, 0.35);
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    border-radius: 7px;
  }

  .empty[data-scopedcss-b9ae3034ed-d27782cbdc] {
    display: none;
  }

  .list[data-scopedcss-b9ae3034ed-d27782cbdc] {
    display: inline-flex;
    list-style: none;
    gap: var(--boxel-sp-xs);
    margin: 0;
    padding: 0;
    align-items: center;
  }

  .item[data-scopedcss-b9ae3034ed-d27782cbdc] {
    display: inline-flex;
    align-items: center;
    gap: var(--boxel-sp-xxs);
  }

  .separator[data-scopedcss-b9ae3034ed-d27782cbdc] {
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--boxel-font-size);
    line-height: 1;
  }

  .send-error-to-ai-assistant[data-scopedcss-457df3e7f2-a9f98f9a3d] {
    --boxel-button-color: var(--boxel-ai-purple);
    --boxel-button-border: 1px solid var(--boxel-ai-purple);
    --boxel-button-text-color: var(--boxel-light);
    padding: 6px 12px;
    font-size: var(--boxel-font-size-xs);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-wrap: nowrap;
    background-image: image-set(url('data:image/webp;base64,UklGRgYCAABXRUJQVlA4WAoAAAAQAAAAGQAAGQAAQUxQSMUAAAABgFXbVt1qS0ACEnBQHBQHxUFxUCRcB40TcNA4AAeJg/2xeVwJETEBGHuSrJUkPTbDStjJ8ndI3mmSkvw2ItVaYVxyl3Sgy+UWXhfVA0F4veTx/DQOKwBUIX+f54PzbsT0wXp3GLq+VQ2mpq51j2XfB7UeyWLbpqPWUr7v/3h/S6E2vxYal4uZmcLd5kaucb8ZMY1zH/I5YJHC4ZmDB4B4Cz0QqHfE3N3SgCa3w2oUWkuNWO+SkpzYzHIckneC1Cphx6/4CQBWUDggGgEAANAIAJ0BKhoAGgA+bTCTRyQjIaEoCqiADYlsAJ0y43mfjXDn75NhnMfImEA54jcQPZr58v2MfJAAbPO7yGJmutiLvayjgnMJdH1F2DmS5YAA/sNd5nCfj0nyEoYDCcd/a+s8rM6SzWFYyWRtmknvHddHhrszX/vEF+DSzHS12Ipf4rsqCDi4/Y8hXXNZIh9h1RGCFdzS01aOcoZrbEMhfDAVbYP4DMUiZ2Z33RnvHaDXvQEFvTfUf7h9cMs7+frGUnfFJhxEMu7Gpnx9pu0g4H6//JvvL/lO6yxZ+Ss7ZI09hg86DATL93vF6Qr45v+G511//3aKOEPl+ed21HH7yY5JH/bvJ/ztHqofit+OQBz8BEv/48NeW8AAAA==') 1x, url('data:image/webp;base64,UklGRoYDAABXRUJQVlA4WAoAAAAQAAAAMwAAMwAAQUxQSHIBAAABgJZtb9YqEioBCThYnRwcUAetg+EAHAwHw0HrAByAg+zzbRJ2/kcEA7dt48i9d2/JkjdQTYm/leAtUE0/wSxj1rLIWLSsgC4AViUtA7xH99DoCAjnEMFqXogKmlr1A9Fg07kd0RJ5xO7kNTNgo5c2dB/ZSevIiPRpjEijU4/5cB+3crBy2O8MCeBbwAP6mgn1K2MV+lJhrLVvP4jxdl+5pqPF9lhbuN9iZJE6bClWmghqsquVYlXNyyGy6KCltEJvLharosVDypYcKeTSJjn30JJafvg+dXqp846M5Hz33hZf+rvYceljBDabr95gcs0sMPuo2yVCBxJ6psyrFcpSW8qsVC9aZb3GOiOzRRFU+zKylYLa/1KaF4HZa/5d2zKnzxDdhNpC/ibXVkKj8swgWjs6iVUWyO7q8YmLMFBMutgyiQNS4VpEXdXjevzxlVh5uDNickcabejE+MzbOTnGWbmM0bQLaH5ObvYTOeC/yU8JVlA4IO4BAABQDQCdASo0ADQAPm0skkakIj+hMBIMA/ANiWwAuRfov4fAeaLWeyFGPhU7ernd/RzvIm8wgb58DypeQ+Xe6C73cPt4lM/nKeQIJaIh+0w5W06DfzKUkLwzzvI0Z1mZEQoj3f1onuOrUcKFF6G4HDt8nUWAAP7+9l3+RfZSNX2uw5INGJe5fm2NPbC9v4//Jv/Sx9j/wThZvDxAX6+Mski7H3YP9gB/k3PNtNddfbp/APAt2n27hXnf+Gf++NLmHyMMah7BB2pXZMN3Qjb1YTbt+t8um///sRDqdL/FwJsZtZqDVGGWWjryAzaiV4GXO9DN/CilzOvJ3+P+GViVOGsi8//fRQcxJxrwpy5j/k6GG/eHsYtaVAnhtMDGZXYGDJWdsDvL18YntWV/dv6PEtspt6inaWA38/NApOoAl5ehJRg2GZd/+UJn3EYhCqpJfPHRwUM1L2q/+Qi+Z3/GTAbNpdPy4fuPR+LFKfCJU59oVibJbYQ22VV/USYkoQuNLeNXhc9iUfBRZDLbZeSm4B0wopJ+X8Qr9/X0D9AjiTrBjN7wZcif+pif//6C1tTlo1jibaNsEftdPVofm//N2DLM8S1F3FdVFm/X+8oRGst0f0IATfAP/3iMwGZtTjWKkBM96hm4kqe9JzvZeAAAAA==') 2x, url('data:image/webp;base64,UklGRhAFAABXRUJQVlA4WAoAAAAQAAAATQAATQAAQUxQSCECAAABkFVbe5hYn4RfQiTEAXEwSKgD4oA6GBxQB9QBcVActA4SB98Dhf/P37n3OSImANaFypSoLHD+1yy9Fm/sxX+a9BNfSRWCKvkaVYAq+yqaArw0xZVQOwOzhuIpqzKQVdnTqopAVK2OMrUNAJqG2Y1U1fQ2qap4eVB9fjur+HCSqd6wu6mYXQzUj3ujjoODgfome2LAoduFhhM+Tga89JEHLcOnYMGHdLhUWo74crRgvRjJZaXphm9lsyDXi2jkdH3SOn2FZEPyeT3JzvO5sOsNypvV/vJ8svML6leX/i3oQjtQizCM7TAtwjS2g7QI49gO0SLMYzvAK6BjeLm7ofPN15bQPW2ORrgcnbQpwGmYWr9tFDiWcevSpjPcn6dmU+YccdCY5/Ip7QYcPqTd0+5fcNrlx+VxiUeJl8dC03r/8fdzr+y5XsWTXFf2vwcv4U6nVxdypd819UsrXf/2+qX3JfQIC/3XaBcrj1ijVaw8Zo02kYet0SLW47AGXag88qJb2LmUVxfeNDd2LaXgXVIuVkzfJVqXnARKyZvN+pWsNlsW2OZmwfGbkZZtgL3MFgyfAi1nQddsMX2aLDJ6DwZV9oT6NqD/oOO4NxoM8Jh1696qy/A5q3h+O1M9w6k01fQ2qZp4QVbVt6oa4HfTMAKR2g2OsyoDWZU9iWoGZpV4QtEUYNHMcD1qCFCbfSVVCKrkS1QpqcQX+uGf9upVvJX/AwBWUDggyAIAAJATAJ0BKk4ATgA+bS6VRy8iv6Erk5qD8A2JaAZwZID9K4EAeuSV/qvPrZE9J+OXss1v+x74+bztPnv4T1/gP1m92P+l3wD0APLT9jz908JoDe17MOXQ+VU3kY/ujlBWyvItHBx5//oew2eiG3ORvlhMj6q0nGYXrinhrcY+On0D9eJ7QYxleXJdgGYk9wyyj+KiP7cj5O9t7dJVA4svtLpryDkiAAD+/gbUH9X3zTDTdpEcekMcumgoBHlKQ4bY2cb0OTdd4aXOPGw9AxiuyNPDJPDxDHHDNsB3k8YSGJCzYwl+v+QMhVCHJZE8c/8gxH9KSolDsm8PwljgRau5WAK6AEQzK74q6dDOsb9H7H/gnLybt3eC/In/eFYn+zX7q7tigvmmR6ex3octo0hX7xM4VFjvv9lTu7/9TZ//mv7//zxU1RrpJuuCcOMNtSht3PebW0jfZxwSiwX2FXZGSZ/+2WTRC+4i2/+mfxvRz7jv7YrSmcynqS7B6yN4XGiZwhI0V8NNE49j316x+xjgFCMTsaU/uHT8OF/YX+dbPBFNgIKP/uz9sm7i1fX6PG7svkim2e5lQvcGodeuqUYT0JuZIv+uszUi+2rFluWHpeoG+LAEGSX4XbJ+RP/hatLx2B7EQDfBr1x9J3rpEWEPox/WzmtB7raXYq4HqNdh3dyPG30V6tP74fVeJn0ISTePh1CUMHRvnnuPzjgox/Bs8qZZe+VBrA9GqHBZiEaGYaHNeFNZ/u+D/tfM6HDFiBtQ4mrnw5bqOd2hp5w1RfZN74fM4A/ZtXhtzDxXYLRH/Oq9Y8dY2Oc7QwiVTY7+Wwr9PhMX+KfUtbUeIjbSKC2u+1pG9g9HSVibAmuRc3sEd6UG/UY6J+uZP0mHSxo/NIG9v+f+P+LesIoL7IK/+kChRD7HBOxKkzv04LM/SQOQSXQ1/9ChAAAAAAA='));
    background-color: var(--boxel-ai-purple);
    background-size: 14px 14px;
    background-position: 12px center;
    background-repeat: no-repeat;
    padding-left: 32px;
  }

  .send-error-to-ai-assistant[data-scopedcss-457df3e7f2-a9f98f9a3d]:hover:not(:disabled) {
    --boxel-button-color: var(--boxel-ai-purple);
    --boxel-button-border: 1px solid var(--boxel-ai-purple);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .send-error-to-ai-assistant[data-scopedcss-457df3e7f2-a9f98f9a3d]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .error-display[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    background: var(--boxel-warning-200);
    border-radius: var(--boxel-border-radius-lg);
    padding-bottom: var(--boxel-sp-xs);
    color: black;
    min-width: fit-content;
    width: 100%;
    box-shadow: var(--boxel-deep-box-shadow);
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
    max-height: 100%;
  }

  .error-header[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--boxel-sp-xs);
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    padding: var(--boxel-sp) var(--boxel-sp) 0 var(--boxel-sp);
  }

  .error-type[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    font-weight: 600;
    text-transform: uppercase;
  }

  .error-icon[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    width: 20px;
    height: 20px;
    color: black;
  }

  .error-message[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    font-size: var(--boxel-font-size-sm);
    padding: 0 var(--boxel-sp) 0
      calc(var(--boxel-sp) + 20px + var(--boxel-sp-xs));
  }

  .error-actions[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: var(--boxel-sp);
    padding: 0 var(--boxel-sp);

    --boxel-icon-button-height: 20px;
    --boxel-icon-button-width: 20px;
  }

  .toggle-details-button[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxs);
    width: 100px;
    justify-content: flex-end;
    font-weight: 400;
    border: none;
  }

  .toggle-details-button[data-scopedcss-d0f650f7c0-f6e119dc2e]:hover {
    background-color: transparent;
  }

  .error-details[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    background: white;
    padding: var(--boxel-sp);
    width: 100%;
    margin-bottom: calc(-1 * var(--boxel-sp));
    overflow: auto;
    scrollbar-width: thin;
    flex: 1;
  }

  .error-details[data-scopedcss-d0f650f7c0-f6e119dc2e]::-webkit-scrollbar {
    width: 8px;
  }

  .error-details[data-scopedcss-d0f650f7c0-f6e119dc2e]::-webkit-scrollbar-track {
    background: var(--boxel-light);
  }

  .error-details[data-scopedcss-d0f650f7c0-f6e119dc2e]::-webkit-scrollbar-thumb {
    background: var(--boxel-dark);
    border-radius: 4px;
  }

  .detail-item[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    margin-bottom: var(--boxel-sp);
  }

  .detail-item[data-scopedcss-d0f650f7c0-f6e119dc2e]:last-child {
    margin-bottom: 0;
  }

  .detail-title[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    font-weight: 600;
    margin-bottom: var(--boxel-sp-xs);
  }

  .detail-contents[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    word-break: break-word;
  }

  pre[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
  }

  .no-stack-message[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    color: var(--boxel-purple-700);
    font-style: italic;
    margin: 0;
  }

  .diagnostics-summary[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    margin: 0 0 var(--boxel-sp-xs) 0;
    font-family: var(--boxel-monospace-font-family, monospace);
    font-size: var(--boxel-font-size-xs);
    line-height: 1.5;
    word-break: break-word;
    background: #fff6d6;
    padding: var(--boxel-sp-xs) var(--boxel-sp-xs);
    border-radius: var(--boxel-border-radius);
    border-left: 3px solid var(--boxel-warning-200);
  }

  .actions[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    display: flex;
    justify-content: center;
    gap: var(--boxel-sp);
    margin-top: var(--boxel-sp-lg);
  }

  .additional-error-entry[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    margin-bottom: var(--boxel-sp);
    padding-bottom: var(--boxel-sp-xs);
    border-bottom: 1px solid var(--boxel-200, #ddd);
  }

  .additional-error-entry[data-scopedcss-d0f650f7c0-f6e119dc2e]:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .additional-error-heading[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    font-weight: 600;
    margin-bottom: var(--boxel-sp-xxs);
    word-break: break-word;
  }

  .additional-error-message[data-scopedcss-d0f650f7c0-f6e119dc2e] {
    margin: 0 0 var(--boxel-sp-xs) 0;
    font-size: var(--boxel-font-size-sm);
    word-break: break-word;
  }

  .error-detail[data-scopedcss-4f10137590-8b3827d8c0] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-lg);
    overflow: visible;
    max-height: 100%;
    margin: auto var(--boxel-sp) var(--boxel-sp) var(--boxel-sp);
  }
  @media (min-height: 800px) {
    .error-detail[data-scopedcss-4f10137590-8b3827d8c0] {
      flex: 1;
    }
  }

  .icon[data-scopedcss-a3be4caba5-a50d41ab7e] {
    height: 100px;
    width: 100px;
  }
  .card-error-default[data-scopedcss-a3be4caba5-a50d41ab7e] {
    display: flex;
    height: 100%;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    padding: var(--boxel-sp);
  }
  .card-error[data-scopedcss-a3be4caba5-a50d41ab7e] {
    flex: 1;
    opacity: 0.4;
    border-radius: 0;
    box-shadow: none;
    overflow-y: auto;
  }
  .message[data-scopedcss-a3be4caba5-a50d41ab7e] {
    width: 100%;
    text-align: center;
    font: 600 var(--boxel-font);
    text-wrap: pretty;
  }
  .error-header[data-scopedcss-a3be4caba5-a50d41ab7e] {
    min-height: var(--boxel-form-control-height);
    background-color: var(--boxel-100);
    box-shadow: 0 1px 0 0 rgba(0 0 0 / 15%);
  }
  .error-header[data-scopedcss-a3be4caba5-a50d41ab7e] .card-type-display-name {
    color: var(--boxel-error-300);
  }
  .card-error-detail[data-scopedcss-a3be4caba5-a50d41ab7e] {
    position: absolute;
    bottom: var(--boxel-sp);
    left: var(--boxel-sp);
    right: var(--boxel-sp);
    max-height: calc(
      100% -
        calc(
          calc(var(--boxel-sp) * 2) +
            var(
              --card-error-header-height,
              var(--boxel-form-control-height)
            )
        )
    );
    z-index: 10;
    margin: 0;
  }

  .host-mode-card[data-scopedcss-d75f402879-3651a16631],
  .card[data-scopedcss-d75f402879-3651a16631] {
    width: var(--host-mode-card-width, 50rem);
    padding: var(--host-mode-card-padding);
    border-radius: var(--host-mode-card-border-radius, 20px);
    flex: 1;
    z-index: 0;
    overflow: auto;
    position: relative;
  }

  .message[data-scopedcss-d75f402879-3651a16631] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    text-align: center;
    gap: var(--boxel-sp);
  }

  .non-publishable-message[data-scopedcss-d75f402879-3651a16631] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    text-align: center;
    gap: var(--boxel-sp);
  }

  @media print {
    .host-mode-card.is-primary[data-scopedcss-d75f402879-3651a16631] {
      display: contents;
    }

    .host-mode-card.is-primary .card[data-scopedcss-d75f402879-3651a16631] {
      max-height: none;
      overflow: visible;
    }
  }

  @keyframes scaleIn-data-scopedcss-2df5639c8e-52ad8a9bab {
    from {
      transform: scale(0.1);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes fadeOut-data-scopedcss-2df5639c8e-52ad8a9bab {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(100%);
    }
  }

  @keyframes moveForward-data-scopedcss-2df5639c8e-52ad8a9bab {
    from {
      transform: translateY(0);
      opacity: 0.8;
    }
    to {
      transform: translateY(25px);
      opacity: 1;
    }
  }

  .host-mode-stack-item[data-scopedcss-2df5639c8e-52ad8a9bab] {
    justify-self: center;
    position: absolute;
    width: 89%;
    height: inherit;
    padding-top: var(--boxel-sp-2xl);
    z-index: 0;
    pointer-events: none;
  }

  .host-mode-stack-item[data-scopedcss-2df5639c8e-52ad8a9bab]:not(.buried) {
    padding-bottom: var(--boxel-sp-xxl);
  }

  .host-mode-stack-item.full-width[data-scopedcss-2df5639c8e-52ad8a9bab] {
    max-width: 100%;
  }

  .host-mode-stack-item.opening-animation[data-scopedcss-2df5639c8e-52ad8a9bab] {
    animation: scaleIn-data-scopedcss-2df5639c8e-52ad8a9bab 0.2s forwards;
    transition: margin-top var(--boxel-transition);
  }

  .host-mode-stack-item.closing-animation[data-scopedcss-2df5639c8e-52ad8a9bab] {
    animation: fadeOut-data-scopedcss-2df5639c8e-52ad8a9bab 0.2s forwards;
  }

  .host-mode-stack-item.move-forward-animation[data-scopedcss-2df5639c8e-52ad8a9bab] {
    animation: moveForward-data-scopedcss-2df5639c8e-52ad8a9bab 0.2s none;
  }

  .host-mode-stack-item.opening-animation.testing[data-scopedcss-2df5639c8e-52ad8a9bab] {
    animation-duration: 0s;
  }

  .host-mode-stack-item.closing-animation.testing[data-scopedcss-2df5639c8e-52ad8a9bab] {
    animation-duration: 0s;
  }

  .host-mode-stack-item.move-forward-animation.testing[data-scopedcss-2df5639c8e-52ad8a9bab] {
    animation-duration: 0s;
  }

  .host-mode-stack-item.buried[data-scopedcss-2df5639c8e-52ad8a9bab] {
    --realm-icon-border-radius: 4px;
  }

  .stack-item-card[data-scopedcss-2df5639c8e-52ad8a9bab] {
    height: 100%;
    border-radius: var(--boxel-border-radius-2xl);
    box-shadow: var(--boxel-deep-box-shadow);
    pointer-events: auto;
    overflow: hidden;
    background-color: var(--boxel-light);
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .host-mode-stack-item.buried > .stack-item-card[data-scopedcss-2df5639c8e-52ad8a9bab] {
    border-radius: var(--boxel-border-radius-lg);
    background-color: var(--boxel-200);
  }

  .close-button-container[data-scopedcss-2df5639c8e-52ad8a9bab] {
    position: absolute;
    top: var(--boxel-sp-xs);
    right: var(--boxel-sp-xs);
    z-index: 1;
  }
  .close-button-container[data-scopedcss-2df5639c8e-52ad8a9bab] .boxel-context-button {
    box-shadow: var(--boxel-box-shadow);
  }
  .close-button-container[data-scopedcss-2df5639c8e-52ad8a9bab] .boxel-context-button:hover {
    box-shadow: var(--boxel-box-shadow-hover);
  }

  .host-mode-stack-item-card[data-scopedcss-2df5639c8e-52ad8a9bab] {
    border-radius: inherit;
    box-shadow: none;
    z-index: 0;
  }
  .host-mode-stack-item-card[data-scopedcss-2df5639c8e-52ad8a9bab] >  .boxel-card-container {
    border-radius: inherit;
  }

  @media print {
    .host-mode-stack-item[data-scopedcss-2df5639c8e-52ad8a9bab] {
      height: 100% !important;
    }
    .host-mode-stack-item-card[data-scopedcss-2df5639c8e-52ad8a9bab] {
      height: 100%;
      overflow: auto;
    }
    .close-button-container[data-scopedcss-2df5639c8e-52ad8a9bab] {
      display: none;
    }
  }

  .host-mode-stack[data-scopedcss-8f9d1889a0-a3e7dca427] {
    z-index: 1;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    background-position: center;
    background-size: cover;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .inner[data-scopedcss-8f9d1889a0-a3e7dca427] {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    border-bottom-left-radius: var(--boxel-border-radius);
    border-bottom-right-radius: var(--boxel-border-radius);
    z-index: 1;
  }

  @media screen {
    .inner[data-scopedcss-8f9d1889a0-a3e7dca427] {
      overflow: auto;
    }
    /* .inner will handle overflow in host mode stack */
    .host-mode-stack[data-scopedcss-8f9d1889a0-a3e7dca427] .host-mode-card {
      overflow: hidden;
    }
  }

  .stack-items[data-scopedcss-8f9d1889a0-a3e7dca427] {
    display: contents;
  }

  .host-mode-content[data-scopedcss-de68b5d311-bdda0fe994] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    padding: var(--boxel-sp);
    position: relative;
    background-color: #686283;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  @media screen {
    .host-mode-content[data-scopedcss-de68b5d311-bdda0fe994] {
      height: 100%;
      overscroll-behavior: none;
    }
  }

  @media print {
    .host-mode-content[data-scopedcss-de68b5d311-bdda0fe994] {
      min-height: 100vh;
    }
  }

  .breadcrumb-container[data-scopedcss-de68b5d311-bdda0fe994] {
    position: absolute;
    top: var(--boxel-sp);
    left: var(--boxel-sp);
    z-index: 2;
  }

  .host-mode-content.is-wide[data-scopedcss-de68b5d311-bdda0fe994] {
    padding: 0;
    --host-mode-card-width: 100%;
    --host-mode-card-padding: 0;
    --host-mode-card-border-radius: 0;
  }

  .current-card[data-scopedcss-de68b5d311-bdda0fe994] {
    flex: 1;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .host-mode-content.is-wide .breadcrumb-container[data-scopedcss-de68b5d311-bdda0fe994] {
    top: var(--boxel-sp-lg);
    left: var(--boxel-sp-lg);
  }

  .auth[data-scopedcss-759cb12d47-b51983b4f1] {
    height: 100%;
    overflow: auto;
  }

  .container[data-scopedcss-759cb12d47-b51983b4f1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    padding: var(--boxel-sp-lg);
  }

  .auth-container[data-scopedcss-759cb12d47-b51983b4f1] {
    background-color: var(--boxel-light);
    border: 1px solid var(--boxel-form-control-border-color);
    border-radius: var(--boxel-form-control-border-radius);
    letter-spacing: var(--boxel-lsp);
    width: 550px;
    position: relative;
  }
  .header[data-scopedcss-759cb12d47-b51983b4f1] {
    text-transform: uppercase;
    gap: var(--boxel-sp-xxs);
    font: 700 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-lg);
  }
  .content[data-scopedcss-759cb12d47-b51983b4f1] {
    display: flex;
    flex-direction: column;
    padding: var(--boxel-sp) var(--boxel-sp-xl) calc(var(--boxel-sp) * 2)
      var(--boxel-sp-xl);
  }

  .title[data-scopedcss-7d6892372c-33df1b08a1] {
    font: 600 var(--boxel-font-md);
    margin-bottom: var(--boxel-sp);
  }
  .info[data-scopedcss-7d6892372c-33df1b08a1] {
    margin-top: 0;
    margin-bottom: var(--boxel-sp-sm);
    letter-spacing: var(--boxel-lsp);
    line-height: 20px;
  }
  .field[data-scopedcss-7d6892372c-33df1b08a1] {
    margin-top: var(--boxel-sp);
  }
  .field[data-scopedcss-7d6892372c-33df1b08a1] input:autofill {
    transition:
      background-color 0s 600000s,
      color 0s 600000s;
  }
  .field[data-scopedcss-7d6892372c-33df1b08a1] .validation-icon-container.invalid {
    display: none;
  }
  .field[data-scopedcss-7d6892372c-33df1b08a1] .boxel-input-group--invalid > :nth-last-child(2) {
    border-top-right-radius: var(--boxel-input-group-border-radius);
    border-bottom-right-radius: var(--boxel-input-group-border-radius);
    border-right-width: var(--boxel-input-group-interior-border-width);
  }
  .field[data-scopedcss-7d6892372c-33df1b08a1]
    
      .boxel-input-group:not(.boxel-input-group--invalid)
        > :nth-last-child(2)
     {
    padding-right: 0;
  }
  .field[data-scopedcss-7d6892372c-33df1b08a1] .error-message {
    margin-left: 0;
  }
  .button-wrapper[data-scopedcss-7d6892372c-33df1b08a1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: var(--boxel-sp-lg);
  }
  .button-wrapper button[data-scopedcss-7d6892372c-33df1b08a1] {
    margin: 0;
    width: 100%;
  }
  .or[data-scopedcss-7d6892372c-33df1b08a1] {
    margin: var(--boxel-sp-sm);
    font: 500 var(--boxel-font-sm);
  }
  .button[data-scopedcss-7d6892372c-33df1b08a1] {
    --boxel-button-padding: var(--boxel-sp-sm) var(--boxel-sp-lg);
    width: fit-content;
    min-width: 148px;
  }
  .button[data-scopedcss-7d6892372c-33df1b08a1] .boxel-loading-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .email-validation-instruction[data-scopedcss-7d6892372c-33df1b08a1] {
    padding: 0;
    list-style-position: inside;
    margin-top: 0;
    margin-bottom: var(--boxel-sp);
  }
  .email-validation-instruction li[data-scopedcss-7d6892372c-33df1b08a1] {
    margin-bottom: var(--boxel-sp-sm);
  }
  .error[data-scopedcss-7d6892372c-33df1b08a1] {
    color: var(--boxel-error-100);
    padding: 0;
    font: 500 var(--boxel-font-xs);
    margin: var(--boxel-sp-xxs) auto 0 auto;
    text-align: center;
  }
  .error a[data-scopedcss-7d6892372c-33df1b08a1] {
    text-decoration: underline;
  }

  form[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    display: flex;
    flex-direction: column;
  }
  .title[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    font: 600 var(--boxel-font-md);
    margin-bottom: var(--boxel-sp-sm);
    padding: 0;
  }
  .field[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    margin-top: var(--boxel-sp);
  }
  .field[data-scopedcss-cd1da0b15e-ddac6dd4f1] input:autofill {
    transition:
      background-color 0s 600000s,
      color 0s 600000s;
  }
  .forgot-password[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    border: none;
    padding: 0;
    margin-bottom: var(--boxel-sp-lg);
    margin-left: auto;
    color: var(--boxel-dark);
    font: 500 var(--boxel-font-xs);
  }
  .forgot-password[data-scopedcss-cd1da0b15e-ddac6dd4f1]:hover {
    color: var(--boxel-highlight);
    background-color: transparent;
  }
  .button[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    --boxel-button-padding: var(--boxel-sp-sm);
    width: 100%;
  }
  .button[data-scopedcss-cd1da0b15e-ddac6dd4f1] .boxel-loading-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .or[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    margin: var(--boxel-sp-sm) auto;
    font: 500 var(--boxel-font-sm);
  }
  .error[data-scopedcss-cd1da0b15e-ddac6dd4f1] {
    color: var(--boxel-error-100);
    padding: 0;
    font: 500 var(--boxel-font-xs);
    margin: var(--boxel-sp-xxs) auto 0 auto;
  }

  .title[data-scopedcss-b68ae6229f-b6ffe992c6] {
    font: 600 var(--boxel-font-md);
    margin-bottom: var(--boxel-sp-sm);
  }
  .button-wrapper[data-scopedcss-b68ae6229f-b6ffe992c6] {
    width: 100%;
    margin-top: var(--boxel-sp-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .button[data-scopedcss-b68ae6229f-b6ffe992c6] {
    --boxel-button-padding: var(--boxel-sp-xs) var(--boxel-sp-lg);
    --boxel-button-font: 600 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp);
    width: 100%;
  }
  .or[data-scopedcss-b68ae6229f-b6ffe992c6] {
    margin: var(--boxel-sp-sm);
    font: 500 var(--boxel-font-sm);
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6] {
    margin-top: var(--boxel-sp);
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6] .text-accessory {
    color: var(--boxel-450);
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6] .validation-icon-container.invalid {
    display: none;
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6] .validation-icon-container.valid svg {
    height: var(--boxel-sp-xs);
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6]
    .boxel-input-group--invalid > :nth-last-child(2) {
    border-top-right-radius: var(--boxel-input-group-border-radius);
    border-bottom-right-radius: var(--boxel-input-group-border-radius);
    border-right-width: var(--boxel-input-group-interior-border-width);
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6]
    
      .boxel-input-group:not(.boxel-input-group--invalid)
        > :nth-last-child(2)
     {
    padding-right: 0;
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6] input:autofill {
    transition:
      background-color 0s 600000s,
      color 0s 600000s;
  }
  .registration-field[data-scopedcss-b68ae6229f-b6ffe992c6] .error-message {
    margin-left: 0;
  }
  .username-prefix[data-scopedcss-b68ae6229f-b6ffe992c6] {
    padding-right: 0;
  }
  .email-validation-instruction[data-scopedcss-b68ae6229f-b6ffe992c6] {
    padding: 0;
    list-style-position: inside;
    margin-top: 0;
    margin-bottom: var(--boxel-sp);
  }
  .email-validation-instruction li[data-scopedcss-b68ae6229f-b6ffe992c6] {
    margin-bottom: var(--boxel-sp-sm);
  }
  .resend-email[data-scopedcss-b68ae6229f-b6ffe992c6] {
    --boxel-button-padding: var(--boxel-sp-xs) var(--boxel-sp-lg);
    --boxel-button-font: 600 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp);
    width: fit-content;
    min-width: 148px;
  }
  .error-message[data-scopedcss-b68ae6229f-b6ffe992c6] {
    color: var(--boxel-error-100);
    margin-top: var(--boxel-sp-lg);
  }

  .recent-files[data-scopedcss-aa58052275-d5779ead4f] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: calc(100% - var(--search-sheet-closed-height));
  }

  .recent-file[data-scopedcss-aa58052275-5b6ac84875] {
    background-color: var(--boxel-light);
    padding: var(--boxel-sp-xxs);
    font-weight: 600;
    margin-bottom: 4px;
    border-radius: var(--code-mode-container-border-radius);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    overflow-wrap: anywhere;
    overflow: hidden;
    --boxel-realm-icon-size: 18px;
  }

  .file-name[data-scopedcss-aa58052275-5b6ac84875] {
    flex: 1;
    min-width: 0;
    font: 600 var(--boxel-font-xs);
  }

  .file-extension[data-scopedcss-aa58052275-5b6ac84875] {
    color: var(--boxel-450);
    font-weight: 400;
    flex-shrink: 0;
    text-transform: uppercase;
    font: 500 var(--boxel-font-xs);
  }

  .indicator[data-scopedcss-3e06050a9f-ccdeca777b] {
    position: absolute;
    display: flex;
    align-items: center;
    height: 2.5rem;
    bottom: 0;
    right: 0;
    padding: 0 var(--boxel-sp-xxs) 0 var(--boxel-sp-sm);
    border-top-left-radius: var(--boxel-border-radius);
    font: var(--boxel-font-sm);
    font-weight: 500;
    transform: translateX(140px);
    transition: all var(--boxel-transition);
    transition-delay: 5s;
    min-width: 140px;
    z-index: 1;
  }

  .indicator-icon[data-scopedcss-3e06050a9f-ccdeca777b] {
    margin-right: var(--boxel-sp-xxs);
  }

  .indicator-saving[data-scopedcss-3e06050a9f-ccdeca777b] {
    --icon-color: var(--boxel-highlight);
    background-color: var(--boxel-200);
  }

  .indicator-read-only[data-scopedcss-3e06050a9f-ccdeca777b] {
    --icon-color: var(--boxel-800);
    --icon-background-color: #ffd73c;
    background-color: #ffd73c;
  }

  .indicator-error[data-scopedcss-3e06050a9f-ccdeca777b] {
    --icon-color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    color: #fff;
  }

  .indicator.visible[data-scopedcss-3e06050a9f-ccdeca777b] {
    transform: translateX(0px);
    transition-delay: 0s;
  }
  .save-spinner[data-scopedcss-3e06050a9f-ccdeca777b] {
    display: inline-block;
    position: relative;
  }
  .save-spinner-inner[data-scopedcss-3e06050a9f-ccdeca777b] {
    display: inline-block;
    position: absolute;
    top: -7px;
  }
  .indicator-msg[data-scopedcss-3e06050a9f-ccdeca777b] {
    margin-right: var(--boxel-sp-sm);
  }
  .saved-msg[data-scopedcss-3e06050a9f-ccdeca777b] {
    margin-right: var(--boxel-sp-xxs);
  }

  .base-overlay[data-scopedcss-12851ee707-f5f2508cd7] {
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .format-chooser[data-scopedcss-90c5ae1429-9515f13328] {
    height: var(--boxel-format-chooser-height);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--boxel-dark);
  }

  .format-chooser__buttons[data-scopedcss-90c5ae1429-9515f13328] {
    display: flex;
    justify-content: space-between;
    width: 100%;

    border: 0;
    border-radius: var(--boxel-border-radius);
    box-shadow: var(--boxel-deep-box-shadow);
    padding: var(--boxel-sp-xxs);
  }

  .format-chooser__button[data-scopedcss-90c5ae1429-9515f13328] {
    --boxel-button-color: transparent;
    --boxel-button-font: 600 var(--boxel-font-xs);
    --boxel-button-text-color: var(--boxel-light);
    min-height: unset;
    min-width: unset;
    padding-inline: var(--boxel-sp-xs);
    border-color: transparent;
    border-radius: var(--boxel-border-radius);
    text-transform: capitalize;
  }

  .format-chooser__button.active[data-scopedcss-90c5ae1429-9515f13328] {
    --boxel-button-color: var(--boxel-light);
    --boxel-button-text-color: var(--boxel-dark);
  }

  .format-chooser__divider[data-scopedcss-90c5ae1429-9515f13328] {
    width: 1px;
    align-self: stretch;
    margin: var(--boxel-sp-xxxs) var(--boxel-sp-xxxs);
    background-color: var(--boxel-400);
  }

  .field-picker-modal[data-scopedcss-802a050f6b-ca08fcaaac] >  .boxel-modal__inner {
    display: flex;
  }
  [data-scopedcss-802a050f6b-ca08fcaaac] .field-picker {
    height: 60%;
  }
  .instances[data-scopedcss-802a050f6b-ca08fcaaac] {
    display: grid;
    gap: var(--boxel-sp);
    margin-block: 0;
    padding-inline-start: 0;
  }
  .instance-container[data-scopedcss-802a050f6b-ca08fcaaac] {
    appearance: none;
    border: none;
    padding: var(--boxel-sp);
  }
  .instance-container.selected[data-scopedcss-802a050f6b-ca08fcaaac]:not(:hover):not(:focus) {
    box-shadow: 0 0 0 1px var(--boxel-dark);
  }
  .instance-container[data-scopedcss-802a050f6b-ca08fcaaac]:hover,
  .instance-container[data-scopedcss-802a050f6b-ca08fcaaac]:focus {
    box-shadow: 0 0 0 2px var(--boxel-highlight-hover);
  }
  .field-option[data-scopedcss-802a050f6b-ca08fcaaac] {
    display: flex;
    gap: var(--boxel-sp-xs);
  }
  .field-option-index[data-scopedcss-802a050f6b-ca08fcaaac] {
    width: var(--boxel-sp);
    text-align: center;
  }

  .selected-item[data-scopedcss-d012ceb9c1-03995a706e] {
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .label[data-scopedcss-d012ceb9c1-03995a706e] {
    font-weight: 600;
    margin-right: var(--boxel-sp-xxs);
  }

  .before-options[data-scopedcss-d012ceb9c1-5ac53ac1a9] {
    width: 100%;
    background-color: var(--boxel-light);
    padding: var(--boxel-sp-xs) var(--boxel-sp);
    font: 500 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    text-align: left;
  }

  .after-options[data-scopedcss-d012ceb9c1-77b8f74ae1] {
    --boxel-loading-indicator-size: var(--boxel-icon-xs);
    display: flex;
    flex-direction: column;
    border-top: var(--boxel-border);
    background-color: var(--boxel-light);
  }
  .title[data-scopedcss-d012ceb9c1-77b8f74ae1] {
    padding: var(--boxel-sp-xs) var(--boxel-sp);
    font: 500 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    text-align: left;
  }
  .after-options-menu[data-scopedcss-d012ceb9c1-77b8f74ae1] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs);
  }
  [data-scopedcss-d012ceb9c1-77b8f74ae1] .boxel-menu__item {
    border-radius: var(--boxel-border-radius-sm);
  }
  [data-scopedcss-d012ceb9c1-77b8f74ae1] .boxel-menu__item .menu-item {
    width: 100%;
  }
  [data-scopedcss-d012ceb9c1-77b8f74ae1] .boxel-menu__item .ai-icon {
    order: 1;
    margin-left: auto;
  }
  [data-scopedcss-d012ceb9c1-77b8f74ae1] .boxel-menu__item .check-icon {
    display: none;
  }

  .instance-chooser[data-scopedcss-d012ceb9c1-5c50a936fe] {
    height: var(
      --boxel-instance-chooser-height,
      var(--boxel-form-control-height)
    );
  }

  .instance-chooser[data-scopedcss-d012ceb9c1-5c50a936fe] .boxel-trigger {
    padding: var(--boxel-sp-sm);
  }

  .instance-chooser[data-scopedcss-d012ceb9c1-5c50a936fe] .boxel-trigger-content {
    font: var(--boxel-font-xs);
    overflow: hidden;
  }
  .instance-chooser[data-scopedcss-d012ceb9c1-5c50a936fe] .boxel-loading-indicator {
    --boxel-loading-indicator-size: var(--boxel-icon-xs);
  }

  [data-scopedcss-d012ceb9c1-5c50a936fe] 
    .boxel-select__dropdown .ember-power-select-option[aria-current='true']
  ,[data-scopedcss-d012ceb9c1-5c50a936fe] .instances-dropdown-content .ember-power-select-option {
    background-color: var(--boxel-light);
    flex-wrap: nowrap;
  }

  .instance-chooser[data-scopedcss-d012ceb9c1-5c50a936fe]
    +  
      .ember-basic-dropdown-content-wormhole-origin
        .instances-dropdown-content
     {
    --boxel-select-max-height: fit-content;
    --boxel-select-options-list-max-height: 12.25rem;
    border: 1px solid var(--boxel-450);
    border-radius: var(--boxel-border-radius);
  }

  [data-scopedcss-d012ceb9c1-5c50a936fe] .ember-basic-dropdown {
    width: 100%;
  }

  [data-scopedcss-d012ceb9c1-5c50a936fe] .ember-power-select-option:hover .card,[data-scopedcss-d012ceb9c1-5c50a936fe] .ember-power-select-option:hover .file-item {
    background-color: var(--boxel-100);
  }
  .card[data-scopedcss-d012ceb9c1-5c50a936fe],
  .field[data-scopedcss-d012ceb9c1-5c50a936fe] {
    height: 40px;
    width: 375px;
    max-width: 100%;
    container-name: fitted-card;
    container-type: size;
    background-color: var(--boxel-light);
  }
  .field[data-scopedcss-d012ceb9c1-5c50a936fe] {
    padding: var(--boxel-sp-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .file-item[data-scopedcss-d012ceb9c1-5c50a936fe] {
    display: flex;
    align-items: center;
    padding: var(--boxel-sp-xxxs) var(--boxel-sp-xs);
    min-width: 0;
    background-color: var(--boxel-light);
  }

  .fitted-format-gallery[data-scopedcss-237cb61c41-4399b1805a] {
    color: var(--color, var(--boxel-dark));
  }
  .format-section + .format-section[data-scopedcss-237cb61c41-4399b1805a] {
    margin-top: var(--boxel-sp-xl);
  }
  .format-section > h3 + ul[data-scopedcss-237cb61c41-4399b1805a] {
    margin-top: var(--boxel-sp-lg);
  }
  .format-name[data-scopedcss-237cb61c41-4399b1805a] {
    margin: 0;
    padding: var(--boxel-sp-xs);
    background-color: var(--background-color, rgba(0 0 0 / 10%));
    border-radius: var(--boxel-border-radius-sm);
    font: 600 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
  }
  .specs[data-scopedcss-237cb61c41-4399b1805a] {
    margin-block: 0;
    padding-inline: 0;
    list-style-type: none;
  }
  .specs > li + li[data-scopedcss-237cb61c41-4399b1805a] {
    margin-top: var(--boxel-sp-lg);
  }
  .spec-title[data-scopedcss-237cb61c41-4399b1805a] {
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
    opacity: 70%;
  }
  .spec-title + .item-sizer[data-scopedcss-237cb61c41-4399b1805a] {
    margin-top: var(--boxel-sp-xs);
  }
  .item[data-scopedcss-237cb61c41-4399b1805a] {
    color: initial;
  }
  .item > .field[data-scopedcss-237cb61c41-4399b1805a] {
    height: 100%;
  }

  /* Dark mode */
  .dark-mode[data-scopedcss-237cb61c41-4399b1805a] {
    --background-color: rgba(255 255 255 / 30%);
    --color: var(--boxel-light);
  }

  @layer baseComponent {
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] {
      --md-border: var(--border, var(--boxel-border-color));
      --md-muted: var(--muted, var(--boxel-100));
      --md-mono: var(
        --markdown-code-font-family,
        var(--font-mono, var(--boxel-monospace-font-family))
      );

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

    /* Heading */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h1,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h2,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h3,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h4,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h5,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h6 {
      font-weight: 600;
      font-family: var(--markdown-heading-font-family, inherit);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h1 {
      font-size: 2.5em;
      line-height: 1.25;
      letter-spacing: normal;
      margin-top: var(--boxel-sp-xl);
      margin-bottom: var(--boxel-sp-lg);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h2 {
      font-size: 1.625em;
      margin-top: var(--boxel-sp-xxl);
      margin-bottom: var(--boxel-sp-xs);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h3 {
      font-size: 1.125em;
      margin-top: var(--boxel-sp-xl);
      margin-bottom: var(--boxel-sp-xxxs);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h4 {
      font-size: 1em;
      margin-top: var(--boxel-sp-lg);
      margin-bottom: var(--boxel-sp-xxxs);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h5 {
      font-size: 0.8125em;
      margin-top: var(--boxel-sp);
      margin-bottom: var(--boxel-sp-xxxs);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] h6 {
      font-size: 0.6875em;
      margin-top: var(--boxel-sp-sm);
      margin-bottom: var(--boxel-sp-xxxs);
    }

    /* Paragraph */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] p {
      font-family: inherit;
      font-size: inherit;
      font-weight: 400;
      line-height: 1.6;
      margin-top: var(--boxel-sp-lg);
      margin-bottom: var(--boxel-sp);
    }

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

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

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

    /* Highlight */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] mark {
      background-color: var(--boxel-yellow);
    }

    /* Blockquote */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] blockquote {
      margin-top: var(--boxel-sp-lg);
      margin-bottom: var(--boxel-sp-lg);
      margin-right: auto;
      margin-left: auto;
      padding-top: var(--boxel-sp-4xs);
      padding-bottom: var(--boxel-sp-4xs);
      border-right: 1px solid black;
      border-left: 1px solid black;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] blockquote p {
      font-size: 1.5em;
      font-style: italic;
      margin-inline-start: var(--boxel-sp-xl);
      margin-inline-end: var(--boxel-sp-xl);
    }

    /* GFM Alerts */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .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-cb9ca46020-eb9ed313e6] .markdown-alert-title {
      font-weight: 700;
      color: var(--markdown-alert-color, inherit);
      margin: 0;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert-title svg {
      display: none;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert p:not(.markdown-alert-title) {
      margin: var(--boxel-sp-4xs) 0 0;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert-note {
      --markdown-alert-color: #0969da;
      background-color: #ddf4ff;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert-tip {
      --markdown-alert-color: #1a7f37;
      background-color: #dcfce7;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert-important {
      --markdown-alert-color: #8250df;
      background-color: #f5f0ff;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert-warning {
      --markdown-alert-color: #9a6700;
      background-color: #fff8c5;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .markdown-alert-caution {
      --markdown-alert-color: #d1242f;
      background-color: #ffebe9;
    }

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

    /* Code */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] code {
      font-family: var(--md-mono);
      background-color: var(--md-muted);
      color: var(--foreground);
    }

    /* Code Block */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] pre {
      white-space: var(--boxel-markdown-field-pre-wrap, pre-wrap);
      background-color: var(--md-muted);
      color: var(--foreground);
      font-family: var(--md-mono);
      border-radius: var(--boxel-border-radius-xl);
      padding: var(--boxel-sp-lg);
    }

    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] pre code {
      background-color: var(--md-muted);
      color: var(--foreground);
    }

    /* Link */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] a,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] a:hover {
      color: currentColor;
      text-decoration: underline;
    }

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

    /* Lists */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] ol,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] ul {
      padding-left: 1.375em;
      margin-top: var(--boxel-sp);
      margin-bottom: var(--boxel-sp);
      font-size: inherit;
      font-weight: 400;
      font-family: inherit;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] ol ol,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] ol ul,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] ul ul,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] ul ol {
      margin-top: var(--boxel-sp-xxxs);
      margin-bottom: var(--boxel-sp-xxxs);
    }

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

    /* Scrollable table wrapper */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] .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;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] table {
      width: 100%;
      max-width: 100%;
      border-radius: 0;
      border-collapse: collapse;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] thead {
      border-bottom: 2px solid var(--md-border);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] th,
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] td {
      text-align: start;
      padding: var(--boxel-sp-2xs);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] th:not(:last-child),
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] td:not(:last-child) {
      border-right: 1px solid var(--md-border);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] tr:not(:last-child) td {
      border-bottom: 1px solid var(--md-border);
    }

    /* BFM reference slots */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] [data-boxel-bfm-inline-ref] {
      display: inline;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] [data-boxel-bfm-block-ref] {
      display: block;
      margin: var(--boxel-sp) 0;
    }

    .markdown-bfm-card-slot[data-scopedcss-cb9ca46020-eb9ed313e6] {
      max-width: 100%;
    }
    .markdown-bfm-card-slot--inline[data-scopedcss-cb9ca46020-eb9ed313e6] {
      display: inline-flex;
      vertical-align: middle;
    }
    .markdown-bfm-card-slot--block[data-scopedcss-cb9ca46020-eb9ed313e6] {
      display: block;
    }
    .markdown-bfm-card-slot--fitted[data-scopedcss-cb9ca46020-eb9ed313e6] {
      border-radius: var(--boxel-border-radius);
    }

    /* Loading shimmer */
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] [data-boxel-bfm-type='card']:empty {
      background-color: var(--boxel-light-200);
      border-radius: var(--boxel-border-radius-sm);
      position: relative;
      overflow: hidden;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] [data-boxel-bfm-type='card']:empty::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        transparent,
        var(--boxel-light-100),
        transparent
      );
      animation: bfm-shimmer-data-scopedcss-cb9ca46020-eb9ed313e6 1.6s linear 0.5s infinite;
      transform: translateX(-100%);
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] [data-boxel-bfm-inline-ref]:empty {
      display: inline-block;
      width: 6em;
      height: 1.2em;
      vertical-align: middle;
    }
    .markdown-content[data-scopedcss-cb9ca46020-eb9ed313e6] [data-boxel-bfm-block-ref]:empty {
      display: block;
      width: 100%;
      height: 3em;
    }
    @keyframes bfm-shimmer-data-scopedcss-cb9ca46020-eb9ed313e6 {
      0% {
        transform: translateX(-200%);
      }
      100% {
        transform: translateX(100%);
      }
    }

    /* Unresolved block indicator */
    .markdown-bfm-unresolved--block[data-scopedcss-cb9ca46020-eb9ed313e6] {
      display: block;
      margin: var(--boxel-sp-xxxs) 0;
    }
  } /* end @layer baseComponent */

  .markdown-preview[data-scopedcss-a6cbee9871-242b9ee0c1] {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .view-toggle[data-scopedcss-a6cbee9871-242b9ee0c1] {
    display: flex;
    gap: var(--boxel-sp-4xs);
    padding: var(--boxel-sp-xs);
    background-color: var(--boxel-100);
    border-bottom: 1px solid var(--boxel-200);
  }

  .toggle-btn[data-scopedcss-a6cbee9871-242b9ee0c1] {
    --boxel-button-color: transparent;
    --boxel-button-text-color: var(--boxel-dark);
    --boxel-button-font: 600 var(--boxel-font-xs);
    min-height: unset;
    min-width: unset;
    padding: var(--boxel-sp-5xs) var(--boxel-sp-xs);
    border-color: var(--boxel-200);
    border-radius: var(--boxel-border-radius);
  }

  .toggle-btn.active[data-scopedcss-a6cbee9871-242b9ee0c1] {
    --boxel-button-color: var(--boxel-dark);
    --boxel-button-text-color: var(--boxel-light);
  }

  .capture-container[data-scopedcss-a6cbee9871-242b9ee0c1] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }

  .markdown-source[data-scopedcss-a6cbee9871-242b9ee0c1] {
    flex: 1;
    overflow-y: auto;
    margin: 0;
    padding: var(--boxel-sp);
    font-family: var(--boxel-monospace-font-family);
    font-size: var(--boxel-font-size-sm);
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.5;
    background: transparent;
  }

  .markdown-rendered[data-scopedcss-a6cbee9871-242b9ee0c1] {
    flex: 1;
    overflow-y: auto;
    padding: var(--boxel-sp);
  }

  .preview-container[data-scopedcss-09850cf269-8941c6139e] {
    height: auto;
  }
  .full-height-preview[data-scopedcss-09850cf269-8941c6139e] {
    flex-grow: 1;
    display: grid;
    grid-auto-rows: max-content 1fr;
    min-width: 0;
  }
  .preview-header[data-scopedcss-09850cf269-8941c6139e] {
    box-shadow: 0 1px 0 0 rgba(0 0 0 / 15%);
    z-index: 1;
  }
  .preview-header[data-scopedcss-09850cf269-8941c6139e]:not(.is-editing) {
    background-color: var(--boxel-100);
  }
  .field-preview-container[data-scopedcss-09850cf269-8941c6139e] {
    height: auto;
    padding: var(--boxel-sp);
  }
  .preview[data-scopedcss-09850cf269-8941c6139e] {
    box-shadow: none;
    border-radius: 0;
  }
  .atom-preview-container[data-scopedcss-09850cf269-8941c6139e] {
    color: #c7c7c7;
    font: 500 var(--boxel-font-sm);
    line-height: 2.15;
    letter-spacing: 0.13px;
  }
  .atom-preview[data-scopedcss-09850cf269-8941c6139e] .atom-default-template {
    color: var(--boxel-dark);
    border-radius: var(--boxel-border-radius);
    padding: var(--boxel-sp-4xs);
    background-color: var(--boxel-light);
    margin: 0 var(--boxel-sp-xxxs);
    font: 600 var(--boxel-font-xs);
    line-height: 1.27;
    letter-spacing: 0.17px;
  }

  .playground-panel[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaAgMAAABFxqmRAAAACVBMVEU5OTksZFUdmXisJCSwAAAAKElEQVR4AWMYiWAUjIJRwLgEuzgbLvEV2MWZcKhnCEBij4JRMApGAQCuDwL0gjsq5AAAAABJRU5ErkJggg==');
    background-position: left top;
    background-repeat: repeat;
    background-size: 22.5px;
    height: 100%;
    width: 100%;
    background-color: var(--boxel-dark);
    font: var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    overflow: auto;
  }
  .playground-panel-content[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    --playground-padding: var(--boxel-sp-sm);
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp);
    min-height: 100%;
    margin-inline: auto;
    padding: var(--playground-padding);
  }
  .preview-area[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    flex-grow: 1;
    z-index: 0;
    display: flex;
    flex-direction: column;
  }
  .instance-chooser-container[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    position: sticky;
    bottom: var(--playground-padding);
    border: 1px solid var(--boxel-450);
    margin: 0 auto;
    width: 460px;
    max-width: 100%;
    justify-content: space-between;

    /* It’s meant to have two rounded borders, this removes a gap */
    border-radius: calc(var(--boxel-border-radius) + 1px);
  }
  .instance-chooser-container[data-scopedcss-fb4dedc6fd-f522aa4ef1] .instance-chooser {
    border-radius: 0;
    border-top-left-radius: var(--boxel-border-radius);
    border-top-right-radius: var(--boxel-border-radius);
  }
  .format-chooser[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    border-bottom-left-radius: var(--boxel-border-radius);
    border-bottom-right-radius: var(--boxel-border-radius);
  }
  .error-container[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    flex-grow: 1;
    display: grid;
    grid-template-rows: max-content 1fr;
    position: unset;

    --card-error-header-height: calc(
      40px + var(--boxel-form-control-height) + var(--boxel-sp)
    );
  }
  .error-container[data-scopedcss-fb4dedc6fd-f522aa4ef1] .instance-chooser {
    border-radius: var(--boxel-border-radius);
    box-shadow: var(--boxel-deep-box-shadow);
  }
  .card-error-detail[data-scopedcss-fb4dedc6fd-f522aa4ef1] .instance-chooser {
    border-radius: var(--boxel-border-radius);
  }
  .loading[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 100%;
    width: 100%;
  }
  .filedef-info-message[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    color: var(--boxel-450);
    font-weight: 500;
    padding: var(--boxel-sp-xl);
    margin-block: 0;
  }
  .filedef-info-message > span[data-scopedcss-fb4dedc6fd-f522aa4ef1] {
    max-width: 400px;
  }

  .playground-panel-content[data-scopedcss-fb4dedc6fd-f522aa4ef1]:has(.social-preview-container) {
    padding: 0;
  }

  .playground-panel[data-scopedcss-fb4dedc6fd-f522aa4ef1] .social-preview-container {
    border: 0;
    border-radius: unset;
  }

  .file-incompatible-message[data-scopedcss-dec38c0d5c-f589ca7b1f] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    background-color: var(--boxel-200);
    font: var(--boxel-font-sm);
    color: var(--boxel-450);
    font-weight: 500;
    padding: var(--boxel-sp-xl);
    margin-block: 0;
  }
  .file-incompatible-message > span[data-scopedcss-dec38c0d5c-f589ca7b1f] {
    max-width: 400px;
  }

  .realm-dropdown-trigger[data-scopedcss-64df3948f0-5eef795afe] {
    height: 37px;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    justify-items: flex-start;
    gap: var(--boxel-sp-xxs);
    padding: var(--boxel-sp-5xs) var(--boxel-sp-xxs);
    border-radius: var(--boxel-border-radius);
  }
  .realm-dropdown-trigger > *[data-scopedcss-64df3948f0-5eef795afe] {
    flex-shrink: 0;
  }
  .arrow-icon[data-scopedcss-64df3948f0-5eef795afe] {
    margin-left: auto;
  }
  .realm-dropdown-trigger[aria-expanded='true'] .arrow-icon[data-scopedcss-64df3948f0-5eef795afe] {
    transform: scaleY(-1);
  }
  .selected-item[data-scopedcss-64df3948f0-5eef795afe] {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .read-only-tag[data-scopedcss-64df3948f0-5eef795afe] {
    color: #777;
    font: 500 var(--boxel-font-xs);
    overflow: hidden;
    white-space: nowrap;
    margin-left: auto;
  }
  .realm-dropdown-menu[data-scopedcss-64df3948f0-5eef795afe] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs);
    --boxel-menu-item-gap: var(--boxel-sp-xs);
    min-width: 13rem;
    max-height: 13rem;
    overflow-y: scroll;
  }
  .realm-dropdown-menu[data-scopedcss-64df3948f0-5eef795afe] .menu-item__icon-url {
    border-radius: var(--boxel-border-radius-xs);
  }
  .realm-dropdown-menu[data-scopedcss-64df3948f0-5eef795afe] .menu-item .subtext {
    margin-left: auto;
    font: 500 var(--boxel-font-xs);
    color: var(--boxel-secondary-text-color, #777);
    text-align: right;
  }

  .create-file-modal[data-scopedcss-e11a71d5dd-641419143a] {
    --horizontal-gap: var(--boxel-sp-xs);
    --stack-card-footer-height: auto;
  }
  .create-file-modal[data-scopedcss-e11a71d5dd-641419143a] >  .boxel-modal__inner {
    display: flex;
  }
  .create-file-modal[data-scopedcss-e11a71d5dd-641419143a] .dialog-box__content {
    display: flex;
    flex-direction: column;
  }

  [data-scopedcss-e11a71d5dd-641419143a] .create-file {
    height: 32rem;
  }
  .field + .field[data-scopedcss-e11a71d5dd-641419143a] {
    margin-top: var(--boxel-sp-sm);
  }
  .field[data-scopedcss-e11a71d5dd-641419143a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xxxs) var(--horizontal-gap);
  }
  .field[data-scopedcss-e11a71d5dd-641419143a] .label-container {
    width: 8rem;
  }
  .field[data-scopedcss-e11a71d5dd-641419143a] .content {
    flex-grow: 1;
    max-width: 100%;
    min-width: 13rem;
  }
  .field .realm-dropdown[data-scopedcss-e11a71d5dd-641419143a] {
    flex: initial;
  }
  .field-contents[data-scopedcss-e11a71d5dd-641419143a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--horizontal-gap);
  }
  .footer-buttons[data-scopedcss-e11a71d5dd-641419143a] {
    display: flex;
    margin-left: auto;
    gap: var(--horizontal-gap);
  }
  .gts-extension[data-scopedcss-e11a71d5dd-641419143a] {
    --gts-label-width: var(--boxel-sp-xxl);
    position: relative;
  }
  .gts-extension input[data-scopedcss-e11a71d5dd-641419143a] {
    padding-right: var(--gts-label-width);
  }
  .gts-extension[data-scopedcss-e11a71d5dd-641419143a]:after {
    content: '.gts';
    width: var(--gts-label-width);
    position: absolute;
    display: block;
    right: 0;
    top: var(--boxel-sp-sm);
    color: var(--boxel-450);
    font: 500 var(--boxel-font-sm);
    text-transform: uppercase;
    letter-spacing: var(--boxel-lsp-lg);
  }
  .create-file-error-detail[data-scopedcss-e11a71d5dd-641419143a] {
    margin-top: var(--boxel-sp);
  }

  .selected-type[data-scopedcss-e11a71d5dd-1d9e11a259] {
    --pill-gap: var(--boxel-sp-xxs);
    --pill-padding: var(--boxel-sp-5xs) var(--boxel-sp-xxs);
    min-height: 2rem;
  }

  .edit-field-modal[data-scopedcss-bd103b2e1a-cb61a31044] {
    --horizontal-gap: var(--boxel-sp-xs);
  }
  .edit-field-modal[data-scopedcss-bd103b2e1a-cb61a31044] >  .boxel-modal__inner {
    display: flex;
  }
  [data-scopedcss-bd103b2e1a-cb61a31044] .edit-field {
    height: 32rem;
  }
  .field + .field[data-scopedcss-bd103b2e1a-cb61a31044] {
    margin-top: var(--boxel-sp-sm);
  }
  .field[data-scopedcss-bd103b2e1a-cb61a31044] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xxxs) var(--horizontal-gap);
  }
  .field[data-scopedcss-bd103b2e1a-cb61a31044] .label-container {
    width: 8rem;
  }
  .field[data-scopedcss-bd103b2e1a-cb61a31044] .content {
    flex-grow: 1;
    max-width: 100%;
    min-width: 13rem;
  }
  .card-chooser-area[data-scopedcss-bd103b2e1a-cb61a31044] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--horizontal-gap);
  }
  .footer-buttons[data-scopedcss-bd103b2e1a-cb61a31044] {
    display: flex;
    margin-left: auto;
    gap: var(--horizontal-gap);
    align-self: center;
  }
  fieldset.field[data-scopedcss-bd103b2e1a-cb61a31044] {
    border: none;
    padding: 0;
    margin-inline: 0;
  }

  .header[data-scopedcss-1fc1480aea-12ac950d4a] {
    font: 600 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-xs);
    text-align: center;
  }
  .content[data-scopedcss-1fc1480aea-12ac950d4a] {
    margin: 0;
    width: 100%;
    font: 500 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-xs);
    text-align: center;
  }
  .content + .content[data-scopedcss-1fc1480aea-12ac950d4a] {
    margin-top: var(--boxel-sp-xs);
  }
  .header + .content[data-scopedcss-1fc1480aea-12ac950d4a] {
    margin-top: var(--boxel-sp);
  }
  .disclaimer[data-scopedcss-1fc1480aea-12ac950d4a] {
    color: var(--boxel-danger);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
  }
  .delete[data-scopedcss-1fc1480aea-12ac950d4a] {
    padding: var(--boxel-sp-lg) var(--boxel-sp-lg) var(--boxel-sp);
    background-color: white;
    border-radius: var(--boxel-border-radius-xl);
    box-shadow: var(--boxel-deep-box-shadow);
  }
  .buttons[data-scopedcss-1fc1480aea-12ac950d4a] {
    margin-top: var(--boxel-sp-lg);
    display: flex;
    justify-content: center;
    width: 100%;
  }
  button[data-scopedcss-1fc1480aea-12ac950d4a]:first-child {
    margin-right: var(--boxel-sp-xs);
  }

  .context-menu {
    width: 13.5rem;
  }

  .context-menu-trigger[data-scopedcss-f49582b5bd-4d8e9045be] {
    margin-left: 2px;
  }

  .context-menu-list[data-scopedcss-f49582b5bd-4d8e9045be] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .warning-box[data-scopedcss-f49582b5bd-4d8e9045be] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--boxel-sp-xxxs);
    padding: var(--boxel-sp-sm);
    background-color: var(--boxel-warning-100);
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
  }

  .warning[data-scopedcss-f49582b5bd-4d8e9045be] {
    margin: 0;
  }

  .warning-icon[data-scopedcss-f49582b5bd-4d8e9045be] {
    flex-shrink: 0;
  }

  .schema-editor-container > * + *[data-scopedcss-e2a5cad313-202913a5dd] {
    margin-top: var(--boxel-sp-xs);
  }

  .schema-editor-container[data-scopedcss-e2a5cad313-202913a5dd]:first-child {
    margin-top: 0;
  }

  .schema[data-scopedcss-e2a5cad313-202913a5dd] {
    display: grid;
    gap: var(--boxel-sp);
    padding: var(--boxel-sp);
  }

  .card-field[data-scopedcss-e2a5cad313-202913a5dd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--boxel-sp-5xs);
    padding: var(--boxel-sp-xxs);
    border: 2px solid transparent;
    border-radius: var(--code-mode-container-border-radius);
    background-color: var(--boxel-light);
    overflow: hidden;
    cursor: pointer;
    width: 100%;
  }
  .card-field + .card-field[data-scopedcss-e2a5cad313-202913a5dd] {
    margin-top: var(--boxel-sp-xxs);
  }

  .card-field--with-context-menu-button[data-scopedcss-e2a5cad313-202913a5dd] {
    padding-right: 0;
  }

  .left[data-scopedcss-e2a5cad313-202913a5dd] {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
  .right[data-scopedcss-e2a5cad313-202913a5dd] {
    display: flex;
    align-items: center;
    max-width: 100%;
  }
  .right > *[data-scopedcss-e2a5cad313-202913a5dd] {
    flex-shrink: 0;
  }
  .right[data-scopedcss-e2a5cad313-202913a5dd] >  .trigger {
    max-width: 100%;
  }

  .computed-icon[data-scopedcss-e2a5cad313-202913a5dd] {
    display: inline-flex;
    font: 600 var(--boxel-font);
    line-height: 20px;
    padding: var(--boxel-sp-5xs) var(--boxel-sp-xxs);
    background-color: var(--boxel-200);
    border-top-left-radius: var(--boxel-border-radius-sm);
    border-bottom-left-radius: var(--boxel-border-radius-sm);
    margin-bottom: calc(var(--boxel-sp-5xs) * -2);
    transform: translate(
      calc(var(--boxel-sp-xxxs) * -1),
      calc(var(--boxel-sp-5xs) * -1)
    );
    height: 100%;
  }

  .query-icon[data-scopedcss-e2a5cad313-202913a5dd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 600 var(--boxel-font);
    line-height: 20px;
    padding: 0 var(--boxel-sp-xxs);
    background-color: var(--boxel-200);
    margin-right: var(--boxel-sp-5xs);
    border-radius: var(--boxel-border-radius-sm);
    height: 20px;
  }

  .linked-icon[data-scopedcss-e2a5cad313-202913a5dd] {
    align-self: center;
    margin-right: var(--boxel-sp-5xs);
  }

  .field-pill[data-scopedcss-e2a5cad313-202913a5dd] {
    --pill-gap: var(--boxel-sp-xxxs);
    --pill-icon-size: var(--code-mode-realm-icon-size);
    height: 1.625rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .field-pill > *[data-scopedcss-e2a5cad313-202913a5dd] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .realm-icon[data-scopedcss-e2a5cad313-202913a5dd] {
    --boxel-realm-icon-size: var(--code-mode-realm-icon-size);
    align-self: center;
  }

  .field-name[data-scopedcss-e2a5cad313-202913a5dd] {
    font: var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    background-color: transparent;
    padding: 0;
    text-align: left;
  }
  .field-name[data-scopedcss-e2a5cad313-202913a5dd]:hover {
    color: var(--boxel-highlight);
  }

  .overridden-field[data-scopedcss-e2a5cad313-202913a5dd] {
    text-decoration: line-through;
  }

  .overridden-field-link[data-scopedcss-e2a5cad313-202913a5dd] {
    --boxel-button-min-height: 1.5rem;
    --boxel-button-padding: var(--boxel-sp-4xs);
    --boxel-button-font: 600 var(--boxel-font-xs);
    justify-content: flex-start;
    gap: var(--boxel-sp-4xs);
    align-self: flex-start;
  }

  .jump-icon[data-scopedcss-e2a5cad313-202913a5dd] {
    flex-shrink: 0;
  }

  .field-types[data-scopedcss-e2a5cad313-202913a5dd] {
    color: var(--boxel-450);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
  }

  .header[data-scopedcss-e2a5cad313-202913a5dd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--boxel-sp-4xs);
  }

  .total-fields[data-scopedcss-e2a5cad313-202913a5dd] {
    color: var(--boxel-450);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xl);
    text-transform: uppercase;
  }

  .add-field-button[data-scopedcss-e2a5cad313-202913a5dd] {
    --boxel-button-padding: 0 var(--boxel-sp-4xs);
    gap: var(--boxel-sp-xxs);
  }

  .card-field--overriding[data-scopedcss-e2a5cad313-202913a5dd] {
    transition: border 1s;
  }

  .show-overriding-field-border[data-scopedcss-e2a5cad313-202913a5dd] {
    border: 2px solid var(--boxel-highlight);
  }

  @keyframes pulse-data-scopedcss-e2a5cad313-202913a5dd {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }

  .overriding-field .show-overriding-field-border[data-scopedcss-e2a5cad313-202913a5dd] {
    animation: pulse-data-scopedcss-e2a5cad313-202913a5dd 1s;
  }

  .base-container-header[data-scopedcss-ff762d2a8b-f9e1f1e0d2] {
    --boxel-header-min-height: 1.56rem;
    --boxel-header-padding: var(--boxel-sp-5xs) var(--boxel-sp-xs);
    --boxel-header-background-color: var(--boxel-300);
    --boxel-header-text-color: var(--boxel-dark);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xl);
    text-transform: uppercase;
    height: var(
      --base-container-header-height,
      var(--boxel-header-min-height)
    );
  }
  .base-container-header.active[data-scopedcss-ff762d2a8b-f9e1f1e0d2] {
    --boxel-header-background-color: var(--boxel-highlight);
    --boxel-header-text-color: var(--boxel-dark);
  }

  .base-container[data-scopedcss-ff762d2a8b-81aaeccad3] {
    border-radius: var(--code-mode-container-border-radius);
    overflow: hidden;
    overflow-wrap: break-word;
  }
  .base-container.active[data-scopedcss-ff762d2a8b-81aaeccad3] {
    border: 1px solid var(--boxel-400);
    box-shadow: var(--code-mode-active-box-shadow);
  }

  .content[data-scopedcss-ff762d2a8b-d3ad60780d] {
    display: flex;
    flex-direction: column;
    padding: var(--boxel-sp-xs);
    gap: var(--boxel-sp-xs);
  }
  .realm-info[data-scopedcss-ff762d2a8b-d3ad60780d] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
  }
  .realm-info-icon[data-scopedcss-ff762d2a8b-d3ad60780d] {
    --boxel-realm-icon-size: var(--code-mode-realm-icon-size);
  }
  .realm-name[data-scopedcss-ff762d2a8b-d3ad60780d] {
    --boxel-label-font-weight: 400;
  }
  .definition-info[data-scopedcss-ff762d2a8b-d3ad60780d] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-5xs);
  }
  .definition-name[data-scopedcss-ff762d2a8b-d3ad60780d] {
    font: 600 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
  }

  .action-buttons[data-scopedcss-ff762d2a8b-47f3126497] {
    display: grid;
    grid-auto-columns: max-content;
    gap: var(--boxel-sp-5xs);
  }
  .action-button[data-scopedcss-ff762d2a8b-47f3126497] {
    --boxel-button-min-height: 1.5rem;
    --boxel-button-padding: 0 var(--boxel-sp-5xs);
    --boxel-button-font: 600 var(--boxel-font-xs);
    justify-content: flex-start;
    gap: var(--boxel-sp-xxxs);
    align-self: flex-start;
    text-transform: capitalize;
  }
  .info-footer[data-scopedcss-ff762d2a8b-47f3126497] {
    color: var(--boxel-450);
    font: var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
  }

  .clickable-button[data-scopedcss-3af5658a70-840b2db215] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: var(--boxel-border-radius);
    text-align: inherit;
  }

  .clickable-button[data-scopedcss-3af5658a70-840b2db215]:hover {
    outline: 2px solid var(--boxel-highlight);
  }

  .divider-group[data-scopedcss-0b93bb30c8-8d3c4d9fdf] {
    position: relative;
    padding: var(--boxel-sp) 0;
  }
  .divider[data-scopedcss-0b93bb30c8-8d3c4d9fdf] {
    width: 100%;
    margin: 0;
    border: 1px solid var(--divider-border-color, #707070);
  }
  .divider-label[data-scopedcss-0b93bb30c8-8d3c4d9fdf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    padding: 0 var(--boxel-sp-xxxs);
    background-color: var(--boxel-200);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--divider-content-lsp, var(--boxel-lsp-xs));
    text-wrap: nowrap;
    /* InheritIcon's fill is var(--icon-color, #000). Without this override
       the icon inherits --icon-color from the operator-mode container,
       which resolves to near-white and vanishes on the light divider
       background. Pinning it here makes the icon deterministic. */
    --icon-color: var(--boxel-dark);
  }

  .loading[data-scopedcss-4c61a06534-2266823aa6] {
    display: flex;
    justify-content: center;
    margin: 30vh auto;
  }

  .file-incompatible-message[data-scopedcss-b1fce406df-f589ca7b1f] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    background-color: var(--boxel-200);
    font: var(--boxel-font-sm);
    color: var(--boxel-450);
    font-weight: 500;
    padding: var(--boxel-sp-xl);
    margin-block: 0;
  }
  .file-incompatible-message > span[data-scopedcss-b1fce406df-f589ca7b1f] {
    max-width: 400px;
  }

  .syntax-error[data-scopedcss-b1fce406df-2d757f67a9],
  .total-fields[data-scopedcss-b1fce406df-2d757f67a9] {
    color: var(--boxel-450);
    font: 500 var(--boxel-font-xs);
  }

  .total-fields[data-scopedcss-b1fce406df-2d757f67a9] {
    margin-right: var(--boxel-sp-xxxs);
  }

  .loading-icon[data-scopedcss-b1fce406df-2d757f67a9] {
    display: inline-block;
    margin-right: var(--boxel-sp-xxxs);
    vertical-align: middle;
  }

  .container[data-scopedcss-72a0e10aae-3a58ace332] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto;
    width: 100%;
  }
  .spec-preview[data-scopedcss-72a0e10aae-3a58ace332] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-sm);
    width: 100%;
    padding: var(--boxel-sp-sm);
  }
  .spec-intent-message[data-scopedcss-72a0e10aae-3a58ace332],
  .cannot-write[data-scopedcss-72a0e10aae-3a58ace332] {
    background-color: var(--boxel-200);
    color: var(--boxel-450);
    font-weight: 500;
    height: 100%;
    width: 100%;
    align-content: center;
    text-align: center;
  }
  .spec-preview-overlay[data-scopedcss-72a0e10aae-3a58ace332] {
    pointer-events: none;
    border-radius: var(--boxel-border-radius);
    box-shadow: 0 0 0 1px var(--boxel-dark);
  }
  .spec-selector-container[data-scopedcss-72a0e10aae-3a58ace332] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-sm);
  }
  .spec-selector[data-scopedcss-72a0e10aae-3a58ace332] {
    min-width: 50%;
    align-self: flex-start;
  }
  .spec-selector-item[data-scopedcss-72a0e10aae-3a58ace332] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
  }
  .view-instance-btn-text[data-scopedcss-72a0e10aae-3a58ace332] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }

  .loading[data-scopedcss-72a0e10aae-2266823aa6] {
    display: flex;
    justify-content: center;
    margin: 30vh auto;
  }

  .spec-indicator[data-scopedcss-77fab06035-0a9f2b8d85] {
    display: flex;
  }

  .create-spec-button[data-scopedcss-77fab06035-0a9f2b8d85] {
    --boxel-button-min-height: auto;
    --boxel-button-min-width: auto;
    padding: 4px;
    border: none;
    border-radius: var(--boxel-border-radius-xs);
  }

  .create-spec-button[data-scopedcss-77fab06035-0a9f2b8d85] .boxel-loading-indicator {
    --loading-indicator-size: 12px;
    margin-right: 0;
  }

  .boxel-button:not(.active) .spec-checkmark[data-scopedcss-77fab06035-0a9f2b8d85] {
    color: var(--boxel-400);
  }

  .spec-checkmark[data-scopedcss-77fab06035-0a9f2b8d85] {
    stroke: currentColor;
    width: var(--boxel-sp);
  }

  .toggle-button[data-scopedcss-9efda9e5d2-40361b20a5] {
    --boxel-button-font: 600 var(--boxel-font-xs);
    --boxel-button-letter-spacing: var(--boxel-lsp-xs);
    --boxel-button-min-width: 6rem;
    --boxel-button-padding: 0;
    border-radius: var(--boxel-border-radius-sm);
    flex: 1;
    justify-content: space-between;
    white-space: nowrap;
  }

  .toggle-button.active[data-scopedcss-9efda9e5d2-40361b20a5] {
    --boxel-button-text-color: var(--boxel-highlight);
  }

  .content[data-scopedcss-9efda9e5d2-40361b20a5] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    margin: -2px 0;
  }

  .icon[data-scopedcss-9efda9e5d2-40361b20a5] {
    transform: scale(0.75);
    margin: 2px -6px 0 4px;
    flex-shrink: 0;
  }

  .metadata-panel[data-scopedcss-922e6bc53d-e7d1bd3f66] {
    padding: var(--boxel-sp-lg);
    max-width: 100%;
  }

  .metadata-panel__loading[data-scopedcss-922e6bc53d-e7d1bd3f66],
  .metadata-panel__error[data-scopedcss-922e6bc53d-e7d1bd3f66] {
    color: var(--boxel-450);
    font: var(--boxel-font-sm);
    text-align: center;
    padding: var(--boxel-sp-lg);
  }

  .metadata-panel__error[data-scopedcss-922e6bc53d-e7d1bd3f66] {
    color: var(--boxel-error-100);
  }

  .metadata-panel__content[data-scopedcss-922e6bc53d-e7d1bd3f66] {
    font-family: var(--boxel-monospace-font-family, monospace);
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-size: var(--boxel-font-sm);
    line-height: 1.5;
    background-color: var(--boxel-dark);
    color: var(--boxel-light);
    border-radius: var(--boxel-border-radius-xl);
    padding: var(--boxel-sp-lg);
  }

  .metadata-panel__content[data-scopedcss-922e6bc53d-e7d1bd3f66] .json-key {
    color: #9cdcfe;
  }

  .metadata-panel__content[data-scopedcss-922e6bc53d-e7d1bd3f66] .json-string {
    color: #ce9178;
  }

  .metadata-panel__content[data-scopedcss-922e6bc53d-e7d1bd3f66] .json-number {
    color: #b5cea8;
  }

  .metadata-panel__content[data-scopedcss-922e6bc53d-e7d1bd3f66] .json-boolean {
    color: #569cd6;
  }

  .metadata-panel__content[data-scopedcss-922e6bc53d-e7d1bd3f66] .json-null {
    color: #569cd6;
  }

  .card-renderer-header[data-scopedcss-dd9081b445-5b554c70b4] {
    min-height: max-content;
  }
  .card-renderer-header[data-scopedcss-dd9081b445-5b554c70b4]:not(.is-editing) {
    background-color: var(--boxel-100);
  }
  .preview-buttons[data-scopedcss-dd9081b445-5b554c70b4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--boxel-sp-xs) 0;
    background-color: #75707e;
  }
  .preview-text[data-scopedcss-dd9081b445-5b554c70b4] {
    color: var(--boxel-light);
    font: 600 var(--boxel-font-sm);
    letter-spacing: 0.13px;
  }
  .button-icon[data-scopedcss-dd9081b445-5b554c70b4] {
    width: 16px;
    height: 16px;
    margin-right: var(--boxel-sp-xxs);
    --icon-color: var(--boxel-teal);
  }
  .preview-buttons[data-scopedcss-dd9081b445-5b554c70b4] .boxel-button {
    color: var(--boxel-light);
    font: 500 var(--boxel-font-xs);
    letter-spacing: 0.17px;
    border: none;
    min-height: 19px;
    min-width: fit-content;
    padding: 0 var(--boxel-sp-xs);
  }
  .card-renderer-body[data-scopedcss-dd9081b445-5b554c70b4] {
    flex-grow: 1;
    overflow-y: auto;
    z-index: 0;
  }
  .card-renderer-content[data-scopedcss-dd9081b445-5b554c70b4] {
    height: auto;
  }
  .card-renderer-content[data-scopedcss-dd9081b445-5b554c70b4] >  .boxel-card-container.boundaries {
    overflow: hidden;
  }
  .card-renderer-format-chooser[data-scopedcss-dd9081b445-5b554c70b4] {
    background-color: var(--boxel-dark);
    right: 50%;
    transform: translateX(50%);
    position: absolute;
    bottom: var(--boxel-sp-sm);
    width: 460px;
    border-radius: var(--boxel-border-radius);
  }
  [data-scopedcss-dd9081b445-5b554c70b4] .fitted-format-gallery {
    padding: var(--boxel-sp-sm);
  }
  .preview[data-scopedcss-dd9081b445-5b554c70b4] {
    box-shadow: none;
    border-radius: 0;
  }
  [data-scopedcss-dd9081b445-5b554c70b4] .format-chooser {
    --boxel-format-chooser-border-color: var(--boxel-400);
    margin: 0;
    width: 100%;
    box-shadow: none;
    border-radius: var(--boxel-border-radius);
  }

  .syntax-error-container[data-scopedcss-48078ee4e7-f96d495f5c] {
    background: var(--boxel-100);
    padding: var(--boxel-sp);
    border-radius: var(--boxel-radius);
    height: 100%;
  }

  .module-inspector-header[data-scopedcss-c0f37ed07b-360dd37457] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    padding: var(--boxel-sp-xs);
    border-bottom: var(--boxel-border);
    background-color: transparent;
  }

  .module-inspector-content[data-scopedcss-c0f37ed07b-360dd37457] {
    overflow: auto;
    height: 100%;
    background-color: var(--boxel-light);
  }

  .module-inspector-content.error[data-scopedcss-c0f37ed07b-360dd37457] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--boxel-dark);
  }

  .module-inspector-content.error[data-scopedcss-c0f37ed07b-360dd37457] .error-header {
    width: 100%;
  }

  .toggle-button[data-scopedcss-c0f37ed07b-360dd37457] {
    padding-right: var(--boxel-sp-xxxs);
  }

  .file-incompatible-message[data-scopedcss-c0f37ed07b-360dd37457] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    background-color: var(--boxel-200);
    font: var(--boxel-font-sm);
    color: var(--boxel-450);
    font-weight: 500;
    padding: var(--boxel-sp-xl);
    margin-block: 0;
  }

  .file-incompatible-message > span[data-scopedcss-c0f37ed07b-360dd37457] {
    max-width: 400px;
  }

  .empty-file-message[data-scopedcss-c0f37ed07b-360dd37457] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--boxel-200);
    font: var(--boxel-font-sm);
    color: var(--boxel-450);
    font-weight: 500;
    text-align: center;
    padding: var(--boxel-sp-xl);
  }

  .file-loading[data-scopedcss-c0f37ed07b-360dd37457] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--boxel-200);
  }

  .non-preview-panel-content[data-scopedcss-c0f37ed07b-360dd37457] {
    padding: var(--boxel-sp-xs);
    background-color: var(--code-mode-panel-background-color);
    min-height: 100%;
  }

  .preview-error-container[data-scopedcss-c0f37ed07b-360dd37457] {
    background: var(--boxel-100);
    padding: var(--boxel-sp);
    border-radius: var(--boxel-radius);
    height: 100%;
  }

  .preview-error-box[data-scopedcss-c0f37ed07b-360dd37457] {
    border-radius: var(--boxel-border-radius);
    padding: var(--boxel-sp);
    background: var(--boxel-200);
  }

  .preview-error-text[data-scopedcss-c0f37ed07b-360dd37457] {
    color: red;
    font-weight: 600;
  }

  hr.preview-error[data-scopedcss-c0f37ed07b-360dd37457] {
    width: calc(100% + var(--boxel-sp) * 2);
    margin-left: calc(var(--boxel-sp) * -1);
    margin-top: calc(var(--boxel-sp-sm) + 1px);
  }

  pre.preview-error[data-scopedcss-c0f37ed07b-360dd37457] {
    white-space: pre-wrap;
    text-align: left;
  }

  .level[data-scopedcss-8d38975e86-294a0627c7] {
    --icon-length: 14px;
    --icon-margin: 4px;

    padding-left: 0em;
  }

  .level .level[data-scopedcss-8d38975e86-294a0627c7] {
    padding-left: 1em;
  }

  .file-row[data-scopedcss-8d38975e86-294a0627c7] {
    display: flex;
    align-items: center;
    border-radius: var(--boxel-border-radius-xs);
  }

  .file-row[data-scopedcss-8d38975e86-294a0627c7]:hover,
  .file-row[data-scopedcss-8d38975e86-294a0627c7]:focus-within {
    background-color: var(--boxel-200);
  }

  .file-row.selected[data-scopedcss-8d38975e86-294a0627c7] {
    color: var(--boxel-dark);
    background-color: var(--boxel-highlight);
  }

  .file-row .file[data-scopedcss-8d38975e86-294a0627c7] {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: 0;
    padding: var(--boxel-sp-xxxs);
    padding-left: calc(var(--icon-length) + var(--icon-margin));
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    border-radius: var(--boxel-border-radius-xs);
  }

  .file-menu-trigger[data-scopedcss-8d38975e86-294a0627c7] {
    flex-shrink: 0;
    visibility: hidden;
    margin-right: var(--boxel-sp-xxxs);
  }

  .file-row:hover .file-menu-trigger[data-scopedcss-8d38975e86-294a0627c7],
  .file-row:focus-within .file-menu-trigger[data-scopedcss-8d38975e86-294a0627c7] {
    visibility: visible;
  }

  .file-tree-context-menu[data-scopedcss-8d38975e86-294a0627c7] {
    z-index: var(--boxel-layer-floating-button);
  }

  .directory[data-scopedcss-8d38975e86-294a0627c7] {
    border-radius: var(--boxel-border-radius-xs);
    background: transparent;
    border: 0;
    padding: var(--boxel-sp-xxxs);
    width: 100%;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
  }

  .directory[data-scopedcss-8d38975e86-294a0627c7]:hover {
    background-color: var(--boxel-200);
  }

  .directory[data-scopedcss-8d38975e86-294a0627c7] .icon {
    width: var(--icon-length);
    height: var(--icon-length);
    margin-bottom: -2px;
    padding: 0 2px;
  }

  .directory[data-scopedcss-8d38975e86-294a0627c7] .icon.closed {
    transform: rotate(-90deg);
  }

  .mask[data-scopedcss-c76bf3c38b-f69b824217] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    height: 100%;
    width: 100%;
  }
  nav[data-scopedcss-c76bf3c38b-f69b824217] {
    position: relative;
  }

  :root {
    --card-url-bar-width: 100%;
    --card-url-bar-height: var(--boxel-form-control-height);
  }
  .card-url-bar[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    position: relative;
    display: flex;
    align-items: center;

    background-color: var(--boxel-dark);
    border-radius: var(--boxel-border-radius);
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);

    width: var(--card-url-bar-width);
    height: var(--card-url-bar-height);
  }
  .focused[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    outline: 2px solid var(--boxel-highlight);
  }
  .error[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    outline: 2px solid var(--boxel-error-200);
  }
  .realm-info[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxs);

    width: max-content;
    color: var(--boxel-light);
    border-right: 2px solid var(--boxel-purple-300);
    padding-right: var(--boxel-sp-xs);
    margin-right: var(--boxel-sp-xs);

    white-space: nowrap;
  }
  .url-realm-icon[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    --boxel-realm-icon-background-color: currentColor;
    --boxel-realm-icon-border-color: currentColor;
  }
  .input[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    width: 100%;

    --icon-color: var(--boxel-highlight);
  }
  .error .input[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    --icon-color: var(--boxel-error-200);
  }
  .url-input[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    padding: 0;
    min-height: 0;
    text-overflow: ellipsis;

    color: var(--boxel-light);
  }
  .error-message[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    position: absolute;
    display: flex;
    overflow: hidden;
    align-items: center;
    top: var(--submode-switcher-height);
    left: 0;
    background-color: var(--boxel-light);
    width: 100%;
    height: var(--submode-switcher-height);
    border-radius: var(--boxel-border-radius);
    box-shadow: var(--boxel-deep-box-shadow);
    font: var(--boxel-font-sm);
    font-weight: 500;
    z-index: 1;
  }
  .warning[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--boxel-yellow);
    width: 40px;
    height: 100%;
  }
  .message[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    margin-left: var(--boxel-sp);
  }

  .dismiss[data-scopedcss-46f11e8e64-8f91d8cc2e] {
    position: absolute;
    right: 0;
    margin-right: var(--boxel-sp-xxs);
    font-weight: 600;
    color: var(--boxel-highlight);
    border: none;
    background-color: transparent;
  }

  .binary-info[data-scopedcss-e7789e8098-009e165232] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    height: 100%;
  }
  .file-name[data-scopedcss-e7789e8098-009e165232] {
    margin-top: var(--boxel-sp);
    font: var(--boxel-font-md);
    font-weight: 600;
    width: 100%;
  }
  .info[data-scopedcss-e7789e8098-009e165232] {
    font: var(--boxel-font-sm);
    color: var(--boxel-450);
    font-weight: 500;
    width: 100%;
  }
  .size[data-scopedcss-e7789e8098-009e165232] {
    margin-top: var(--boxel-sp-xxs);
    text-transform: uppercase;
  }
  .file-icon[data-scopedcss-e7789e8098-009e165232] {
    width: 100%;
  }

  .monaco-wrapper[data-scopedcss-385f2efcbd-bd378ca535] {
    position: relative;
    height: 100%;
  }

  .formatting-status[data-scopedcss-385f2efcbd-bd378ca535],
  .formatting-error[data-scopedcss-385f2efcbd-bd378ca535] {
    position: absolute;
    top: var(--boxel-sp-xs);
    left: var(--boxel-sp-xs);
    z-index: 1;
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    border-radius: var(--boxel-border-radius-sm);
    font: 600 var(--boxel-font-sm);
  }

  .formatting-status[data-scopedcss-385f2efcbd-bd378ca535] {
    background: rgba(49, 132, 255, 0.9);
    color: white;
  }

  .formatting-error[data-scopedcss-385f2efcbd-bd378ca535] {
    top: calc(var(--boxel-sp-xs) + var(--boxel-sp-sm));
    background: rgba(220, 53, 69, 0.9);
    color: white;
    max-width: 60ch;
  }

  .monaco-container[data-scopedcss-385f2efcbd-bd378ca535] {
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    padding-top: var(--boxel-sp-xxs);
    background-color: var(--monaco-background);
    font-family: var(--boxel-monospace-font-family);
    font-size: var(--boxel-caption-font-size);
    font-weight: 500;
  }
  .monaco-container[data-scopedcss-385f2efcbd-bd378ca535]:not(.readonly) {
    filter: contrast(1.05) brightness(1.05);
  }
  .monaco-container.readonly[data-scopedcss-385f2efcbd-bd378ca535] {
    --monaco-background: var(--monaco-readonly-background);
    filter: contrast(1.1) saturate(1.1);
  }
  .monaco-container[data-scopedcss-385f2efcbd-bd378ca535] .monaco-editor {
    --vscode-editor-background: var(--monaco-background);
    --vscode-editor-selectionBackground: var(--monaco-selection-background);
    --vscode-editor-inactiveSelectionBackground: var(
      --monaco-inactive-selection-background
    );

    --vscode-editorStickyScroll-background: var(--monaco-background);
    --vscode-editorGutter-background: var(--monaco-background);
    --vscode-editorStickyScroll-shadow: rgba(0 0 0 / 40%);
    --vscode-scrollbar-shadow: rgba(0 0 0 / 20%);
  }
  .monaco-container[data-scopedcss-385f2efcbd-bd378ca535] .monaco-editor .sticky-widget {
    box-shadow: 0 1px 15px -2px var(--vscode-editorStickyScroll-shadow);
  }
  .monaco-container.readonly[data-scopedcss-385f2efcbd-bd378ca535]
    .monaco-editor .view-overlays .current-line-exact {
    border-color: #454545;
  }
  .loading[data-scopedcss-385f2efcbd-bd378ca535] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .inner-container__content[data-scopedcss-08aa8a7ff0-f4c6fba395] {
    position: relative;
    padding: var(--boxel-sp-xs) var(--boxel-sp-xs) var(--boxel-sp-sm);
    overflow-y: auto;
    height: 100%;
    background-color: var(--boxel-200);
  }
  .inner-container__header + .inner-container__content[data-scopedcss-08aa8a7ff0-f4c6fba395] {
    padding-top: 0;
  }
  .inner-container__content[data-scopedcss-08aa8a7ff0-f4c6fba395] >  * + * {
    padding-top: var(--boxel-sp-sm);
  }
  .mask[data-scopedcss-08aa8a7ff0-f4c6fba395] {
    scrollbar-color: white white;
  }
  .mask[data-scopedcss-08aa8a7ff0-f4c6fba395]::-webkit-scrollbar {
    height: 10px;
    width: 12px;
  }
  .mask[data-scopedcss-08aa8a7ff0-f4c6fba395]::-webkit-scrollbar-thumb {
    background: white;
  }
  .mask[data-scopedcss-08aa8a7ff0-f4c6fba395]::-webkit-scrollbar-track {
    background: white;
  }

  .inner-container__header[data-scopedcss-08aa8a7ff0-0fd23f12e0] {
    padding: var(--boxel-sp-sm) var(--boxel-sp-xs);
    font: 600 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
  }

  .inner-container[data-scopedcss-08aa8a7ff0-12713534f6] {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--boxel-200);
    overflow: hidden;
  }

  .section-header[data-scopedcss-08aa8a7ff0-0758aa4e33] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--boxel-sp-5xs);
    font: 600 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
  }

  .panel-section[data-scopedcss-08aa8a7ff0-2dedaf04b1] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
  }

  .left-panel[data-scopedcss-e50aa4c103-87395bbeb3] {
    background-color: transparent;
  }
  .left-panel-header[data-scopedcss-e50aa4c103-87395bbeb3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    padding: var(--boxel-sp-xs);
    border-bottom: var(--boxel-border);
  }
  .file-browser .content[data-scopedcss-e50aa4c103-87395bbeb3] {
    background-color: var(--boxel-light);
  }
  [data-scopedcss-e50aa4c103-87395bbeb3] .realm-dropdown-trigger {
    background-color: #e9e9ec;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--boxel-400);
    padding: var(--boxel-sp-xs);
    padding-bottom: var(--boxel-sp);
    height: fit-content;
  }

  .realm-download[data-scopedcss-e50aa4c103-87395bbeb3] {
    border-bottom: var(--boxel-border);
    background-color: var(--boxel-light-100);
    padding: var(--boxel-sp-xxs);
  }

  .realm-download-button[data-scopedcss-e50aa4c103-87395bbeb3] {
    --boxel-button-min-height: 1.5rem;
    --boxel-button-padding: var(--boxel-sp-5xs) var(--boxel-sp-5xs)
      var(--boxel-sp-5xs) var(--boxel-sp-xxxs);
    --boxel-button-font: 600 var(--boxel-font-xs);

    justify-content: flex-start;
    gap: var(--boxel-sp-xxxs);
    align-self: flex-start;

    border: 0;
    background: transparent;
    border-radius: var(--boxel-radius);
    cursor: pointer;
    font: inherit;
    width: 100%;
  }

  .realm-download-button[data-scopedcss-e50aa4c103-87395bbeb3] svg {
    margin-bottom: var(--boxel-sp-6xs);
  }

  .realm-download-button[data-scopedcss-e50aa4c103-87395bbeb3]:hover {
    background-color: var(--boxel-light-200);
  }

  .content[data-scopedcss-9e06465ac3-e6cf0aba53] {
    width: 100%;
    margin: 0;
    font: 500 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-xs);
    line-height: 1.4;
    text-align: center;
    white-space: normal;
  }
  .content + .content[data-scopedcss-9e06465ac3-e6cf0aba53] {
    margin-top: var(--boxel-sp-xs);
  }
  .disclaimer[data-scopedcss-9e06465ac3-e6cf0aba53] {
    color: var(--boxel-danger);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
  }
  .delete[data-scopedcss-9e06465ac3-e6cf0aba53] {
    padding: var(--boxel-sp-lg) var(--boxel-sp-lg) var(--boxel-sp);
    background-color: var(--boxel-light);
    border-radius: var(--boxel-border-radius-xl);
    box-shadow: var(--boxel-deep-box-shadow);
  }
  .buttons[data-scopedcss-9e06465ac3-e6cf0aba53] {
    margin-top: var(--boxel-sp-lg);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  button[data-scopedcss-9e06465ac3-e6cf0aba53]:first-child {
    margin-right: var(--boxel-sp-xs);
  }
  .error[data-scopedcss-9e06465ac3-e6cf0aba53] {
    flex-grow: 1;
    color: var(--boxel-danger);
    font: 500 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-xs);
    margin-top: var(--boxel-sp);
    margin-bottom: 0;
  }

  @layer {
    .boxel-selector[data-scopedcss-dacec3e73e-44556c0235] {
      --boxel-selector-border-radius: var(--boxel-border-radius-sm);
      --boxel-selector-color: var(--boxel-light);
      --boxel-selector-current-color: var(--boxel-100);
      --boxel-selector-selected-color: var(--boxel-highlight);
      --boxel-selector-disabled-color: var(--boxel-highlight);
      --boxel-selector-font: var(--boxel-font-xs);
      --boxel-selector-item-gap: var(--boxel-sp-5xs) var(--boxel-sp-4xs);
      --boxel-selector-item-content-padding: var(--boxel-sp-xs);
      --boxel-selector-item-type-color: var(--boxel-450);
      --boxel-selector-selected-background-color: var(--boxel-highlight);
      --boxel-selector-selected-font-color: var(--boxel-dark);
      --boxel-selector-selected-hover-font-color: var(--boxel-dark);
      --boxel-selector-selected-hover-background-color: var(
        --boxel-highlight-hover
      );
      list-style-type: none;
      margin: 0;
      padding: 0;
      background-color: var(--boxel-selector-color);
      border-radius: var(--boxel-selector-border-radius);
    }

    .boxel-selector__item[data-scopedcss-dacec3e73e-44556c0235] {
      font: var(--boxel-selector-font);
      letter-spacing: var(--boxel-lsp-sm);
      border-radius: inherit;
    }

    .boxel-selector__item[data-scopedcss-dacec3e73e-44556c0235]:hover {
      background-color: var(--boxel-selector-current-color);
      cursor: pointer;
    }

    .boxel-selector__item > .boxel-selector__item__content[data-scopedcss-dacec3e73e-44556c0235] {
      width: 100%;
      padding: var(--boxel-selector-item-content-padding);
    }

    .boxel-selector__item--disabled .boxel-selector__item__content[data-scopedcss-dacec3e73e-44556c0235] {
      pointer-events: none;
    }

    .boxel-selector__item > .boxel-selector__item__content[data-scopedcss-dacec3e73e-44556c0235]:hover {
      color: inherit;
    }

    .boxel-selector__item__content[data-scopedcss-dacec3e73e-44556c0235]:focus-visible {
      outline: var(--boxel-outline);
    }

    .boxel-selector__item--selected[data-scopedcss-dacec3e73e-44556c0235] {
      --boxel-selector-item-type-color: currentColor;
      background-color: var(--boxel-selector-selected-background-color);
      color: var(--boxel-selector-selected-font-color);
    }

    .boxel-selector__item--selected[data-scopedcss-dacec3e73e-44556c0235]:hover {
      background-color: var(
        --boxel-selector-selected-hover-background-color
      );
    }

    .boxel-selector__item--dangerous[data-scopedcss-dacec3e73e-44556c0235] {
      color: var(--boxel-danger);
      fill: var(--boxel-danger);
    }

    .boxel-selector__item--disabled[data-scopedcss-dacec3e73e-44556c0235],
    .boxel-selector__item--disabled.boxel-selector__item[data-scopedcss-dacec3e73e-44556c0235]:hover {
      background-color: initial;
      opacity: 0.4;
    }

    .selector-item[data-scopedcss-dacec3e73e-44556c0235] {
      --icon-color: var(--boxel-dark);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: var(--boxel-selector-item-gap);
    }

    .ellipsis[data-scopedcss-dacec3e73e-44556c0235] {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .exported-item[data-scopedcss-dacec3e73e-44556c0235] {
      flex-grow: 1;
    }

    .exported-item strong[data-scopedcss-dacec3e73e-44556c0235] {
      font-weight: 600;
    }

    .exported-arrow[data-scopedcss-dacec3e73e-44556c0235] {
      margin-right: var(--boxel-sp-4xs);
    }

    .non-exported[data-scopedcss-dacec3e73e-44556c0235] {
      padding-left: calc(var(--boxel-selector-item-gap) + 20px);
    }

    .type[data-scopedcss-dacec3e73e-44556c0235] {
      color: var(--boxel-selector-item-type-color);
      text-transform: uppercase;
    }
  }

  .number-items[data-scopedcss-81b27ee705-1d84ad472b] {
    color: var(--boxel-450);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xl);
    text-transform: uppercase;
  }
  .selected[data-scopedcss-81b27ee705-1d84ad472b] {
    outline: 2px solid var(--boxel-highlight);
  }
  .in-this-file-menu[data-scopedcss-81b27ee705-1d84ad472b] {
    padding: var(--boxel-sp-xs);
  }
  .loading[data-scopedcss-81b27ee705-1d84ad472b] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .delete-module-button[data-scopedcss-81b27ee705-1d84ad472b]:focus:focus-visible:not(:disabled) {
    outline: 2px solid var(--boxel-danger);
    outline-offset: 0;
  }

  .ai-assistant-button[data-scopedcss-1edbef53c6-269f23f394] {
    width: var(--container-button-size);
    height: var(--container-button-size);
    border-radius: var(--boxel-border-radius);
    background-color: var(--boxel-dark);
    border: var(--boxel-border-flexible);
    background-image: image-set(url('data:image/webp;base64,UklGRgYCAABXRUJQVlA4WAoAAAAQAAAAGQAAGQAAQUxQSMUAAAABgFXbVt1qS0ACEnBQHBQHxUFxUCRcB40TcNA4AAeJg/2xeVwJETEBGHuSrJUkPTbDStjJ8ndI3mmSkvw2ItVaYVxyl3Sgy+UWXhfVA0F4veTx/DQOKwBUIX+f54PzbsT0wXp3GLq+VQ2mpq51j2XfB7UeyWLbpqPWUr7v/3h/S6E2vxYal4uZmcLd5kaucb8ZMY1zH/I5YJHC4ZmDB4B4Cz0QqHfE3N3SgCa3w2oUWkuNWO+SkpzYzHIckneC1Cphx6/4CQBWUDggGgEAANAIAJ0BKhoAGgA+bTCTRyQjIaEoCqiADYlsAJ0y43mfjXDn75NhnMfImEA54jcQPZr58v2MfJAAbPO7yGJmutiLvayjgnMJdH1F2DmS5YAA/sNd5nCfj0nyEoYDCcd/a+s8rM6SzWFYyWRtmknvHddHhrszX/vEF+DSzHS12Ipf4rsqCDi4/Y8hXXNZIh9h1RGCFdzS01aOcoZrbEMhfDAVbYP4DMUiZ2Z33RnvHaDXvQEFvTfUf7h9cMs7+frGUnfFJhxEMu7Gpnx9pu0g4H6//JvvL/lO6yxZ+Ss7ZI09hg86DATL93vF6Qr45v+G511//3aKOEPl+ed21HH7yY5JH/bvJ/ztHqofit+OQBz8BEv/48NeW8AAAA==') 1x, url('data:image/webp;base64,UklGRoYDAABXRUJQVlA4WAoAAAAQAAAAMwAAMwAAQUxQSHIBAAABgJZtb9YqEioBCThYnRwcUAetg+EAHAwHw0HrAByAg+zzbRJ2/kcEA7dt48i9d2/JkjdQTYm/leAtUE0/wSxj1rLIWLSsgC4AViUtA7xH99DoCAjnEMFqXogKmlr1A9Fg07kd0RJ5xO7kNTNgo5c2dB/ZSevIiPRpjEijU4/5cB+3crBy2O8MCeBbwAP6mgn1K2MV+lJhrLVvP4jxdl+5pqPF9lhbuN9iZJE6bClWmghqsquVYlXNyyGy6KCltEJvLharosVDypYcKeTSJjn30JJafvg+dXqp846M5Hz33hZf+rvYceljBDabr95gcs0sMPuo2yVCBxJ6psyrFcpSW8qsVC9aZb3GOiOzRRFU+zKylYLa/1KaF4HZa/5d2zKnzxDdhNpC/ibXVkKj8swgWjs6iVUWyO7q8YmLMFBMutgyiQNS4VpEXdXjevzxlVh5uDNickcabejE+MzbOTnGWbmM0bQLaH5ObvYTOeC/yU8JVlA4IO4BAABQDQCdASo0ADQAPm0skkakIj+hMBIMA/ANiWwAuRfov4fAeaLWeyFGPhU7ernd/RzvIm8wgb58DypeQ+Xe6C73cPt4lM/nKeQIJaIh+0w5W06DfzKUkLwzzvI0Z1mZEQoj3f1onuOrUcKFF6G4HDt8nUWAAP7+9l3+RfZSNX2uw5INGJe5fm2NPbC9v4//Jv/Sx9j/wThZvDxAX6+Mski7H3YP9gB/k3PNtNddfbp/APAt2n27hXnf+Gf++NLmHyMMah7BB2pXZMN3Qjb1YTbt+t8um///sRDqdL/FwJsZtZqDVGGWWjryAzaiV4GXO9DN/CilzOvJ3+P+GViVOGsi8//fRQcxJxrwpy5j/k6GG/eHsYtaVAnhtMDGZXYGDJWdsDvL18YntWV/dv6PEtspt6inaWA38/NApOoAl5ehJRg2GZd/+UJn3EYhCqpJfPHRwUM1L2q/+Qi+Z3/GTAbNpdPy4fuPR+LFKfCJU59oVibJbYQ22VV/USYkoQuNLeNXhc9iUfBRZDLbZeSm4B0wopJ+X8Qr9/X0D9AjiTrBjN7wZcif+pif//6C1tTlo1jibaNsEftdPVofm//N2DLM8S1F3FdVFm/X+8oRGst0f0IATfAP/3iMwGZtTjWKkBM96hm4kqe9JzvZeAAAAA==') 2x, url('data:image/webp;base64,UklGRhAFAABXRUJQVlA4WAoAAAAQAAAATQAATQAAQUxQSCECAAABkFVbe5hYn4RfQiTEAXEwSKgD4oA6GBxQB9QBcVActA4SB98Dhf/P37n3OSImANaFypSoLHD+1yy9Fm/sxX+a9BNfSRWCKvkaVYAq+yqaArw0xZVQOwOzhuIpqzKQVdnTqopAVK2OMrUNAJqG2Y1U1fQ2qap4eVB9fjur+HCSqd6wu6mYXQzUj3ujjoODgfome2LAoduFhhM+Tga89JEHLcOnYMGHdLhUWo74crRgvRjJZaXphm9lsyDXi2jkdH3SOn2FZEPyeT3JzvO5sOsNypvV/vJ8svML6leX/i3oQjtQizCM7TAtwjS2g7QI49gO0SLMYzvAK6BjeLm7ofPN15bQPW2ORrgcnbQpwGmYWr9tFDiWcevSpjPcn6dmU+YccdCY5/Ip7QYcPqTd0+5fcNrlx+VxiUeJl8dC03r/8fdzr+y5XsWTXFf2vwcv4U6nVxdypd819UsrXf/2+qX3JfQIC/3XaBcrj1ijVaw8Zo02kYet0SLW47AGXag88qJb2LmUVxfeNDd2LaXgXVIuVkzfJVqXnARKyZvN+pWsNlsW2OZmwfGbkZZtgL3MFgyfAi1nQddsMX2aLDJ6DwZV9oT6NqD/oOO4NxoM8Jh1696qy/A5q3h+O1M9w6k01fQ2qZp4QVbVt6oa4HfTMAKR2g2OsyoDWZU9iWoGZpV4QtEUYNHMcD1qCFCbfSVVCKrkS1QpqcQX+uGf9upVvJX/AwBWUDggyAIAAJATAJ0BKk4ATgA+bS6VRy8iv6Erk5qD8A2JaAZwZID9K4EAeuSV/qvPrZE9J+OXss1v+x74+bztPnv4T1/gP1m92P+l3wD0APLT9jz908JoDe17MOXQ+VU3kY/ujlBWyvItHBx5//oew2eiG3ORvlhMj6q0nGYXrinhrcY+On0D9eJ7QYxleXJdgGYk9wyyj+KiP7cj5O9t7dJVA4svtLpryDkiAAD+/gbUH9X3zTDTdpEcekMcumgoBHlKQ4bY2cb0OTdd4aXOPGw9AxiuyNPDJPDxDHHDNsB3k8YSGJCzYwl+v+QMhVCHJZE8c/8gxH9KSolDsm8PwljgRau5WAK6AEQzK74q6dDOsb9H7H/gnLybt3eC/In/eFYn+zX7q7tigvmmR6ex3octo0hX7xM4VFjvv9lTu7/9TZ//mv7//zxU1RrpJuuCcOMNtSht3PebW0jfZxwSiwX2FXZGSZ/+2WTRC+4i2/+mfxvRz7jv7YrSmcynqS7B6yN4XGiZwhI0V8NNE49j316x+xjgFCMTsaU/uHT8OF/YX+dbPBFNgIKP/uz9sm7i1fX6PG7svkim2e5lQvcGodeuqUYT0JuZIv+uszUi+2rFluWHpeoG+LAEGSX4XbJ+RP/hatLx2B7EQDfBr1x9J3rpEWEPox/WzmtB7raXYq4HqNdh3dyPG30V6tP74fVeJn0ISTePh1CUMHRvnnuPzjgox/Bs8qZZe+VBrA9GqHBZiEaGYaHNeFNZ/u+D/tfM6HDFiBtQ4mrnw5bqOd2hp5w1RfZN74fM4A/ZtXhtzDxXYLRH/Oq9Y8dY2Oc7QwiVTY7+Wwr9PhMX+KfUtbUeIjbSKC2u+1pG9g9HSVibAmuRc3sEd6UG/UY6J+uZP0mHSxo/NIG9v+f+P+LesIoL7IK/+kChRD7HBOxKkzv04LM/SQOQSXQ1/9ChAAAAAAA='));
    background-size: 26px 26px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ai-assistant-button[data-scopedcss-1edbef53c6-269f23f394]:hover {
    cursor: pointer;
  }

  .ai-assistant-button.is-active[data-scopedcss-1edbef53c6-269f23f394] {
    background-image:
      image-set(url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMA4MBAUCCA8DBgcBCev9CwD4LDAAAAsElEQVQY02NgYGBg/v9f6f9/AwYIYAHzHKA8tv//z/z/nwDlMf7/v+r//wdQ3vz//0P///8J4XDU///IIP//ewOYN/3//88M/v//VwLZJon///9XYGACks+cGYDk/48bGLjlQQwwTwKophHG+7QByOPWh/A+QtzEDFTLoHQqAGot6xolBl0k3l2EShZ5iCl/wabcx2oDku0meUDyAsxlqK5G9xGqb9FCAjWUUEMQEboAKGieOuGXHKoAAAAASUVORK5CYII=') 1x, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAM1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADbQS4qAAAAEHRSTlMAoN/g0HDwgBA4b7DAYJAgKn6VhgAAAUtJREFUSMe1llm2gyAMQIEwK8r+V/uqVQm+MJSj+aIp1wTIxFguJp5i0JLVZQiaKGhqQDMFzQ1IXDuDupaizrhrY3RovVah9PVobVqrTu8kY7LPP2RoYWzpMmU1OlJ2QG2LTPInwqaA9FsWKMvTnm8QGKTgtmXncAe7S9ryeMN5cIV12t/e1Av893bfX5GZWnh3hLWZ5pz4fNMREXJw82QMi4QE8uWSUBDHnvM+iOfn5T0Qv98rb0JaVSOShKQjs0xWIF0MZqULEBhbSQAD/yG5uEb1YG45vfxEhDHBWdYl1oVt/6+Q36Eh91As1i9ClK7clxivn33cTQhj/pWAHUyNsSTMijCd7lthgbu2XFhgLyy7rAp6ShiotZYxZLEMz5TlsQaQ2xJ5Xyy2mrGmVmmfoZZoQDdqeH4kGBo+kH9ozIE3Bqqh0e29yfIPpX9SFptxfzoAAAAASUVORK5CYII=') 2x, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOBAMAAAB8hD0uAAAALVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACttl6nAAAADnRSTlMAQPAQcMDgmyAwgFnQsL9vPHMAAAHnSURBVEjHY2BAANZ3ECAIpQMYsANi1fGgqTuAQx0fmroHFKqzQ1P3GIc6Oah8B5R+iEPdOqg8A5R+gkNdHET6KcM5GAMrYIYa85bhHpRlgFUdC9w6PyjLAas6NqjsS4Z5UFYCVnUwUxQYmPB5hFkPKlvAwA5lPcLmQF6o5LsNDNww5gU81j4DsvNwWww34xVSiAPNRgf7YFLKSDH97jWuwAN5gwHuEYwgZL4Hl2kAcjngvLeoXnZ6h+w8JAe+U0E2zQ0uDI0DM4RACsxEZqk4hOg7AbAYI5LI04UglaHn3iGD51DNdSiib0IZ3qGCA2h57x1a2oXFaANUHYceXnWacL9Nwqfu0QS4Ok49POo0kQJrEm51SMahG4ii7gRKHPXgUvccLW3UYVf3TABNHWMeVnULMNIkFxZ1jyqw5IV2PXR1zxZjzatWeajq1DfgKHO4i5DUxXoy4AZTroLVCQoKNjDgBxxANUSrAxl6Fq+9d0j2B/HhAgRYw5m4eLOiKB0Qm66ITqdEp3ti8xFKvqRGPie63MBdDhFVrj0NBZWTIgTKSUcDkspd/OW4Nln1ArH1DK56S5vsepDYepXoeprYeh9LO+I1Re0SYts5xLabMNphbyls1xHbTiS23Unt9i4Pldvt+NQBAB9oZBBHrizFAAAAAElFTkSuQmCC')),
      image-set(url('data:image/webp;base64,UklGRgYBAABXRUJQVlA4IPoAAABwCACdASooACgAPmUkj0WkIiEarVaoQAZEtABOnKCpXvr+vcbFxFBQd4AW1ZWWdE1i3M9+l2J+Qzh0dUC4tT2KUgciCScW5szZROIAAPtiWKAV1BELEbopzymhuZEtnLBa5ah9tiN8TbfUssW/VBEhajhC5/QlbdLMBuf5lSaQ9VEcoQW5+5CbRt7tEqdAx0cibcLKg2d6YJF9wD6eoo0IDmV9ZiN8nvKkyL4mOvsN2izhHIA9r1wsKaPo8N14aMa0Xxv4to+ykD1J3XgZp5xL/V/bi37CpeIebyg1X0HvbpEQm9+HqGhU0mgIx6l1HldKsvcLRlDgAAAA') 1x, url('data:image/webp;base64,UklGRrIBAABXRUJQVlA4IKYBAACwEACdASpQAFAAPm0qkUWkJKGXrAYkSAbEsgBOmbQ/plP2Tuzh55ReMd/RR7kjLJFy8rH2ocfSfuSO59Eu9Vb0R/dtXmQppAq5YgaDfLGD3AoAlW7AhNa06c4lWSZWoZ3e2nIZUoS5NSh577tSsJFwx7STxcZvyiDdYaDNDxkspI/I/h6ol/amoZsrnlyAAP5wfD+Y300E999h15qC2b/76G3/bSb/3sS/cyF6jdbS6xi244QXmnct11OAov4yRfRUjLBzq7bCpSOsBF8oVSh1i1uDOVijOMZ8mQLGF8nlUpDuNbdxoFUEVbV2voB55pzPDumU9uh3n9D2509KGOsrS0iIJbLdLTOQ4BldO3ZaGN114JnSMv7qgirrVwnBk34scic8ZrA71JI9+O4F2vI0nq8eK73thoxAwHUNIF0s3mo5reFU6u3+JAOn71zpozNzetTGHYy7JvfzMpCX7shslNRLySUoDPWkEXhE3jvnyXL/XA5yh39htk4WXl2sXGKFzd0Zeqh+izW8jVUSACVReLNVnIRYpLcDahzIwJjXKOFYnEYAAA==') 2x, url('data:image/webp;base64,UklGRtwCAABXRUJQVlA4INACAAAwGACdASp4AHgAPm0ylEcpMyuqKBYLqmANiUVXneLkOABeYofoNv1aAiqq/uI9uwF6WV7VpZep7CG7gMP5+P2d9GZgAaRYyJo4rVSK7kr18y9KOvHNQI5LNlwxjdafz3P2lPeui7sKgaNsR9VNFoIJQfIj9u1tb//4Z8J+Rvxxr3kZ7VcYA384d9usv3s/voEUGBK5VVMGTt6y2Q1O/ibuUI1ucpCvBp7krhnNMbs1HVp4mcTrBUojJdjq6Iakqcrzef//zPXYxzaAAP5L+R3fyKX6dNf0RhI/+8Z//sML/95Cx84mJS8k3RHMB/LMlYblp0rYuCIC++6Yy4cqP6GS6cWib8FwBu3CukkAqtSGzkZiObAbH3Xw8E4c7NNpLhBLU20aHVf7x/jIFQ2fgbr5d0je8QVj9H/t3u73Jeuwu2+ysZsN2j1U7sV2slsTsgDxPP3rBES3GjLORSkviGVpUaNmEKr6X+kTunA7my+LLa/cqua1jRB/BSHfSSf5G2sfgCoN0zkoUB/N6vfdgtPjIqpOVhgrYi785ReitZFxg/ppiGSPG0cCWMogJByAtbry1slA6PkHuEZT0XPLbA/CcMfQQ/0/V6yLnsUDiibUJ+V3oPqk9di6Bc3ESuqfEuDenXsWDRkHxmBPxKjiU0S03QxCZf+8MMjj+HTmouYa25bSbBGQn/pH8auUeHsnG4JxnwzoZc/Ep9LjLvm/AGciUgTwlNPwhZ33zSJ8HjqTg5RIvk1lDtUSqUg5C2AzNy3+bYOcdDAZxV65TACBdjKpuGy/yn3gftvH8WlTFTDaROAGqGvixcUjLNkveTLtMszM1xorSU11BwyDtYHRwsqcoo58TfeRjr7bA5XamnbksrBjrLU36/y9rr+KfHiKu+MZ6H6+EQiNDBTlGuMeP3N/jmIlOvwGknyLSTdbs8elc9eIiCpuWOWVtX9dcYgAgAA='));
    background-size:
      26px 26px,
      40px 40px;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.35);
  }

  .intro[data-scopedcss-023604e0fe-22b9bd59b0] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xl);
    height: 100%;
    padding: var(--boxel-sp-xl) var(--boxel-sp-xxxs) 0;
    color: var(--boxel-light);
    letter-spacing: var(--boxel-lsp);
    overflow: auto;
  }
  .title-group[data-scopedcss-023604e0fe-22b9bd59b0] {
    display: flex;
    gap: var(--boxel-sp-xs);
    align-items: center;
  }
  .title-text[data-scopedcss-023604e0fe-22b9bd59b0] {
    margin: 0;
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.25;
  }
  .message[data-scopedcss-023604e0fe-22b9bd59b0] {
    margin: 0;
    padding: var(--boxel-sp-4xs);
    font: 600 var(--boxel-font);
    line-height: 1.5;
  }
  .error-section > * + *[data-scopedcss-023604e0fe-22b9bd59b0] {
    margin-top: var(--boxel-sp-sm);
  }
  .disclaimer[data-scopedcss-023604e0fe-22b9bd59b0] {
    margin: 0;
    color: var(--boxel-450);
    font: var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
  }

  .panel-popover[data-scopedcss-2189e5ae0f-aa13f4a3b3] {
    position: absolute;
    top: 1.5rem;
    right: 1.875rem;
    margin-top: var(--boxel-sp-sm);
    width: 320px;
    min-height: 12.5rem;
    max-height: 75vh;
    background: var(--ai-assistant-menu-background);
    border: 1px solid var(--past-sessions-divider-color);
    border-radius: var(--boxel-border-radius);
    color: var(--boxel-light);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    z-index: var(--host-ai-panel-popover-z-index);
    display: flex;
    flex-direction: column;
    timeline-scope: --past-sessions-scroll-timeline;
  }

  .header[data-scopedcss-2189e5ae0f-aa13f4a3b3] {
    --box-shadow-offset-x: 0;
    --box-shadow-offset-y: 7px;
    --box-shadow-blur-radius: 15px;
    --box-shadow-spread-radius: -7px;
    --box-shadow-color-start: rgba(0, 0, 0, 0);
    --box-shadow-color-end: rgba(0, 0, 0, 0.75);

    --box-shadow-start: var(--box-shadow-offset-x) var(--box-shadow-offset-y)
      var(--box-shadow-blur-radius) var(--box-shadow-spread-radius)
      var(--box-shadow-color-start);

    --box-shadow-end: var(--box-shadow-offset-x) var(--box-shadow-offset-y)
      var(--box-shadow-blur-radius) var(--box-shadow-spread-radius)
      var(--box-shadow-color-end);

    position: relative;
    padding: var(--boxel-sp-xs);
    color: var(--boxel-200);
    font-weight: 700;
    letter-spacing: var(--boxel-lsp-xs);
    line-height: 1.2;

    box-shadow: var(--box-shadow-start);

    animation: scroll-past-sessions-data-scopedcss-2189e5ae0f-aa13f4a3b3 linear forwards;
    animation-timeline: --past-sessions-scroll-timeline;
  }
  .header[data-scopedcss-2189e5ae0f-aa13f4a3b3] button {
    transform: rotate(180deg);
    position: absolute;
    right: var(--boxel-sp-xs);
    top: var(--boxel-sp-xs);
  }

  .body[data-scopedcss-2189e5ae0f-aa13f4a3b3] {
    overflow-y: auto;
    flex-grow: 1;
  }

  @keyframes scroll-past-sessions-data-scopedcss-2189e5ae0f-aa13f4a3b3 {
    0% {
      box-shadow: var(--box-shadow-start);
    }
    1% {
      box-shadow: var(--box-shadow-end);
    }
    100% {
      box-shadow: var(--box-shadow-end);
    }
  }

  :root {
    --color-streaming: #01c6bf;
    --color-new-messages: #00ad4a;
  }

  .session[data-scopedcss-ce21097887-b7a0c79abc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--past-sessions-divider-color);
    padding: var(--boxel-sp) var(--boxel-sp-sm);
    margin-right: var(--boxel-sp-xs);
    margin-left: var(--boxel-sp-xs);
    border-radius: var(--boxel-border-radius-xs);
  }

  .session[data-scopedcss-ce21097887-b7a0c79abc]:first-child {
    border-top: none;
  }

  .session[data-scopedcss-ce21097887-b7a0c79abc]:hover {
    background-color: var(--ai-assistant-menu-hover-background);
    cursor: pointer;
  }
  .session[data-is-current-room][data-scopedcss-ce21097887-b7a0c79abc] {
    border: 1px solid var(--past-sessions-divider-color);
  }
  .session:hover + .session[data-scopedcss-ce21097887-b7a0c79abc]:not([data-is-current-room]),
  .session[data-is-current-room] + .session[data-scopedcss-ce21097887-b7a0c79abc] {
    border-top-color: transparent;
  }
  .name[data-scopedcss-ce21097887-b7a0c79abc] {
    font-weight: 600;
  }
  .date[data-scopedcss-ce21097887-b7a0c79abc] {
    margin-top: var(--boxel-sp-xxs);
    color: var(--boxel-400);
  }
  .view-session-button[data-scopedcss-ce21097887-b7a0c79abc] {
    color: var(--boxel-light);
    background-color: transparent;
    border-radius: var(--boxel-border-radius-xs);
    border: none;
    width: 100%;
    margin-right: 1px;
    text-align: left;
  }
  .view-session-button[data-scopedcss-ce21097887-b7a0c79abc]:focus:focus-visible {
    outline-offset: 1px;
  }

  .menu-button[data-scopedcss-ce21097887-b7a0c79abc] {
    visibility: hidden;
  }
  .session:hover .menu-button[data-scopedcss-ce21097887-b7a0c79abc],
  .session:focus-within .menu-button[data-scopedcss-ce21097887-b7a0c79abc] {
    visibility: visible;
  }
  .menu-button[aria-expanded='true'][data-scopedcss-ce21097887-b7a0c79abc] {
    visibility: visible;
  }

  .menu[data-scopedcss-ce21097887-b7a0c79abc] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xxs)
      var(--boxel-sp-sm);

    background: var(--ai-assistant-menu-background);
    border: 1px solid var(--past-sessions-divider-color);
    color: var(--boxel-light);
    padding: var(--boxel-sp-xs);
    box-shadow: var(--boxel-deep-box-shadow);
  }

  .menu[data-scopedcss-ce21097887-b7a0c79abc] svg {
    --icon-stroke-width: 1.5px;
    --icon-color: var(--boxel-light);

    margin-right: var(--boxel-sp-xs);
  }

  .menu[data-scopedcss-ce21097887-b7a0c79abc] .boxel-menu__item:nth-child(2) svg {
    --icon-stroke-width: 0.5px;
  }

  .menu[data-scopedcss-ce21097887-b7a0c79abc] .boxel-menu__item:hover {
    background-color: var(--ai-assistant-menu-hover-background);
    border-radius: var(--boxel-border-radius-xs);
  }

  .icon-recency-indicator[data-scopedcss-ce21097887-b7a0c79abc] {
    display: inline-block;
    margin-right: 4px;
  }
  .icon-streaming[data-scopedcss-ce21097887-b7a0c79abc] {
    --icon-color: var(--color-streaming);
  }
  .icon-new-messages[data-scopedcss-ce21097887-b7a0c79abc] {
    --icon-color: var(--color-new-messages);
    --icon-fill-color: var(--color-new-messages);
  }
  .has-unseen-message[data-scopedcss-ce21097887-b7a0c79abc] {
    color: var(--color-new-messages);
  }
  .is-streaming[data-scopedcss-ce21097887-b7a0c79abc] {
    color: var(--color-streaming);
  }
  .pulsing[data-scopedcss-ce21097887-b7a0c79abc] {
    animation: pulse-data-scopedcss-ce21097887-b7a0c79abc 2s infinite;
  }
  @keyframes pulse-data-scopedcss-ce21097887-b7a0c79abc {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(0.2);
      opacity: 0.7;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .past-sessions[data-scopedcss-8e5f88795c-c7d0465391] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: var(--boxel-sp-xs);
    max-height: 400px;
    overflow-y: auto;
    scroll-timeline: --past-sessions-scroll-timeline block;
  }
  .empty-collection[data-scopedcss-8e5f88795c-c7d0465391] {
    padding: var(--boxel-sp-sm);
    text-align: center;
    color: var(--boxel-450);
  }
  .loading-indicator-container[data-scopedcss-8e5f88795c-c7d0465391] {
    padding: var(--boxel-sp-sm);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loading-indicator[data-scopedcss-8e5f88795c-c7d0465391] {
    margin: 0 auto;
  }

  .rename-session[data-scopedcss-c89c6b0da6-502e141181] {
    --boxel-button-color: var(--boxel-light);

    min-height: unset;
  }

  .rename-field[data-scopedcss-c89c6b0da6-502e141181] {
    padding: 0 var(--boxel-sp-xs);
  }
  .rename-field[data-scopedcss-c89c6b0da6-502e141181] .label {
    font: 600 var(--boxel-font-sm);
  }
  .footer[data-scopedcss-c89c6b0da6-502e141181] {
    display: flex;
    justify-content: flex-end;
    gap: var(--boxel-sp-xs);
    padding: var(--boxel-sp-xs);
  }
  .footer[data-scopedcss-c89c6b0da6-502e141181] .boxel-button:not(:disabled) {
    --boxel-button-text-color: var(--boxel-dark);
  }

  .ai-assistant-action-bar[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    background-color: var(--boxel-650);
    display: flex;
    gap: 10px;
    padding: 10px;
    padding-bottom: calc(
      var(--chat-input-area-border-radius) + var(--boxel-sp-xs)
    );
    margin-bottom: calc(-1 * var(--chat-input-area-border-radius));
    border-top-right-radius: var(--chat-input-area-border-radius);
    border-top-left-radius: var(--chat-input-area-border-radius);
    align-items: center;
    border: 1px solid #777;

    position: relative;
    z-index: 1;
  }
  .ai-assistant-action-bar.unread-indicator[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    padding: 0;
    padding-bottom: var(--boxel-sp-xs);
  }

  .ai-assistant-action-bar button[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    height: 24px;
  }

  .action-btn[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    flex: 1;
    --boxel-button-font: 600 var(--boxel-font-xs);
    --boxel-button-min-height: 0;
    --boxel-button-min-width: 0;
  }
  .cancel-btn[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    --boxel-button-text-color: var(--boxel-light);
  }
  .accepting-all[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    font: 600 var(--boxel-font-sm);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxs);
    letter-spacing: 0.2px;
    --icon-color: var(--boxel-teal);
  }
  .generating-results-container[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--boxel-sp-xs);
    width: 100%;
  }
  .generating-results[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    font: 600 var(--boxel-font-sm);
    display: flex;
    align-items: center;
    gap: 2px;
    letter-spacing: 0.2px;
  }
  .generating-results .dot[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    animation: blink-data-scopedcss-7fb7ac2cff-cbe83deb24 1.4s infinite both;
    opacity: 0.5;
  }
  .generating-results .dot[data-scopedcss-7fb7ac2cff-cbe83deb24]:nth-child(2) {
    animation-delay: 0.2s;
  }
  .generating-results .dot[data-scopedcss-7fb7ac2cff-cbe83deb24]:nth-child(3) {
    animation-delay: 0.4s;
  }
  @keyframes blink-data-scopedcss-7fb7ac2cff-cbe83deb24 {
    0%,
    80%,
    100% {
      opacity: 0.5;
    }
    40% {
      opacity: 1;
    }
  }
  .stop-btn[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    --boxel-button-font: 600 var(--boxel-font-xs);
    --boxel-button-min-height: 0;
    --boxel-button-min-width: 0;
    --boxel-button-padding: 4px 12px;
  }
  .unread-btn[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    --boxel-button-font: 600 var(--boxel-font-sm);
    --boxel-button-padding: 10px 13px;
    --boxel-button-text-color: var(--boxel-teal);
    --boxel-button-color: transparent;
    --boxel-button-border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .unread-btn__icon[data-scopedcss-7fb7ac2cff-cbe83deb24] {
    height: 18px;
    width: 18px;
  }

  .llm-mode-toggle[data-scopedcss-53bc71b4f0-9a0879cafb] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--boxel-650);
    border-radius: var(--boxel-pill-radius, 999px);
    overflow: hidden;
    border-width: 0;
    box-shadow: none;
    padding: 1.5px 2px 2px 2px;
  }
  .llm-mode-option[data-scopedcss-53bc71b4f0-9a0879cafb] {
    flex: 1 1 0;
    background: none;
    border: none;
    border-radius: var(--boxel-border-radius);
    padding-block: 2px;
    color: var(--boxel-light);
    font: 700 var(--boxel-font-xs);
    cursor: pointer;
    transition:
      background 0.15s,
      color 0.15s;
  }
  .llm-mode-option.selected[data-scopedcss-53bc71b4f0-9a0879cafb] {
    background: var(--boxel-teal);
    color: var(--boxel-dark);
    height: 100%;
  }
  .llm-mode-option[data-scopedcss-53bc71b4f0-9a0879cafb]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .llm-mode-option-tooltip[data-scopedcss-53bc71b4f0-9a0879cafb] {
    max-width: 160px;
  }

  .llm-select[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    background-color: transparent;
    box-shadow: none;
  }

  .selected-llm-wrapper[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }

  .selected-llm[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    color: var(--boxel-dark);
    font: 700 var(--boxel-font-xs);
  }

  .llm-list[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--boxel-sp-xxxs);
    max-height: 300px;
    overflow-y: auto;

    scroll-timeline: --pill-menu-content-scroll-timeline;
  }

  .llm-option[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    background: var(--boxel-light);
    border-radius: var(--boxel-border-radius);
    border: 1px solid var(--boxel-400);
  }

  .llm-option[data-scopedcss-b9328eec2b-9cb5cd5b3f]:hover {
    border: 1px solid var(--boxel-dark);
  }

  .llm-option.selected[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    background-color: var(--boxel-teal);
  }

  .selected-icon[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    width: var(--boxel-font-size);
    height: auto;
    stroke-width: 3px;
  }

  .llm-button[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    width: 100%;
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
    background: none;
    border: none;
    color: var(--boxel-dark);
    font: 500 var(--boxel-font-xs);
    cursor: pointer;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .llm-option.selected .llm-button[data-scopedcss-b9328eec2b-9cb5cd5b3f] {
    font-weight: 600;
  }

  .room-message-command > * + *[data-scopedcss-9b13cc6dc4-b624307393] {
    margin-top: var(--boxel-sp-xs);
  }
  .command-result-card-preview[data-scopedcss-9b13cc6dc4-b624307393] {
    margin-top: var(--boxel-sp);
  }
  .command-result-card-header[data-scopedcss-9b13cc6dc4-b624307393] {
    --boxel-label-color: var(--boxel-450);
    --boxel-label-font-size: var(--boxel-font-size-xs);
    --boxel-label-line-height: calc(15 / 11);
    --boxel-header-padding: var(--boxel-sp-xxxs) var(--boxel-sp-xxxs) 0
      var(--left-padding);
  }
  .command-result-card-header[data-scopedcss-9b13cc6dc4-b624307393] .content {
    gap: 0;
  }

  .room[data-scopedcss-44299e782d-3abb36e5d1] {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    overflow: hidden;
    position: relative;

    --chat-input-area-border-radius: var(--boxel-border-radius-xxl);
  }
  .room-actions[data-scopedcss-44299e782d-3abb36e5d1] {
    position: relative;
    padding: 0 var(--ai-assistant-panel-padding)
      var(--ai-assistant-panel-padding);
    box-shadow: var(--boxel-box-shadow);
  }

  .room-actions[data-scopedcss-44299e782d-3abb36e5d1]::before {
    content: '';
    position: absolute;

    width: 100%;
    height: calc(
      var(--ai-assistant-panel-bottom-gradient-height) +
        var(--chat-input-area-border-radius)
    );
    left: 0;
    bottom: calc(100% - var(--chat-input-area-border-radius));

    background: linear-gradient(
      to top,
      var(--boxel-ai-purple),
      var(--boxel-ai-purple) 20%,
      transparent 100%
    );

    z-index: 0;
  }

  .chat-input-area[data-scopedcss-44299e782d-3abb36e5d1] {
    --boxel-pill-menu-header-padding: 0;
    --boxel-pill-menu-content-padding: var(--boxel-sp) 0;
    --boxel-pill-menu-footer-padding: 0;
    --boxel-pill-menu-button-padding: 2px 6px;

    --chat-input-area-bottom-padding: var(--boxel-sp-sm);

    background-color: var(--boxel-light);
    color: var(--boxel-dark);
    border-radius: var(--chat-input-area-border-radius);

    position: relative;
    z-index: 2;

    timeline-scope: --chat-input-scroll-timeline;
  }
  .chat-input-area[data-drop-zone-active='true'][data-scopedcss-44299e782d-3abb36e5d1] {
    box-shadow: inset 0 0 0 2px var(--boxel-dark);
    background-color: #e8f0ff;
  }
  .chat-input-drop-hint[data-scopedcss-44299e782d-3abb36e5d1] {
    position: absolute;
    top: var(--boxel-sp-xs);
    right: var(--boxel-sp-xs);
    bottom: var(--boxel-sp-xs);
    left: var(--boxel-sp-xs);
    z-index: 3;
    pointer-events: none;
    color: var(--boxel-light-100);
    font: 500 var(--boxel-font);
    background-color: var(--boxel-darker-hover);
    border-radius: var(--boxel-border-radius-lg);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .chat-input-area__bottom-actions[data-scopedcss-44299e782d-3abb36e5d1] {
    display: flex;
    align-items: center;
    padding: var(--chat-input-area-bottom-padding);
    gap: var(--boxel-sp-sm);
    background-color: var(--boxel-light-100);
    border-bottom-left-radius: var(--chat-input-area-border-radius);
    border-bottom-right-radius: var(--chat-input-area-border-radius);
  }

  .chat-input-area__bottom-actions[data-scopedcss-44299e782d-3abb36e5d1]:not(:has(.menu-content)) {
    height: 40px;
  }

  .chat-input-area__bottom-actions[data-scopedcss-44299e782d-3abb36e5d1]:has(.menu-content) {
    padding: 0;
  }

  .pill-row[data-scopedcss-44299e782d-3abb36e5d1] {
    margin: var(--boxel-sp-xxxs);
  }

  .pill-row + .pill-row[data-scopedcss-44299e782d-3abb36e5d1] {
    margin-top: 0;
  }

  .llm-mode-toggle[data-scopedcss-44299e782d-3abb36e5d1] {
    margin-left: auto;
    flex-shrink: 0;
  }

  [data-scopedcss-44299e782d-3abb36e5d1] .ai-assistant-conversation > *:first-child {
    margin-top: auto;
  }

  .session-preparation-container[data-scopedcss-44299e782d-3abb36e5d1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 4px;
  }

  .loading-indicator[data-scopedcss-44299e782d-3abb36e5d1] {
    margin-bottom: var(--boxel-sp-xxs);
  }

  .session-preparation-message[data-scopedcss-44299e782d-3abb36e5d1] {
    text-align: center;
    color: var(--boxel-light);
    font: 500 var(--boxel-font-sm);
  }

  .session-preparation-small-message[data-scopedcss-44299e782d-3abb36e5d1] {
    color: var(--boxel-400);
    font: 500 var(--boxel-font-xs);
  }

  .session-preparation-skip-button[data-scopedcss-44299e782d-3abb36e5d1] {
    background: none;
    border: 1px solid var(--boxel-400);
    border-radius: var(--boxel-border-radius-lg);
    color: var(--boxel-light);
    font: 500 var(--boxel-font-xs);
    padding: 4px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: var(--boxel-sp-sm);
  }

  .session-preparation-skip-button[data-scopedcss-44299e782d-3abb36e5d1]:hover {
    background: var(--boxel-400);
    color: var(--boxel-light);
  }

  .chat-input-area[data-scopedcss-44299e782d-3abb36e5d1] .pill-menu-button {
    height: 22px;
    gap: var(--boxel-sp-xxxs);
  }

  .chat-input-area[data-scopedcss-44299e782d-3abb36e5d1] .pill-menu-button:hover {
    border-color: var(--boxel-dark);
  }

  .llm-select[data-scopedcss-44299e782d-3abb36e5d1] .menu-content {
    margin-right: calc(-2 * var(--boxel-sp-sm));
    width: 100%;
  }

  .llm-select-footer[data-scopedcss-44299e782d-3abb36e5d1] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xxxs);
    border-top: 1px solid var(--boxel-200);
    padding-top: var(--boxel-sp-xxxs);
  }

  .llm-select-footer-action[data-scopedcss-44299e782d-3abb36e5d1] {
    --boxel-button-padding: var(--boxel-sp-xxxs) var(--boxel-sp-sm);
    --boxel-button-min-height: unset;
    justify-content: flex-start;
    font: 500 var(--boxel-font-xs);
    color: var(--boxel-500);
  }

  .llm-select-footer-action[data-scopedcss-44299e782d-3abb36e5d1]:hover {
    color: var(--boxel-dark);
  }

  .chat-input-area[data-scopedcss-44299e782d-3abb36e5d1] .minimized-arrow {
    margin-left: 0;
  }

  .new-session-settings-menu[data-scopedcss-9f5818a36f-3778919898] {
    --new-sessions-menu-foreground: #e0e0e0;

    background: var(--ai-assistant-menu-background);
    border-radius: var(--boxel-border-radius);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px rgba(0, 0, 0, 0.25);
    padding: 6.5px 11px 11px 11px;
    min-width: 13.75rem;
    color: var(--new-sessions-menu-foreground);
  }
  .new-session-settings-header[data-scopedcss-9f5818a36f-3778919898] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6.5px;
  }
  .new-session-settings-title[data-scopedcss-9f5818a36f-3778919898] {
    font-weight: 600;
    letter-spacing: var(--boxel-lsp-sm);
  }
  .new-session-settings-close-button[data-scopedcss-9f5818a36f-3778919898]:hover {
    color: var(--boxel-light);
  }
  .new-session-settings-options[data-scopedcss-9f5818a36f-3778919898] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--boxel-sp-sm);
  }
  .new-session-settings-option[data-scopedcss-9f5818a36f-3778919898] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 7px 4px;
    border-radius: 5px;
    transition: background-color var(--boxel-transition);
  }
  .new-session-settings-option[data-scopedcss-9f5818a36f-3778919898]:hover {
    background-color: var(--ai-assistant-menu-hover-background);
  }
  .new-session-settings-option.checked[data-scopedcss-9f5818a36f-3778919898] {
    background-color: var(--boxel-650);
  }
  .new-session-settings-option input[type='checkbox'][data-scopedcss-9f5818a36f-3778919898] {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: solid 1px var(--boxel-400);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    background-color: transparent;
    transition: background-color var(--boxel-transition);
    margin: 0;
  }
  .new-session-settings-option input[type='checkbox'][data-scopedcss-9f5818a36f-3778919898]:checked {
    background-color: var(--boxel-highlight);
    border-color: var(--boxel-highlight);
  }
  .new-session-settings-option input[type='checkbox'][data-scopedcss-9f5818a36f-3778919898]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .new-session-settings-label[data-scopedcss-9f5818a36f-3778919898] {
    font-weight: 500;
    letter-spacing: var(--boxel-lsp-sm);
    text-wrap: nowrap;
  }
  .new-session-settings-footer[data-scopedcss-9f5818a36f-3778919898] {
    display: flex;
    justify-content: center;
  }
  .new-session-settings-create-button[data-scopedcss-9f5818a36f-3778919898] {
    width: 100%;
  }

  .new-session-button-container[data-scopedcss-8145f22f51-a321f78deb] {
    position: relative;
  }
  .new-session-menu-wrapper[data-scopedcss-8145f22f51-a321f78deb] {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1000;
  }
  .button[data-scopedcss-8145f22f51-a321f78deb] {
    --host-outline-offset: 2px;
    transform: translateY(-1px);
  }
  .button[data-scopedcss-8145f22f51-a321f78deb] svg {
    stroke-width: 2.5;
  }

  :root {
    --ai-assistant-menu-background: #4f4b57;
    --past-sessions-divider-color: #75707e;
    --ai-assistant-menu-hover-background: #797788;
  }

  .left-border[data-scopedcss-452695a0d6-8873d04469] {
    border-left: 1px solid var(--boxel-600);
  }

  .ai-assistant-panel[data-scopedcss-452695a0d6-8873d04469] {
    --ai-assistant-panel-header-height: 4.5rem;
    --ai-assistant-panel-top-gradient-start-proportion: 0.6;
    --ai-assistant-panel-padding: var(--boxel-sp-sm);

    --ai-assistant-panel-bottom-gradient-height: var(--boxel-sp-xl);

    --top-gradient-hidden: linear-gradient(
      to bottom,
      transparent,
      transparent
        calc(var(--ai-assistant-panel-top-gradient-start-proportion) * 100%),
      transparent 100%
    );

    --top-gradient-showing: linear-gradient(
      to bottom,
      var(--boxel-ai-purple),
      var(--boxel-ai-purple)
        calc(var(--ai-assistant-panel-top-gradient-start-proportion) * 100%),
      transparent 100%
    );

    background-color: var(--boxel-ai-purple);
    border-radius: 0;
    color: var(--boxel-light);
    height: 100%;
    position: relative;

    timeline-scope: --ai-assistant-chat-scroll-timeline;
  }
  [data-scopedcss-452695a0d6-8873d04469] .arrow {
    display: none;
  }
  [data-scopedcss-452695a0d6-8873d04469] .separator-horizontal {
    min-width: calc(
      var(--boxel-panel-resize-handle-width) +
        calc(var(--boxel-sp-xxxs) * 2)
    );
    position: absolute;
    left: 0;
    height: 100%;
  }
  [data-scopedcss-452695a0d6-8873d04469] .separator-horizontal:not(:hover) > button {
    display: none;
  }
  [data-scopedcss-452695a0d6-8873d04469] .room-actions {
    z-index: 1;
  }
  .panel-header[data-scopedcss-452695a0d6-8873d04469] {
    position: absolute;
    width: 100%;
    height: var(--ai-assistant-panel-header-height);
    padding: var(--ai-assistant-panel-padding);

    display: grid;
    grid-template-columns: 20px auto 20px 20px 20px;
    gap: var(--boxel-sp-xxxs);

    z-index: 10;
    background: var(--top-gradient-hidden);

    animation: ai-assistant-chat-gradient-scroll-timeline-data-scopedcss-452695a0d6-8873d04469 linear forwards;
    animation-timeline: --ai-assistant-chat-scroll-timeline;
  }

  .panel-title-text[data-scopedcss-452695a0d6-8873d04469] {
    position: relative;
    margin: 0;
    padding-right: var(--boxel-sp-xl);
    padding-left: 2px;
    color: var(--boxel-light);
    font: 700 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-sm);
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* the below font-smoothing options are only recommended for light-colored
      text on dark background (otherwise not good for accessibility) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .panel-title-text[data-scopedcss-452695a0d6-8873d04469]:after {
    content: '';
    background: linear-gradient(
      to right,
      transparent,
      transparent 80%,
      var(--boxel-ai-purple) 98%
    );
    display: block;
    top: 0;
    inset-block-end: 0;
    position: absolute;
    height: calc(
      var(--ai-assistant-panel-header-height) *
        var(--ai-assistant-panel-top-gradient-start-proportion) -
        var(--ai-assistant-panel-padding)
    );
    width: 100%;
  }

  .button[data-scopedcss-452695a0d6-8873d04469] {
    --host-outline-offset: 2px;
    transform: translateY(-1px);
  }
  .button[data-scopedcss-452695a0d6-8873d04469] svg {
    stroke-width: 2.5;
  }
  .button[data-scopedcss-452695a0d6-8873d04469] .loading-icon {
    width: 16px;
    height: 16px;
  }

  .has-other-active-sessions[data-scopedcss-452695a0d6-8873d04469] {
    animation: cycle-color-to-background-data-scopedcss-452695a0d6-8873d04469 1s ease-in infinite alternate;
  }

  .loading-new-session[data-scopedcss-452695a0d6-8873d04469] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .room[data-scopedcss-452695a0d6-8873d04469] {
    padding-top: calc(var(--ai-assistant-panel-header-height) * 0.5);
  }

  @keyframes cycle-color-to-background-data-scopedcss-452695a0d6-8873d04469 {
    100% {
      color: color-mix(
        in oklab,
        var(--boxel-highlight),
        var(--boxel-ai-purple) 75%
      );
    }
  }

  .session-error[data-scopedcss-452695a0d6-8873d04469] {
    padding: var(--ai-assistant-panel-padding);
  }

  .session-error[data-scopedcss-452695a0d6-8873d04469] .intro {
    margin-top: calc(var(--ai-assistant-panel-header-height) * 0.5);
  }

  .ai-assistant-panel-resize-handle[data-scopedcss-452695a0d6-8873d04469] {
    z-index: calc(var(--host-ai-panel-z-index) + 1);
  }

  @keyframes ai-assistant-chat-gradient-scroll-timeline-data-scopedcss-452695a0d6-8873d04469 {
    0% {
      background: var(--top-gradient-hidden);
    }

    1% {
      background: var(--top-gradient-showing);
    }

    100% {
      background: var(--top-gradient-showing);
    }
  }

  .ai-assistant-toast[data-scopedcss-5851e2538d-aee264b0cc] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp);
    background-color: var(--boxel-ai-purple);
    border-radius: var(--boxel-border-radius);
    padding: 0;

    overflow: hidden;

    position: absolute;
    bottom: calc(
      var(--boxel-sp) + var(--container-button-size) + var(--boxel-sp)
    );
    right: var(--boxel-sp);

    opacity: 0;
    height: 0;
    max-width: 250px;
    transition:
      transform 0.5s ease-in-out,
      opacity 0.5s ease-in-out;
    transform: translateY(100%);
  }
  .visible[data-scopedcss-5851e2538d-aee264b0cc] {
    padding: var(--boxel-sp);
    opacity: 1;
    height: fit-content;
    transform: translateY(0);
  }
  .toast-header[data-scopedcss-5851e2538d-aee264b0cc] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    position: relative;
  }
  .time[data-scopedcss-5851e2538d-aee264b0cc] {
    display: block;
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-sm);
    color: var(--boxel-450);
    white-space: nowrap;
    flex: 1;
  }
  .toast-close-button[data-scopedcss-5851e2538d-aee264b0cc] {
    --icon-color: var(--boxel-450);
    border: none;
    background: none;
    padding: 1px;
    border-radius: var(--boxel-border-radius-xs);
    transition: background-color 0.2s ease;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
  }
  .toast-close-button[data-scopedcss-5851e2538d-aee264b0cc]:hover {
    --icon-color: var(--boxel-light);
    background-color: rgba(255, 255, 255, 0.1);
  }
  .toast-content[data-scopedcss-5851e2538d-aee264b0cc] {
    color: var(--boxel-light);
    font-size: var(--boxel-font-sm);
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: var(--boxel-lsp-xs);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .view-in-chat-button[data-scopedcss-5851e2538d-aee264b0cc] {
    --boxel-button-font: 600 var(--boxel-font-xs);
    --boxel-button-min-height: 1.5rem;
    --boxel-button-padding: 0 var(--boxel-sp-xs);
    min-width: initial;
    width: fit-content;
    max-height: 1.5rem;
    margin-left: auto;
  }
  .view-in-chat-button[data-scopedcss-5851e2538d-aee264b0cc]:hover {
    filter: brightness(1.1);
  }

  .value[data-scopedcss-c92ff926b6-2b875dc8d1] {
    color: var(--boxel-dark);
    font: 600 var(--boxel-font-sm);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-4xs);

    --icon-color: var(--boxel-teal);
    --boxel-loading-indicator-size: var(--boxel-icon-xs);
  }
  .value.out-of-credit[data-scopedcss-c92ff926b6-2b875dc8d1] {
    --icon-color: #ff0000;
    color: #ff0000;
  }

  .profile-popover[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    width: 320px;
    position: absolute;
    top: calc(
      var(--container-button-size) + calc(2 * var(--operator-mode-spacing))
    );
    right: var(--operator-mode-spacing);
    z-index: calc(var(--boxel-layer-floating-button) + 1);
    background: var(--boxel-100);
    padding: var(--boxel-sp);
    flex-direction: column;
    border-radius: var(--boxel-border-radius);
    box-shadow: var(--boxel-deep-box-shadow);
    display: flex;
  }
  [data-scopedcss-f6ee3bcfe1-21731e75dd] .profile-popover-body {
    padding: var(--boxel-sp-xl) 0;
  }

  .header[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header button[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    --boxel-button-font: 600 var(--boxel-font-xs);
  }

  .credit-info[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--boxel-sp-lg);
    margin-bottom: var(--boxel-sp);
    padding-top: var(--boxel-sp-lg);
    border-top: 1px solid var(--boxel-dark);
  }
  .info-group[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xxs);
  }
  .label[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    color: var(--boxel-dark);
    font: var(--boxel-font-xs);
  }
  .info-group .value[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    color: var(--boxel-dark);
    font: 700 var(--boxel-font-sm);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-4xs);

    --icon-color: var(--boxel-teal);
    --boxel-loading-indicator-size: var(--boxel-icon-xs);
  }
  .info-group .value.out-of-credit[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    --icon-color: #ff0000;
    color: #ff0000;
  }
  .info-group.additional-credit[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    align-items: flex-end;
  }

  .info-group button[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    margin-top: var(--boxel-sp-xs);
  }
  .buy-more-credits[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: var(--boxel-sp-xs);
  }
  .buy-more-credits.out-of-credit[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    justify-content: center;
    margin-top: var(--boxel-sp-sm);
    --boxel-button-min-width: 100%;
  }
  [data-scopedcss-f6ee3bcfe1-21731e75dd] .buy-more-credits.out-of-credit .size-base {
    --boxel-button-min-height: 39px;
  }
  .daily-grant-note[data-scopedcss-f6ee3bcfe1-21731e75dd] {
    flex-basis: 100%;
    color: var(--boxel-500);
    font: var(--boxel-font-xs);
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    border: 1px solid var(--boxel-300);
    background: var(--boxel-50);
    border-radius: calc(var(--boxel-border-radius) / 2);
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-4xs);
  }

  .profile-popover-body[data-scopedcss-f6ee3bcfe1-0ca6d2eaf2] {
    margin: auto;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    --profile-avatar-icon-size: 70px;
    --profile-avatar-icon-border: 0;
  }

  .profile-popover-body > *[data-scopedcss-f6ee3bcfe1-0ca6d2eaf2] {
    margin: auto;
  }

  .display-name[data-scopedcss-f6ee3bcfe1-0ca6d2eaf2] {
    margin-top: var(--boxel-sp-xxxs);
    font-size: var(--boxel-font-size);
    font-weight: 600;
    max-width: 100%;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .profile-handle[data-scopedcss-f6ee3bcfe1-0ca6d2eaf2] {
    margin-top: var(--boxel-sp-xxxxs);
    color: var(--boxel-500);
    max-width: 100%;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .password-modal[data-scopedcss-2ec7219c11-7d2446a651] .boxel-modal__inner {
    height: 21rem;
    margin-top: calc((100vh - 21rem) / 2);
  }
  .password-modal[data-scopedcss-2ec7219c11-7d2446a651] .invalid {
    box-shadow: none;
  }
  .buttons[data-scopedcss-2ec7219c11-7d2446a651] {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
  }
  .buttons[data-scopedcss-2ec7219c11-7d2446a651] > :not(:first-child) {
    margin-left: var(--boxel-sp-xs);
  }

  .email-wrapper[data-scopedcss-2ec7219c11-86c1457a51] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--boxel-sp-xxs);
  }
  .email-value[data-scopedcss-2ec7219c11-86c1457a51] {
    font: var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp-sm);
  }
  .verification-icon[data-scopedcss-2ec7219c11-86c1457a51] {
    width: 18px;
    height: 18px;
    display: flex;
  }
  .verification[data-scopedcss-2ec7219c11-86c1457a51] {
    font: var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
    font-weight: 600;
    text-wrap: nowrap;
    line-height: 18px;
  }
  .not-verified[data-scopedcss-2ec7219c11-86c1457a51] {
    display: flex;
    align-items: center;
  }
  .indicator[data-scopedcss-2ec7219c11-86c1457a51] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
  }
  .checked[data-scopedcss-2ec7219c11-86c1457a51] {
    --icon-color: var(--boxel-green);
  }
  .cross-out[data-scopedcss-2ec7219c11-86c1457a51] {
    --icon-color: var(--boxel-red);
  }

  .buttons[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
  }
  .buttons[data-scopedcss-2ec7219c11-1c47b1fc7b] > :not(:first-child) {
    margin-left: var(--boxel-sp-xs);
  }
  .error-message[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    color: var(--boxel-error-100);
    margin-top: var(--boxel-sp-lg);
  }
  .profile-field[data-scopedcss-2ec7219c11-1c47b1fc7b] .invalid {
    box-shadow: none;
  }
  .profile-field + .profile-field[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    margin-top: var(--boxel-sp-xl);
  }
  .warning-box[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    margin-top: var(--boxel-sp-xl);
    border-radius: var(--boxel-border-radius);
    border: 2px solid var(--boxel-warning-100);
    overflow: hidden;
  }
  .warning-title[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: var(--boxel-sp-xxs);
    background-color: var(--boxel-warning-100);
  }
  .warning-title span[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    margin-left: var(--boxel-sp-xs);
  }
  .warning[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    padding: var(--boxel-sp);
    margin: 0;
  }
  .email.initial[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    display: flex;
    justify-content: space-between;
  }
  .email-versions[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    border: 1px solid var(--boxel-form-control-border-color);
    border-radius: var(--boxel-form-control-border-radius);
  }
  .email-version[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    position: relative;
    padding: var(--boxel-sp-xxs) var(--boxel-sp) var(--boxel-sp-sm);
  }
  .email-version[data-scopedcss-2ec7219c11-1c47b1fc7b]:before {
    content: ' ';
    height: calc(100% - 20px);
    width: 3px;
    display: block;
    position: absolute;
    top: 10px;
    left: -4px;
  }
  .email-version.current[data-scopedcss-2ec7219c11-1c47b1fc7b]:before {
    background-color: var(--boxel-red);
  }
  .email-version.pending[data-scopedcss-2ec7219c11-1c47b1fc7b]:before {
    background-color: var(--boxel-green);
  }
  .email-version + .email-version[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    border-top: 1px solid var(--boxel-form-control-border-color);
  }
  .email-version.current[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    border-top-left-radius: var(--boxel-form-control-border-radius);
    border-top-right-radius: var(--boxel-form-control-border-radius);
    background-color: var(--boxel-100);
  }
  .email-version .header[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    text-transform: uppercase;
    font: var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp);
    font-weight: 500;
    margin-bottom: var(--boxel-sp-xs);
  }
  .current .header[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    color: var(--boxel-red);
  }
  .pending .header[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    color: var(--boxel-green);
  }
  .pending-email[data-scopedcss-2ec7219c11-1c47b1fc7b] {
    display: flex;
    justify-content: space-between;
  }

  .profile-field[data-scopedcss-bb866b054b-aeda22c396] .invalid {
    box-shadow: none;
  }
  .profile-field + .profile-field[data-scopedcss-bb866b054b-aeda22c396] {
    margin-top: var(--boxel-sp-xl);
  }
  .profile-subscription[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    justify-content: space-between;
  }
  .monthly-credit[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp);
  }
  .credit-info[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
    padding-left: var(--boxel-sp-sm);
    border-left: 5px solid #c6c6c6;
    min-height: 40px;
  }
  .credit-info__label[data-scopedcss-bb866b054b-aeda22c396] {
    font: var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xs);
    text-wrap: nowrap;
    line-height: 18px;
  }
  .additional-credit[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp);
  }
  .buy-more-credits[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-sm);
    border-top: 1px solid var(--boxel-300);
    padding-top: var(--boxel-sp-sm);
  }
  .buy-more-credits__title[data-scopedcss-bb866b054b-aeda22c396] {
    font: 600 var(--boxel-font-sm);
  }
  .payment-links[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-sm);
    padding-left: var(--boxel-sp-xs);
  }
  .payment-link[data-scopedcss-bb866b054b-aeda22c396] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--boxel-300);
    padding: var(--boxel-sp-xxs);
  }
  .payment-link > span[data-scopedcss-bb866b054b-aeda22c396] {
    color: var(--boxel-dark);
    font: 600 var(--boxel-font-sm);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-4xs);

    --icon-color: var(--boxel-teal);
    --boxel-loading-indicator-size: var(--boxel-icon-xs);
  }
  [data-scopedcss-bb866b054b-aeda22c396] .buy-more-credits .boxel-loading-indicator {
    width: 100%;
    text-align: center;
  }

  .buttons[data-scopedcss-091d128eae-63770e760e] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .right-buttons[data-scopedcss-091d128eae-63770e760e] {
    margin-left: auto;
  }
  .right-buttons[data-scopedcss-091d128eae-63770e760e] > :not(:first-child) {
    margin-left: var(--boxel-sp-xs);
  }
  .profile-settings-modal[data-scopedcss-091d128eae-63770e760e] >  .boxel-modal__inner {
    display: flex;
  }
  [data-scopedcss-091d128eae-63770e760e] .profile-settings {
    height: 70vh;
  }
  .error-message[data-scopedcss-091d128eae-63770e760e] {
    color: var(--boxel-error-100);
    margin-top: var(--boxel-sp-lg);
  }
  .profile-field[data-scopedcss-091d128eae-63770e760e] .invalid {
    box-shadow: none;
  }
  .profile-field + .profile-field[data-scopedcss-091d128eae-63770e760e] {
    margin-top: var(--boxel-sp-xl);
  }

  .input-group[data-scopedcss-46df32c134-fb3bded0b7] {
    position: relative;
  }
  .icon-container[data-scopedcss-46df32c134-fb3bded0b7] {
    position: absolute;
    color: var(--boxel-highlight);
    top: 0;
    left: 0;
    margin-left: var(--boxel-sp-xs);
    height: var(--boxel-form-control-height);
    display: inline-flex;
    align-items: center;
  }
  .ask-ai-input[data-scopedcss-46df32c134-fb3bded0b7] {
    padding-left: var(--boxel-sp-xxl);
    background-color: var(--boxel-ai-purple);
    color: var(--boxel-light);
    border: var(--boxel-form-control-dark-mode-border);
    border-radius: var(--boxel-border-radius-xxl);
  }
  .ask-ai-input[data-scopedcss-46df32c134-fb3bded0b7]:hover:not(:disabled) {
    border-color: var(--boxel-light);
  }
  .ask-ai-input[data-scopedcss-46df32c134-fb3bded0b7]:focus:focus-visible {
    outline: 1px solid var(--boxel-highlight);
    outline-offset: -1px;
    border-color: transparent;
  }
  .ask-ai-input[data-scopedcss-46df32c134-fb3bded0b7]::placeholder {
    color: var(--boxel-form-control-dark-mode-placeholder-color);
  }
  .ask-ai-input[data-scopedcss-46df32c134-fb3bded0b7]:disabled {
    background-color: var(--boxel-ai-purple);
    color: var(--boxel-light);
    border: var(--boxel-form-control-dark-mode-border);
    opacity: 0.5;
  }

  .ask-ai-container[data-scopedcss-e84f92e5b1-9cb77503f1] {
    width: 140px;
    position: absolute;
    bottom: var(--operator-mode-spacing);
    right: calc(
      2 * var(--operator-mode-spacing) + var(--container-button-size)
    );
    border-radius: var(--boxel-border-radius-xxl);
    box-shadow: var(--boxel-deep-box-shadow);
    z-index: var(--host-ai-panel-button-z-index);
    transition: width 0.3s ease-in-out;
  }
  .ask-ai-container[data-scopedcss-e84f92e5b1-9cb77503f1]:focus-within {
    width: 310px;
  }

  .boxel-pricing-container[data-scopedcss-6d3e666ee9-c414c36d37] {
    color: var(--boxel-700);
    background-color: var(--boxel-light);
    max-width: var(--boxel-xxl-container);
    margin: 0 auto;
  }

  .main-title[data-scopedcss-6d3e666ee9-c414c36d37] {
    font: var(--boxel-font-xl);
    font-weight: 700;
    text-align: center;
    color: var(--boxel-dark);
    margin-bottom: var(--boxel-sp-lg);
    margin-top: 0;
  }

  .early-preview-banner[data-scopedcss-6d3e666ee9-c414c36d37] {
    background-color: var(--boxel-lime);
    border: 1.5px solid var(--boxel-dark);
    border-radius: var(--boxel-border-radius-sm);
    padding: var(--boxel-sp-sm) var(--boxel-sp);
    font: var(--boxel-font);
    font-weight: 500;
    text-align: center;
    max-width: var(--boxel-lg-container);
    margin: 0 auto var(--boxel-sp) auto;
  }

  .intro-text[data-scopedcss-6d3e666ee9-c414c36d37] {
    text-align: center;
    max-width: var(--boxel-xl-container);
    margin: 0 auto var(--boxel-sp-xxl) auto;
    line-height: 1.5;
    color: var(--boxel-700);
  }

  .subscription-header[data-scopedcss-6d3e666ee9-c414c36d37] {
    text-align: center;
    margin-bottom: var(--boxel-sp-lg);
  }

  .subscription-title[data-scopedcss-6d3e666ee9-c414c36d37] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--boxel-sp-sm);
    margin-bottom: var(--boxel-sp-xs);
  }

  .subscription-title h2[data-scopedcss-6d3e666ee9-c414c36d37] {
    font: var(--boxel-font-lg);
    font-weight: 600;
    color: var(--boxel-dark);
    margin: 0;
  }

  .subscription-header p[data-scopedcss-6d3e666ee9-c414c36d37] {
    font: var(--boxel-font);
    color: var(--boxel-500);
    margin: 0;
  }

  .pricing-table[data-scopedcss-6d3e666ee9-c414c36d37] {
    border-top: var(--boxel-border);
    padding-top: var(--boxel-sp-lg);
  }
  .feature-labels-column[data-scopedcss-6d3e666ee9-c414c36d37] {
    display: none;
  }

  .plan-column[data-scopedcss-6d3e666ee9-c414c36d37] {
    border: var(--boxel-border);
    border-radius: var(--boxel-border-radius-lg);
    overflow: hidden;
    margin-bottom: var(--boxel-sp-lg);
    background-color: var(--boxel-light);
    position: relative;
  }
  .plan-column.plan-starter[data-scopedcss-6d3e666ee9-c414c36d37] {
    background-color: var(--boxel-100);
  }

  .current-plan-badge[data-scopedcss-6d3e666ee9-c414c36d37] {
    position: absolute;
    top: var(--boxel-sp);
    right: var(--boxel-sp);
    background-color: var(--boxel-450);
    color: var(--boxel-light);
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    border-radius: 50px;
    font: var(--boxel-font-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 8px;
  }

  .plan-header[data-scopedcss-6d3e666ee9-c414c36d37] {
    padding: var(--boxel-sp-lg);
    text-align: center;
  }
  .plan-column.plan-starter .plan-header[data-scopedcss-6d3e666ee9-c414c36d37] {
    background-color: var(--boxel-100);
  }
  .plan-header[data-scopedcss-6d3e666ee9-c414c36d37]:not(.plan-starter *) {
    background-color: var(--boxel-light);
  }

  .plan-name[data-scopedcss-6d3e666ee9-c414c36d37] {
    font: var(--boxel-font-md);
    font-weight: 600;
    margin: 0 0 var(--boxel-sp-xs) 0;
  }
  .plan-price[data-scopedcss-6d3e666ee9-c414c36d37] {
    font: var(--boxel-font-xl);
    font-weight: 700;
    color: var(--boxel-dark);
    line-height: 1;
  }
  .plan-period[data-scopedcss-6d3e666ee9-c414c36d37] {
    margin-bottom: var(--boxel-sp);
  }

  .btn[data-scopedcss-6d3e666ee9-c414c36d37] {
    display: inline-block;
    padding: var(--boxel-sp-sm) var(--boxel-sp-lg);
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: var(--boxel-transition);
    font: var(--boxel-font-sm);
  }
  .btn[data-scopedcss-6d3e666ee9-c414c36d37]:hover {
    transform: scale(1.05);
  }
  .btn-teal[data-scopedcss-6d3e666ee9-c414c36d37] {
    background-color: var(--boxel-teal);
    color: var(--boxel-dark);
  }
  .btn-dark[data-scopedcss-6d3e666ee9-c414c36d37] {
    background-color: var(--boxel-dark);
    color: var(--boxel-light);
  }
  .btn-get-started[data-scopedcss-6d3e666ee9-c414c36d37] {
    font-weight: 600;
  }

  .feature-cell[data-scopedcss-6d3e666ee9-c414c36d37] {
    padding: var(--boxel-sp) var(--boxel-sp);
    font-weight: 500;
    text-align: center;
    border-top: var(--boxel-border);
  }
  .feature-cell[data-scopedcss-6d3e666ee9-c414c36d37]:not(:last-child) {
    border-bottom: var(--boxel-border);
  }

  .feature-cell[data-scopedcss-6d3e666ee9-c414c36d37]::before {
    content: attr(data-label);
    display: block;
    font-weight: 500;
    color: var(--boxel-700);
    margin-bottom: var(--boxel-sp-xs);
    text-align: center;
    font: var(--boxel-font-sm);
  }
  .feature-cell .credit-value[data-scopedcss-6d3e666ee9-c414c36d37] {
    margin-top: var(--boxel-sp-xs);
  }

  .credit-value[data-scopedcss-6d3e666ee9-c414c36d37] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--boxel-sp-xs);
    font: var(--boxel-font-lg);
    font-weight: 600;
    --icon-color: var(--boxel-teal);
  }
  .feature-note[data-scopedcss-6d3e666ee9-c414c36d37] {
    color: var(--boxel-500);
    font: var(--boxel-font-sm);
    margin-top: var(--boxel-sp-xxs);
  }

  .footer-notes[data-scopedcss-6d3e666ee9-c414c36d37] {
    text-align: center;
    margin-top: var(--boxel-sp);
    color: var(--boxel-450);
    line-height: 1.5;
    font: var(--boxel-font-xs);
    margin-top: 1.5rem;
  }
  .footer-notes p[data-scopedcss-6d3e666ee9-c414c36d37] {
    margin: var(--boxel-sp-xs) 0;
  }
  .footer-notes .highlight[data-scopedcss-6d3e666ee9-c414c36d37] {
    background-color: var(--boxel-lime);
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    border-radius: var(--boxel-border-radius-xs);
    color: var(--boxel-700);
    font-weight: 500;
  }

  @media (min-width: 992px) {
    .pricing-table[data-scopedcss-6d3e666ee9-c414c36d37] {
      display: flex;
      border: var(--boxel-border);
      border-radius: var(--boxel-border-radius-lg);
      padding-top: 0;
      overflow: hidden;
    }

    .feature-labels-column[data-scopedcss-6d3e666ee9-c414c36d37] {
      display: block;
      flex: 1 1 25%;
      background-color: var(--boxel-light);
      font-weight: 600;
      color: var(--boxel-700);
    }

    .plan-column[data-scopedcss-6d3e666ee9-c414c36d37] {
      flex: 1 1 25%;
      border: none;
      border-radius: 0;
      margin-bottom: 0;
    }
    .plan-column[data-scopedcss-6d3e666ee9-c414c36d37]:not(:first-of-type) {
      border-left: var(--boxel-border);
    }

    .plan-header[data-scopedcss-6d3e666ee9-c414c36d37] {
      background-color: var(--boxel-100);
      min-height: 220px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .feature-cell[data-scopedcss-6d3e666ee9-c414c36d37]::before {
      display: none;
    }
    .feature-cell[data-scopedcss-6d3e666ee9-c414c36d37] {
      min-height: 100px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .label-cell[data-scopedcss-6d3e666ee9-c414c36d37] {
      min-height: 100px;
      padding: var(--boxel-sp);
      font-weight: 600;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .label-cell[data-scopedcss-6d3e666ee9-c414c36d37]:not(.is-header) {
      border-top: var(--boxel-border);
    }
    .label-cell.is-header[data-scopedcss-6d3e666ee9-c414c36d37] {
      min-height: 220px;
    }

    .credit-value[data-scopedcss-6d3e666ee9-c414c36d37] {
      font: var(--boxel-font-lg);
      font-weight: 600;
    }
  }

  .choose-subscription-plan-modal[data-scopedcss-6d3e666ee9-c414c36d37] {
    --boxel-modal-max-width: 80rem;
    --boxel-modal-offset-top: var(--boxel-sp-xxl);
    height: 90%;
  }

  .new-file-dropdown-trigger[data-scopedcss-d4a71fbef3-a5d4daf755] {
    --new-file-button-width: 6.25rem; /* 100px */
    --new-file-button-height: var(--operator-mode-top-bar-item-height);

    height: var(--new-file-button-height);
    width: var(--new-file-button-width);
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    justify-content: flex-start;
    gap: var(--boxel-sp-xxs);
    flex-shrink: 0;
  }
  .new-file-dropdown-trigger[data-scopedcss-d4a71fbef3-a5d4daf755]:focus:not(:disabled) {
    outline-offset: 1px;
  }
  .new-file-dropdown-trigger svg[data-scopedcss-d4a71fbef3-a5d4daf755] {
    --icon-color: currentColor;
    flex-shrink: 0;
  }
  .new-file-button-icon[data-scopedcss-d4a71fbef3-a5d4daf755] >  path {
    stroke: none;
  }
  .dropdown-arrow[data-scopedcss-d4a71fbef3-a5d4daf755] {
    margin-left: auto;
  }
  .new-file-dropdown-trigger[aria-expanded='true'] .dropdown-arrow[data-scopedcss-d4a71fbef3-a5d4daf755] {
    transform: rotate(180deg);
  }
  .new-file-menu[data-scopedcss-d4a71fbef3-a5d4daf755] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs);
    width: 19.375rem; /* 310px */
  }
  [data-scopedcss-d4a71fbef3-a5d4daf755] .boxel-menu__separator {
    border-color: var(--boxel-300);
  }
  [data-scopedcss-d4a71fbef3-a5d4daf755] .menu-item {
    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: var(--boxel-sp-6xs);
    column-gap: var(--boxel-sp-xs);
    line-height: calc(18 / 11);
  }
  [data-scopedcss-d4a71fbef3-a5d4daf755] .menu-item .subtext {
    grid-column: 2;
    color: var(--boxel-450);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp);
  }
  [data-scopedcss-d4a71fbef3-a5d4daf755] .menu-item .icon {
    width: var(--boxel-icon-sm);
    height: var(--boxel-icon-sm);
  }
  .new-file-menu[data-scopedcss-d4a71fbef3-a5d4daf755] .postscript {
    color: var(--boxel-450);
    font: 500 var(--boxel-font-xs);
    letter-spacing: var(--boxel-lsp-xl);
    text-transform: uppercase;
  }
  .new-file-menu[data-scopedcss-d4a71fbef3-a5d4daf755] .check-icon {
    display: none;
  }

  .workspace[data-scopedcss-c78e52bd85-f653f48660] {
    min-width: var(--boxel-xxs-container);
    width: var(--boxel-xxs-container);
    height: 10.375rem;
    display: flex;
    flex-direction: column;
    border-radius: var(--boxel-border-radius-xl);
    border: none;
    overflow: hidden;
    padding: 0;
    position: relative;
  }
  .workspace[data-scopedcss-c78e52bd85-f653f48660]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--boxel-border-radius-xl);
    border: 1px solid
      var(--item-container-border-color, rgba(255 255 255 / 15%));
    pointer-events: none;
    z-index: 2;
  }
  .workspace[data-scopedcss-c78e52bd85-f653f48660]:hover::after {
    border-color: var(
      --item-container-border-hover-color,
      rgba(255 255 255 / 40%)
    );
  }
  .workspace[data-scopedcss-c78e52bd85-f653f48660]:focus-visible {
    outline-offset: -1px;
  }

  .create-workspace-modal[data-scopedcss-7876c8abd3-53ef893848] >  .boxel-modal__inner {
    display: flex;
  }
  [data-scopedcss-7876c8abd3-53ef893848] .create-workspace {
    height: 28rem;
  }
  .boxel-field + .boxel-field[data-scopedcss-7876c8abd3-53ef893848] {
    margin-top: var(--boxel-sp);
  }
  .field[data-scopedcss-7876c8abd3-53ef893848] {
    --boxel-field-label-size: 8rem;
    padding-right: 0;
  }
  .footer-buttons[data-scopedcss-7876c8abd3-53ef893848] {
    display: flex;
    margin-left: auto;
    gap: var(--boxel-sp-xxs);
  }
  .error-message[data-scopedcss-7876c8abd3-53ef893848] {
    color: var(--boxel-error-100);
    margin-top: var(--boxel-sp-lg);
  }
  .spinner-container[data-scopedcss-7876c8abd3-53ef893848] {
    align-items: center;
    display: flex;
    height: 12rem;
    justify-content: center;
  }
  .spinner-inner-container[data-scopedcss-7876c8abd3-53ef893848] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    text-align: center;
  }
  .spinner[data-scopedcss-7876c8abd3-53ef893848] {
    --boxel-loading-indicator-size: 2.5rem;
  }

  .container[data-scopedcss-7876c8abd3-188353be9f] {
    border-style: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .icon[data-scopedcss-7876c8abd3-188353be9f] {
    --icon-color: var(--boxel-highlight);
  }
  .icon[data-scopedcss-7876c8abd3-188353be9f] path {
    stroke: none;
  }
  .content[data-scopedcss-7876c8abd3-188353be9f] {
    color: var(--boxel-light);
    text-align: center;
  }
  .content .icon[data-scopedcss-7876c8abd3-188353be9f] {
    color: var(--boxel-highlight);
  }

  .workspace[data-scopedcss-ebc7332433-060ceb2e49] {
    min-width: var(--boxel-xxs-container);
    width: var(--boxel-xxs-container);
    height: 10.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--boxel-border-radius-xl);
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    padding: 0;

    position: relative;

    --icon-color: var(--boxel-light);
  }
  .loading-small-icon[data-scopedcss-ebc7332433-060ceb2e49] {
    position: absolute;
    width: var(--boxel-icon-sm);
    height: var(--boxel-icon-sm);
    top: var(--boxel-sp-xs);
    left: var(--boxel-sp-xs);
    background: var(--boxel-dark);
    border-radius: var(--boxel-border-radius-sm);
  }

  .workspace-card[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: relative;
    cursor: pointer;
    --item-container-border-color: transparent;
    --item-container-border-hover-color: transparent;
  }
  .workspace-card[data-scopedcss-8cee397ced-42a8e1bfa8]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--boxel-xxs-container);
    height: 10.375rem;
    box-sizing: border-box;
    border-radius: var(--boxel-border-radius-xl);
    border: 1px solid rgba(255 255 255 / 25%);
    pointer-events: none;
    z-index: 20;
  }
  .workspace-card[data-scopedcss-8cee397ced-42a8e1bfa8]:hover::after {
    border-color: rgba(255 255 255 / 50%);
  }
  .tile-favorite-btn[data-scopedcss-8cee397ced-42a8e1bfa8] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 3;
    color: var(--boxel-light);
    --icon-color: var(--boxel-light);
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .workspace-card:hover .tile-favorite-btn[data-scopedcss-8cee397ced-42a8e1bfa8] {
    opacity: 1;
  }
  .tile-favorite-btn[data-scopedcss-8cee397ced-42a8e1bfa8]:hover {
    background: rgba(0 0 0 / 40%);
    backdrop-filter: blur(6px);
    border-radius: var(--boxel-border-radius-sm);
  }
  .tile-favorite-btn.is-favorited[data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-teal);
    --icon-color: var(--boxel-teal);
    opacity: 1;
  }
  .tile-menu-btn[data-scopedcss-8cee397ced-42a8e1bfa8] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 3;
    color: var(--boxel-light);
    opacity: 0;
    transition: opacity 0.15s ease;
    border-radius: var(--boxel-border-radius-sm);
    width: var(--boxel-button-xs);
    height: var(--boxel-button-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    --boxel-icon-button-width: var(--boxel-button-xs);
    --boxel-icon-button-height: var(--boxel-button-xs);
  }
  .workspace-card:hover .tile-menu-btn[data-scopedcss-8cee397ced-42a8e1bfa8],
  .tile-menu-btn[data-scopedcss-8cee397ced-42a8e1bfa8]:focus-within {
    opacity: 1;
  }
  .tile-menu-btn[data-scopedcss-8cee397ced-42a8e1bfa8]:hover {
    background: rgba(0 0 0 / 40%);
    backdrop-filter: blur(6px);
  }
  .tile-icon[data-scopedcss-8cee397ced-42a8e1bfa8] {
    background-color: var(--boxel-500);
    background-image: var(--workspace-background-image-url);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    position: relative;
    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
  }
  .realm-icon-wrapper[data-scopedcss-8cee397ced-42a8e1bfa8] {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    border-radius: calc(
      var(--boxel-border-radius-xs) + var(--boxel-border-radius-sm)
    );
    display: flex;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
  }
  .realm-icon-wrapper[data-scopedcss-8cee397ced-42a8e1bfa8]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255 255 255 / 50%);
    z-index: 1;
    pointer-events: none;
  }
  .workspace-realm-icon[data-scopedcss-8cee397ced-42a8e1bfa8] {
    --boxel-realm-icon-size: 2.625rem;
    --boxel-realm-icon-border-radius: calc(
      var(--boxel-border-radius-xs) + 6px
    );
    --boxel-realm-icon-background-color: var(--boxel-light);
  }
  .info[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--boxel-sp-xs);
    gap: var(--boxel-sp-5xs);
  }
  .info > span[data-scopedcss-8cee397ced-42a8e1bfa8] {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-wrap: nowrap;
    text-align: center;
    letter-spacing: var(--boxel-lsp);
  }
  .name[data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-light);
    font: 400 var(--boxel-font-sm);
  }
  .visibility[data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-400);
    font: 400 var(--boxel-font-xs);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--boxel-sp-5xs);
    --icon-color: var(--boxel-400);
  }
  .visibility[data-scopedcss-8cee397ced-42a8e1bfa8] [data-tooltip-trigger] {
    display: inline-flex;
    align-items: center;
  }
  .visibility-label[data-scopedcss-8cee397ced-42a8e1bfa8] {
    margin-left: var(--boxel-sp-6xs);
  }
  .hosted-icon[data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-teal);
    display: flex;
    align-items: center;
    margin-right: var(--boxel-sp-6xs);
  }
  .realm-url[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-xs);
    color: var(--boxel-500);
    max-width: 8.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .info--hidden[data-scopedcss-8cee397ced-42a8e1bfa8] {
    visibility: hidden;
  }
  .host-trigger[data-scopedcss-8cee397ced-42a8e1bfa8] {
    position: absolute;
    top: calc(10.375rem - 2.25rem);
    left: 0;
    width: var(--boxel-xxs-container);
    height: 2.25rem;
    background: rgba(0 0 0 / 40%);
    backdrop-filter: blur(6px);
    border: none;
    border-radius: 0 0 var(--boxel-border-radius-xl)
      var(--boxel-border-radius-xl);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-2xs);
    padding: 0 var(--boxel-sp-xs) 0 var(--boxel-sp-sm);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 7;
    overflow: hidden;
  }
  .workspace-card:hover .host-trigger[data-scopedcss-8cee397ced-42a8e1bfa8],
  .workspace-card.is-open .host-trigger[data-scopedcss-8cee397ced-42a8e1bfa8] {
    opacity: 1;
    transition: none;
  }
  .trigger-house[data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-teal);
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .trigger-url[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-2xs);
    color: var(--boxel-light);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    text-align: left;
  }
  .trigger-chevron[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-xs);
    color: var(--boxel-light);
    flex-shrink: 0;
  }
  .host-dropdown[data-scopedcss-8cee397ced-42a8e1bfa8] {
    position: absolute;
    top: 10.375rem;
    left: 0;
    width: var(--boxel-xxs-container);
    background: var(--boxel-light);
    border-radius: var(--boxel-border-radius);
    box-shadow: 0 4px 16px rgba(0 0 0 / 25%);
    z-index: 10;
    padding: var(--boxel-sp-xs) 0 var(--boxel-sp-2xs);
    display: flex;
    flex-direction: column;
  }
  .dropdown-header[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-2xs);
    font-weight: 600;
    color: var(--boxel-550);
    padding: 0 var(--boxel-sp-sm) 0.5rem;
    border-bottom: 1px solid rgba(0 0 0 / 8%);
    display: block;
  }
  .dropdown-list[data-scopedcss-8cee397ced-42a8e1bfa8] {
    list-style: none;
    margin: 0;
    padding: var(--boxel-sp-4xs) var(--boxel-sp-2xs);
  }
  .dropdown-list li[data-scopedcss-8cee397ced-42a8e1bfa8] {
    margin: 0;
    padding: 0;
  }
  .dropdown-option[data-scopedcss-8cee397ced-42a8e1bfa8] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: var(--boxel-sp-2xs) 0.5rem;
    background: none;
    border: none;
    border-radius: var(--boxel-border-radius-sm);
    cursor: pointer;
    text-align: left;
  }
  .dropdown-option[data-scopedcss-8cee397ced-42a8e1bfa8]:hover {
    background: rgba(0 0 0 / 6%);
  }
  .option-url[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-xs);
    color: var(--boxel-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .workspace-menu[data-scopedcss-8cee397ced-42a8e1bfa8] {
    position: absolute;
    top: var(--boxel-sp-xs);
    right: var(--boxel-sp-xs);
    z-index: 1;
  }
  .workspace-menu__trigger[data-scopedcss-8cee397ced-42a8e1bfa8] {
    --boxel-icon-button-width: 2.65rem;
    --boxel-icon-button-height: 1.85rem;
    --boxel-icon-button-padding: 0 0.38rem;
    color: var(--boxel-light-100);
    background: rgb(24 25 32 / 86%);
    border: 1px solid rgb(255 255 255 / 62%);
    border-radius: 6px;
    box-shadow: 0 6px 14px rgb(0 0 0 / 22%);
    backdrop-filter: blur(10px);
  }
  .workspace-menu__trigger[data-scopedcss-8cee397ced-42a8e1bfa8] svg {
    width: 1.7rem;
    height: 1.7rem;
  }
  .workspace-menu__trigger[data-scopedcss-8cee397ced-42a8e1bfa8]:hover,
  .workspace-menu__trigger[aria-expanded='true'][data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-dark);
    background: var(--boxel-highlight);
    border-color: rgb(255 255 255 / 78%);
  }
  .workspace-menu__content {
    min-width: 11rem;
  }
  .workspace-menu__list[data-scopedcss-8cee397ced-42a8e1bfa8] {
    --boxel-menu-item-content-padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
  }
  .workspace-chooser-delete-modal-container[data-scopedcss-8cee397ced-42a8e1bfa8] >  .boxel-modal__inner {
    display: flex;
  }
  [data-scopedcss-8cee397ced-42a8e1bfa8] .workspace-chooser-delete-modal {
    border-radius: var(--boxel-border-radius-xxl);
    max-width: var(--boxel-md-container);
    height: auto;
    display: flex;
    flex-direction: column;
  }
  [data-scopedcss-8cee397ced-42a8e1bfa8] .workspace-chooser-delete-modal > .dialog-box__header {
    display: none;
  }
  [data-scopedcss-8cee397ced-42a8e1bfa8] .workspace-chooser-delete-modal > .dialog-box__content {
    padding: var(--boxel-sp-lg) var(--boxel-sp-xl);
    overflow: visible;
    height: auto;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-lg);
  }
  [data-scopedcss-8cee397ced-42a8e1bfa8] .workspace-chooser-delete-modal > .dialog-box__content > * + * {
    margin-top: 0;
  }
  [data-scopedcss-8cee397ced-42a8e1bfa8] .workspace-chooser-delete-modal > .dialog-box__footer {
    height: auto;
    flex: none;
    padding: 0 var(--boxel-sp-xl) var(--boxel-sp-xl);
    border-top: none;
  }
  .delete-modal__header[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-sm);
  }
  .delete-modal__warning-icon[data-scopedcss-8cee397ced-42a8e1bfa8] {
    width: var(--boxel-icon-lg);
    height: var(--boxel-icon-lg);
    min-width: var(--boxel-icon-lg);
    color: var(--boxel-danger);
    flex-shrink: 0;
  }
  .delete-modal__title[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--boxel-dark);
    margin: 0;
  }
  .delete-modal__workspace-card[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-sm);
    background: var(--boxel-light-100);
    border-radius: var(--boxel-border-radius-lg);
    padding: var(--boxel-sp);
    min-height: 5.125rem;
  }
  .delete-modal__realm-icon-wrapper[data-scopedcss-8cee397ced-42a8e1bfa8] {
    position: relative;
    flex-shrink: 0;
    border-radius: calc(
      var(--boxel-border-radius-xs) + var(--boxel-border-radius-sm)
    );
    display: flex;
  }
  .delete-modal__realm-icon-wrapper[data-scopedcss-8cee397ced-42a8e1bfa8]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255 255 255 / 50%);
    z-index: 1;
    pointer-events: none;
  }
  .delete-modal__realm-icon[data-scopedcss-8cee397ced-42a8e1bfa8] {
    --boxel-realm-icon-size: 2.625rem;
    --boxel-realm-icon-border-radius: calc(
      var(--boxel-border-radius-xs) + 6px
    );
    --boxel-realm-icon-background-color: var(--boxel-light);
  }
  .delete-modal__workspace-info[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-4xs);
  }
  .delete-modal__workspace-name[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-sm);
    font-weight: 700;
    color: var(--boxel-dark);
  }
  .delete-modal__workspace-meta[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-sm);
    font-weight: 400;
    color: var(--boxel-dark);
  }
  .delete-modal__warning-box[data-scopedcss-8cee397ced-42a8e1bfa8] {
    background: var(--boxel-danger-bg);
    border-radius: var(--boxel-border-radius-lg);
    padding: var(--boxel-sp-lg);
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-sm);
  }
  .delete-modal__warning-text[data-scopedcss-8cee397ced-42a8e1bfa8] {
    margin: 0;
    font-size: var(--boxel-font-size-sm);
    font-weight: 700;
    color: var(--boxel-dark);
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-2xs);
  }
  .delete-modal__realms[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: var(--boxel-sp-4xs);
  }
  .delete-modal__realms-title[data-scopedcss-8cee397ced-42a8e1bfa8] {
    margin: 0;
    font-size: var(--boxel-font-size-sm);
    font-weight: 700;
    color: var(--boxel-dark);
  }
  .delete-modal__realms-list[data-scopedcss-8cee397ced-42a8e1bfa8] {
    margin: 0;
    padding-left: var(--boxel-sp-lg);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .delete-modal__realms-list li[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-sm);
    font-weight: 500;
    color: var(--boxel-dark);
    list-style: disc;
  }
  .delete-modal__error[data-scopedcss-8cee397ced-42a8e1bfa8] {
    color: var(--boxel-danger);
    font-size: var(--boxel-font-size-sm);
    font-weight: 600;
    margin: 0;
  }
  .delete-modal__footer[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--boxel-sp-xs);
    width: 100%;
  }
  .delete-modal__actions[data-scopedcss-8cee397ced-42a8e1bfa8] {
    display: flex;
    gap: var(--boxel-sp-sm);
    align-items: center;
  }
  .delete-modal__cancel[data-scopedcss-8cee397ced-42a8e1bfa8] {
    background: none;
    border: 1px solid var(--boxel-450);
    border-radius: var(--boxel-border-radius-xxl);
    padding: 0 var(--boxel-sp-lg);
    height: var(--boxel-button-tall);
    font-size: var(--boxel-font-size-sm);
    font-weight: 700;
    color: var(--boxel-dark);
    cursor: pointer;
    transition:
      border-color 0.15s ease,
      background 0.15s ease;
  }
  .delete-modal__cancel[data-scopedcss-8cee397ced-42a8e1bfa8]:hover {
    border-color: var(--boxel-550);
    background: var(--boxel-light-100);
  }
  .delete-modal__confirm[data-scopedcss-8cee397ced-42a8e1bfa8] {
    background: var(--boxel-danger);
    border: none;
    border-radius: var(--boxel-border-radius-xxl);
    padding: 0 1.5rem;
    height: var(--boxel-button-tall);
    font-size: var(--boxel-font-size-sm);
    font-weight: 700;
    color: var(--boxel-light);
    cursor: pointer;
    transition: background 0.15s ease;
  }
  .delete-modal__confirm[data-scopedcss-8cee397ced-42a8e1bfa8]:hover {
    background: var(--boxel-danger-hover);
  }
  .delete-modal__disclaimer[data-scopedcss-8cee397ced-42a8e1bfa8] {
    font-size: var(--boxel-font-size-xs);
    font-weight: 700;
    color: var(--boxel-danger);
  }
  .delete-modal__spinner[data-scopedcss-8cee397ced-42a8e1bfa8] {
    --boxel-loading-indicator-size: 2rem;
  }

  @keyframes fadeIn-data-scopedcss-2ba9a832bb-421979698a {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .workspace-chooser[data-scopedcss-2ba9a832bb-421979698a] {
    opacity: 0;
    position: absolute;
    background-color: var(--boxel-800);
    height: 100%;
    width: 100%;
    animation: fadeIn-data-scopedcss-2ba9a832bb-421979698a 0.5s ease-in forwards;
    z-index: var(--host-workspace-chooser-z-index);
  }
  .sort-controls[data-scopedcss-2ba9a832bb-421979698a] {
    display: flex;
    align-items: center;
  }
  .sort-select[data-scopedcss-2ba9a832bb-421979698a] {
    --boxel-select-background-color: rgb(42 32 64 / 90%);
    --boxel-select-border-color: rgba(255 255 255 / 25%);
    --boxel-select-text-color: var(--boxel-light);
    --boxel-select-focus-border-color: rgba(255 255 255 / 50%);
    --icon-color: var(--boxel-light);
    font: 400 var(--boxel-font-sm);
    letter-spacing: var(--boxel-lsp);
  }
  .workspace-chooser__content[data-scopedcss-2ba9a832bb-421979698a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--boxel-sp-lg);
    height: 100%;
    padding: calc(5rem + 3.75rem) 5rem 5rem;
    overflow: auto;
  }
  .sections-wrapper[data-scopedcss-2ba9a832bb-421979698a] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--boxel-sp-lg) * 2);
  }
  .workspace-section[data-scopedcss-2ba9a832bb-421979698a] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-lg);
  }
  .section-header[data-scopedcss-2ba9a832bb-421979698a] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
  }
  .section-header-icon[data-scopedcss-2ba9a832bb-421979698a] {
    --icon-color: var(--boxel-teal);
    color: var(--boxel-teal);
    flex-shrink: 0;
  }
  .workspace-chooser__title[data-scopedcss-2ba9a832bb-421979698a] {
    color: var(--boxel-light);
    font: 400 var(--boxel-font-lg);
    letter-spacing: var(--boxel-lsp);
  }
  .workspace-list[data-scopedcss-2ba9a832bb-421979698a] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--boxel-sp-lg) + var(--boxel-sp-lg));
    padding: var(--boxel-sp-xs) 0;
  }
  .section-empty[data-scopedcss-2ba9a832bb-421979698a] {
    color: var(--boxel-400);
    font: 400 var(--boxel-font-sm);
  }

  .submode-layout[data-scopedcss-ca91a9501d-3c8f89b25e] {
    --submode-bar-item-border-radius: var(--boxel-border-radius);
    --boxel-icon-button-width: var(--container-button-size);
    --boxel-icon-button-height: var(--container-button-size);
    position: relative;
    display: flex;
    height: 100%;
    z-index: 0;
  }

  .submode-layout > .boxel-panel-group[data-scopedcss-ca91a9501d-3c8f89b25e] {
    width: 100%;
  }

  .ai-assistant-resizable-panel[data-scopedcss-ca91a9501d-3c8f89b25e] {
    overflow: initial;
  }

  .main-panel[data-scopedcss-ca91a9501d-3c8f89b25e] {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .ai-assistant-open[data-scopedcss-ca91a9501d-3c8f89b25e] {
    grid-template-columns: 1.5fr 0.5fr;
  }

  .chat-btn[data-scopedcss-ca91a9501d-3c8f89b25e] {
    position: absolute;
    bottom: var(--operator-mode-spacing);
    right: var(--operator-mode-spacing);
    background-color: var(--boxel-ai-purple);
    box-shadow: var(--submode-bar-item-box-shadow);
    z-index: var(--host-ai-panel-button-z-index);
  }

  .ai-assistant-panel[data-scopedcss-ca91a9501d-3c8f89b25e] {
    z-index: var(--host-ai-panel-z-index);
  }

  .submode-layout-top-bar[data-scopedcss-ca91a9501d-3c8f89b25e] {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: var(--operator-mode-spacing);
    z-index: var(--host-top-bar-z-index);

    display: flex;
    align-items: center;
    gap: var(--operator-mode-spacing);
  }

  .submode-layout-top-bar-center[data-scopedcss-ca91a9501d-3c8f89b25e] {
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 0;
  }

  .submode-switcher[data-scopedcss-ca91a9501d-3c8f89b25e] {
    border: none;
    border-radius: var(--submode-bar-item-border-radius);
    box-shadow: var(--submode-bar-item-box-shadow);
    outline: var(--submode-bar-item-outline);
  }
  .submode-switcher[data-scopedcss-ca91a9501d-3c8f89b25e]
    .submode-switcher-dropdown-trigger:focus:not(:focus-visible),
  .submode-switcher[data-scopedcss-ca91a9501d-3c8f89b25e]
    .submode-switcher-dropdown-trigger:focus:not(:disabled) {
    outline-offset: unset;
  }

  .new-file-button[data-scopedcss-ca91a9501d-3c8f89b25e] {
    border: none;
    border-radius: var(--submode-bar-item-border-radius);
    box-shadow: var(--submode-bar-item-box-shadow);
    width: var(--submode-new-file-button-width);
  }

  .profile-icon-button[data-scopedcss-ca91a9501d-3c8f89b25e] {
    --boxel-icon-button-width: var(--container-button-size);
    --boxel-icon-button-height: var(--container-button-size);

    background: none;

    padding: 0;
    margin-left: auto;

    border: none;
    border-radius: 50%;
    box-shadow: var(--submode-bar-item-box-shadow);
    z-index: var(--host-profile-z-index);
  }

  .workspace-button[data-scopedcss-ca91a9501d-3c8f89b25e] {
    --icon-color: var(--boxel-highlight);
    --icon-text-color: var(--boxel-light);
    --boxel-icon-button-width: 160px;
    --boxel-icon-button-height: 40px;

    border: none;
    border-radius: var(--submode-bar-item-border-radius);
    flex-shrink: 0;
    position: relative;
  }

  .workspace-button[data-scopedcss-ca91a9501d-3c8f89b25e] svg {
    position: absolute;
    left: 0;
    max-width: unset;
  }

  .workspace-button[data-scopedcss-ca91a9501d-3c8f89b25e]:focus:not(:focus-visible) {
    outline-offset: unset;
  }
  .workspace-button[data-scopedcss-ca91a9501d-3c8f89b25e]:focus:not(:disabled) {
    outline-offset: 1px;
  }
  .workspace-button--dark[data-scopedcss-ca91a9501d-3c8f89b25e] {
    --icon-bg-opacity: 1;
    --icon-color: var(--boxel-dark);
    --icon-bg-color: var(--boxel-highlight);
    --boxel-icon-button-width: 40px;
    outline: var(--submode-bar-item-outline);
    box-shadow: var(--submode-bar-item-box-shadow);
  }
  .workspace-button--dark[data-scopedcss-ca91a9501d-3c8f89b25e]:focus:not(:focus-visible) {
    outline: var(--submode-bar-item-outline);
    outline-offset: 0px;
  }
  .workspace-button--dark[data-scopedcss-ca91a9501d-3c8f89b25e]:focus:focus-visible {
    outline-width: 2px;
    outline-offset: 0px;
  }

  [data-scopedcss-ca91a9501d-3c8f89b25e] .open-search-field {
    box-shadow: var(--submode-bar-item-box-shadow);
    outline: var(--submode-bar-item-outline);
  }

  @media print {
    .submode-layout-top-bar[data-scopedcss-ca91a9501d-3c8f89b25e] {
      display: none;
    }
  }

  :root {
    --code-submode-background: #74707d;
    --code-mode-panel-background-color: #ebeaed;
    --code-mode-container-border-radius: 10px;
    --code-mode-realm-icon-size: 1.125rem;
    --code-mode-active-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    --monaco-background: var(--boxel-600);
    --monaco-selection-background: var(--boxel-500);
    --monaco-inactive-selection-background: var(--boxel-550);
    --monaco-readonly-background: #606060;
  }

  .code-submode-layout[data-scopedcss-2afa6438eb-6203beeefb] {
    --submode-bar-item-outline: 2px solid transparent;
    --submode-bar-item-box-shadow: none;
    background-color: var(--code-submode-background);
  }

  .code-mode[data-scopedcss-2afa6438eb-6203beeefb] {
    overflow: auto;
    flex: 1;
    background-color: var(--code-submode-background);
  }

  .columns[data-scopedcss-2afa6438eb-6203beeefb] {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 100%;
    border-top: 1px solid var(--boxel-dark);
  }

  .column[data-scopedcss-2afa6438eb-6203beeefb] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp);
    height: 100%;
  }

  .handle[data-scopedcss-2afa6438eb-6203beeefb] {
    --boxel-panel-resize-separator-background-color: var(--boxel-dark);
  }

  .monaco-editor-panel[data-scopedcss-2afa6438eb-6203beeefb] {
    background-color: var(--monaco-background);
  }
  .monaco-editor-panel[data-scopedcss-2afa6438eb-6203beeefb] .binary-info {
    --icon-color: var(--boxel-light);
    color: var(--boxel-light);
  }

  .choose-file-prompt[data-scopedcss-2afa6438eb-6203beeefb] {
    margin: 0;
    padding: var(--boxel-sp);
    font: 600 var(--boxel-font);
    letter-spacing: var(--boxel-lsp-xs);
  }

  .code-submode-layout[data-scopedcss-2afa6438eb-6203beeefb]
    
      .submode-layout-top-bar .ember-basic-dropdown-content-wormhole-origin
     {
    position: absolute;
  }

  .module-inspector-container[data-scopedcss-2afa6438eb-6203beeefb] {
    --boxel-format-chooser-height: var(--boxel-form-control-height);

    background-color: transparent;
  }

  .loading[data-scopedcss-2afa6438eb-6203beeefb] {
    margin: 40vh auto;
  }

  .empty-container[data-scopedcss-2afa6438eb-6203beeefb] {
    background-color: var(--boxel-light-100);
    align-items: center;
    justify-content: center;
  }

  .loading-indicator[data-scopedcss-2afa6438eb-6203beeefb] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .open-site-popover[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: solid 1px rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
    z-index: 1000;
    margin-top: 4px;
    padding: var(--boxel-sp-xs);
    min-width: 320px;
    max-width: 450px;
  }

  .published-realms[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    max-height: 200px;
    overflow-y: auto;
  }

  .realm-item[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--boxel-light-200);
    padding: 0.5rem 0;
  }

  .realm-item[data-scopedcss-1b4d4aaef8-37cd701a0e]:last-child {
    border-bottom: none;
  }

  .realm-url[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    flex: 1;
    font: 500 var(--boxel-font-sm);
    color: var(--boxel-dark);
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.75rem;
  }

  .open-site-button[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    font-size: var(--boxel-font-size-xs);
  }

  .external-link-icon[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    flex-shrink: 0;
  }

  .no-published-message[data-scopedcss-1b4d4aaef8-37cd701a0e] {
    text-align: center;
    color: var(--boxel-light-600);
    font-style: italic;
    padding: 1rem;
    font-size: var(--boxel-font-size-xs);
  }

  .publishing-realm-popover[data-scopedcss-8454b4d9e1-963248bdd7] {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: solid 1px rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
    min-width: 320px;
    max-width: 320px;
    z-index: 1000;
    margin-top: 4px;
    padding: var(--boxel-sp-xs);
  }

  .publishing-realm-header[data-scopedcss-8454b4d9e1-963248bdd7] {
    font: 500 var(--boxel-font-xs);
    color: var(--boxel-dark);
    line-height: 2.91;
    letter-spacing: 0.17px;
  }

  .publishing-realm-content[data-scopedcss-8454b4d9e1-963248bdd7] {
    padding: 0.5rem 0;
  }

  .publishing-realms-list[data-scopedcss-8454b4d9e1-963248bdd7] {
    max-height: 200px;
  }

  .realm-item[data-scopedcss-8454b4d9e1-963248bdd7] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--boxel-light-200);
  }

  .realm-item[data-scopedcss-8454b4d9e1-963248bdd7]:last-child {
    border-bottom: none;
  }

  .realm-icon-container[data-scopedcss-8454b4d9e1-963248bdd7] {
    width: 20px;
    height: 20px;
    margin-right: 0.75rem;
    flex-shrink: 0;
  }

  .realm-icon[data-scopedcss-8454b4d9e1-963248bdd7] {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    object-fit: cover;
  }

  .default-realm-icon[data-scopedcss-8454b4d9e1-963248bdd7] {
    width: 100%;
    height: 100%;
    background-color: var(--boxel-light-400);
    border-radius: 3px;
  }

  .realm-url[data-scopedcss-8454b4d9e1-963248bdd7] {
    flex: 1;
    font: 500 var(--boxel-font-sm);
    color: var(--boxel-dark);
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .status-icon[data-scopedcss-8454b4d9e1-963248bdd7] {
    margin-left: 0.75rem;
    flex-shrink: 0;
  }

  .loading-icon[data-scopedcss-8454b4d9e1-963248bdd7] {
    color: var(--boxel-purple-600);
  }

  .no-domains-message[data-scopedcss-8454b4d9e1-963248bdd7] {
    text-align: center;
    color: var(--boxel-light-600);
    font-style: italic;
    padding: 1rem;
    font-size: var(--boxel-font-size-xs);
  }

  @keyframes spin-data-scopedcss-8454b4d9e1-963248bdd7 {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .violation[data-scopedcss-467a336db8-b1c609b2ef] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xxxs);
    padding: var(--boxel-sp-xxs) 0;
    font-size: var(--boxel-font-size-sm);
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .resource[data-scopedcss-467a336db8-b1c609b2ef] {
    font-weight: var(--boxel-font-weight-bold);
  }

  .realm-list[data-scopedcss-467a336db8-b1c609b2ef] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xxxs);
  }

  .realm[data-scopedcss-467a336db8-b1c609b2ef] {
    background: var(--boxel-50);
    border-radius: var(--boxel-border-radius-xs);
    color: var(--boxel-550);
    padding: 2px var(--boxel-sp-xxs);
    font-size: var(--boxel-font-size-xs);
    white-space: nowrap;
  }

  .publish-realm-modal[data-scopedcss-24061729b1-389526d682] {
    --horizontal-gap: var(--boxel-sp-xs);
    --stack-card-footer-height: auto;
  }

  .publish-realm-modal[data-scopedcss-24061729b1-389526d682] >  .boxel-modal__inner {
    display: flex;
  }

  .publish-realm-modal[data-scopedcss-24061729b1-389526d682] .dialog-box__content {
    display: flex;
    flex-direction: column;
  }

  [data-scopedcss-24061729b1-389526d682] .publish-realm {
    height: 32rem;
  }

  [data-scopedcss-24061729b1-389526d682] .dialog-box__header {
    gap: var(--boxel-sp-xxxs);
  }

  .modal-subtitle[data-scopedcss-24061729b1-389526d682] {
    font-size: normal var(--boxel-font-sm);
    color: var(--boxel-dark);
  }

  .publish-warning[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
    margin-bottom: var(--boxel-sp);
    padding: var(--boxel-sp-sm);
    border-radius: var(--boxel-border-radius-lg);
    font-size: var(--boxel-font-size-sm);
  }

  .publish-warning.warning[data-scopedcss-24061729b1-389526d682] {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--boxel-sp-sm);
    background-color: var(--boxel-warning-200);
    color: var(--boxel-dark);
  }

  .publish-warning-body[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
  }

  .publish-warning-icon[data-scopedcss-24061729b1-389526d682] {
    flex-shrink: 0;
  }

  .publish-warning.error[data-scopedcss-24061729b1-389526d682] {
    border: 1px solid var(--boxel-error-200);
    background-color: rgb(from var(--boxel-error-200) r g b / 8%);
    color: var(--boxel-error-200);
  }

  .publish-warning.info[data-scopedcss-24061729b1-389526d682] {
    border: 1px solid var(--boxel-300);
    background-color: var(--boxel-50);
    color: var(--boxel-500);
    align-items: center;
    gap: var(--boxel-sp-xxs);
  }

  .violation-list[data-scopedcss-24061729b1-389526d682] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
  }

  .domain-options[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp);
  }

  .domain-option[data-scopedcss-24061729b1-389526d682] {
    display: grid;
    grid-template-areas:
      'checkbox . title   cancel'
      '.        . details action'
      '.        . error   error';

    grid-template-columns: auto var(--boxel-sp-sm) 1fr auto;

    align-items: center;
    padding-top: var(--boxel-sp-lg);
    padding-bottom: var(--boxel-sp-xl);
    border: 1px solid transparent;
  }

  .domain-option[data-scopedcss-24061729b1-389526d682]:not(:last-child) {
    border-bottom: 1px solid var(--boxel-200);
  }

  .cancel[data-scopedcss-24061729b1-389526d682] {
    grid-area: cancel;
  }

  .domain-checkbox[data-scopedcss-24061729b1-389526d682] {
    grid-area: checkbox;

    flex-shrink: 0;
  }

  .option-title[data-scopedcss-24061729b1-389526d682] {
    grid-area: title;

    font: 600 var(--boxel-font);
    color: var(--boxel-dark);
  }

  .domain-details[data-scopedcss-24061729b1-389526d682] {
    grid-area: details;

    display: flex;
    align-items: center;
    gap: var(--boxel-sp-sm);
    margin-top: var(--boxel-sp);
  }

  .domain-details.full-width[data-scopedcss-24061729b1-389526d682] {
    grid-column: 3 / -1;
  }

  .realm-icon[data-scopedcss-24061729b1-389526d682] {
    flex-shrink: 0;
    --boxel-realm-icon-size: 30px;
  }

  .domain-url-container[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    flex-direction: column;
  }

  .domain-url[data-scopedcss-24061729b1-389526d682] {
    flex: 1;
    font-size: var(--boxel-font-size-sm);
  }

  .url-part[data-scopedcss-24061729b1-389526d682] {
    color: var(--boxel-450);
  }

  .url-part-bold[data-scopedcss-24061729b1-389526d682] {
    color: var(--boxel-dark);
    font-weight: 500;
  }

  .domain-info[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-sm);
  }

  .last-published-at[data-scopedcss-24061729b1-389526d682],
  .not-published-yet[data-scopedcss-24061729b1-389526d682] {
    font: normal var(--boxel-font-xs);
    position: relative;
    padding-left: calc(var(--boxel-sp-xxxs) + 3px);
  }

  .last-published-at[data-scopedcss-24061729b1-389526d682] {
    color: #00ac00;
  }

  .not-published-yet[data-scopedcss-24061729b1-389526d682] {
    color: var(--boxel-450);
  }

  .last-published-at[data-scopedcss-24061729b1-389526d682]::before,
  .not-published-yet[data-scopedcss-24061729b1-389526d682]::before {
    content: '•';
    position: absolute;
    left: 0;
  }

  .unpublish-button[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    background-color: transparent;
    border: none;
    --boxel-button-min-height: 0;
  }

  .unpublish-icon[data-scopedcss-24061729b1-389526d682] {
    flex-shrink: 0;
  }

  .unpublish-button[data-scopedcss-24061729b1-389526d682]:not(:disabled):hover {
    color: var(--boxel-dark);
  }

  .publish-button[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
  }

  .action[data-scopedcss-24061729b1-389526d682] {
    grid-area: action;

    margin: auto 0;
    flex-shrink: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    font-size: var(--boxel-font-size-xs);
    text-decoration: none;
  }

  .action.disabled[data-scopedcss-24061729b1-389526d682] {
    pointer-events: none;
    opacity: 0.5;
  }

  .domain-option.claiming .action[data-scopedcss-24061729b1-389526d682] {
    margin-top: calc(var(--boxel-sp-xl) + var(--boxel-sp-xxxs));
  }

  .button-icon[data-scopedcss-24061729b1-389526d682] {
    flex-shrink: 0;
  }

  .footer-buttons[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    margin-left: auto;
    gap: var(--horizontal-gap);
  }

  .custom-subdomain-setup[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xxxs);
    width: 100%;
  }

  .custom-subdomain-label[data-scopedcss-24061729b1-389526d682] {
    font-size: var(--boxel-font-size-xs);
    font-weight: 600;
    color: var(--boxel-dark);
  }

  .custom-subdomain-row[data-scopedcss-24061729b1-389526d682] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
  }

  .custom-subdomain-row[data-scopedcss-24061729b1-389526d682] .container {
    flex: 1;
  }

  .custom-subdomain-row .claim-custom-subdomain-button[data-scopedcss-24061729b1-389526d682] {
    flex-shrink: 0;
  }

  .custom-domain-suffix[data-scopedcss-24061729b1-389526d682] {
    color: var(--boxel-450);
  }

  .custom-subdomain-cancel[data-scopedcss-24061729b1-389526d682] {
    gap: var(--boxel-sp-xxxs);
    margin-left: auto;
  }

  .domain-publish-error[data-scopedcss-24061729b1-389526d682] {
    grid-area: error;
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
    margin-top: var(--boxel-sp-xs);
  }

  .domain-publish-error .error-text[data-scopedcss-24061729b1-389526d682] {
    flex: 1;
    color: var(--boxel-error-200);
    font-size: var(--boxel-font-size-xs);
    font-weight: 500;
  }

  .host-submode-layout[data-scopedcss-c93472507b-40ca44912d] {
    --host-submode-background: var(--boxel-700);
    --submode-bar-item-border-radius: var(--boxel-border-radius);
    --submode-bar-item-box-shadow: var(--boxel-deep-box-shadow);
    --submode-bar-item-outline: var(--boxel-border-flexible);
    --operator-mode-left-column: calc(
      21.5rem - var(--submode-new-file-button-width)
    );
    background-color: var(--host-submode-background);
  }

  .host-submode[data-scopedcss-c93472507b-40ca44912d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
  }

  .host-submode-layout
    .open-site-button-container[data-scopedcss-c93472507b-40ca44912d]
    +  .profile-icon-button {
    margin-left: 0;
  }

  .host-mode-top-bar-content[data-scopedcss-c93472507b-40ca44912d] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: calc(
      var(--operator-mode-left-column) + var(--submode-switcher-width) +
        var(--operator-mode-spacing)
    );
  }

  .host-submode-content[data-scopedcss-c93472507b-40ca44912d] {
    flex: 1;
  }

  .publish-realm-button-container[data-scopedcss-c93472507b-40ca44912d] {
    position: relative;
  }

  .publish-realm-button[data-scopedcss-c93472507b-40ca44912d] {
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    border: none;
    border-radius: var(--submode-bar-item-border-radius);
    box-shadow: var(--submode-bar-item-box-shadow);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
  }

  .publish-realm-button[data-scopedcss-c93472507b-40ca44912d]:focus:not(:disabled) {
    outline-offset: 1px;
  }

  .publish-icon[data-scopedcss-c93472507b-40ca44912d] {
    flex-shrink: 0;
  }

  .open-site-button-container[data-scopedcss-c93472507b-40ca44912d] {
    position: relative;
    margin-left: auto;
  }

  .open-site-button[data-scopedcss-c93472507b-40ca44912d] {
    padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
    --boxel-button-color: transparent;
    --boxel-button-border: 1px solid var(--boxel-700);
    --boxel-button-text-color: var(--boxel-light);
    border-radius: var(--submode-bar-item-border-radius);
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xxxs);
  }

  .open-site-button[data-scopedcss-c93472507b-40ca44912d]:hover:not(:disabled) {
    --boxel-button-border: 1px solid var(--boxel-light);
  }

  .globe-icon[data-scopedcss-c93472507b-40ca44912d] {
    flex-shrink: 0;
    color: var(--boxel-teal);
  }

  .publish-realm-button.publishing[data-scopedcss-c93472507b-40ca44912d] {
    animation: pulse-data-scopedcss-c93472507b-40ca44912d 2s infinite;
  }

  @keyframes pulse-data-scopedcss-c93472507b-40ca44912d {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
    100% {
      opacity: 1;
    }
  }

  .copy-button[data-scopedcss-cd49ef0a47-44fcc3a4a2] {
    position: absolute;
    left: calc(50% - var(--boxel-button-min-width, 5rem));
    color: var(--boxel-dark);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px rgba(255, 255, 255, 0.25);
  }
  .copy-text[data-scopedcss-cd49ef0a47-44fcc3a4a2] {
    margin: 0 var(--boxel-sp-xxs);
  }
  .arrow-icon[data-scopedcss-cd49ef0a47-44fcc3a4a2] {
    --icon-color: var(--boxel-dark);
  }
  .copying[data-scopedcss-cd49ef0a47-44fcc3a4a2] {
    color: var(--boxel-light);
  }

  .add-card-to-neighbor-stack[data-scopedcss-81e71c8a01-93ff8c9f4c] {
    --minimized-width: 8px;
    --minimized-height: 20px;
    --expanded-width: 16px;
    --expanded-height: 66px;
    --boxel-transition: 100ms ease;
    --boxel-button-min-width: var(--expanded-width);
    --boxel-button-min-height: var(--minimized-height);
    height: calc(var(--expanded-height) / 2);
    width: var(--expanded-width);
    background: none;
    border: none;
    padding: 0;
  }
  .add-card-to-neighbor-stack[data-scopedcss-81e71c8a01-93ff8c9f4c]:hover,
  .add-card-to-neighbor-stack[data-scopedcss-81e71c8a01-93ff8c9f4c]:focus:focus-visible,
  .add-card-to-neighbor-stack--active[data-scopedcss-81e71c8a01-93ff8c9f4c] {
    padding: 0;
    height: var(--expanded-height);
    outline-offset: 2px;
  }
  .icon-container[data-scopedcss-81e71c8a01-93ff8c9f4c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--minimized-width);
    height: var(--minimized-height);
    border-radius: inherit;
    background-color: var(--boxel-highlight);
    border: 2px solid rgba(0 0 0 / 50%);
    box-shadow: var(--boxel-deep-box-shadow);
    transition:
      height var(--boxel-transition),
      width var(--boxel-transition);
  }
  .add-card-to-neighbor-stack:hover .icon-container[data-scopedcss-81e71c8a01-93ff8c9f4c],
  .add-card-to-neighbor-stack:focus:focus-visible .icon-container[data-scopedcss-81e71c8a01-93ff8c9f4c],
  .add-card-to-neighbor-stack--active .icon-container[data-scopedcss-81e71c8a01-93ff8c9f4c] {
    width: var(--expanded-width);
    height: var(--expanded-height);
  }
  .add-icon[data-scopedcss-81e71c8a01-93ff8c9f4c] {
    visibility: collapse;
    transition: visibility var(--boxel-transition);
  }
  .add-card-to-neighbor-stack:hover .add-icon[data-scopedcss-81e71c8a01-93ff8c9f4c],
  .add-card-to-neighbor-stack:focus:focus-visible .add-icon[data-scopedcss-81e71c8a01-93ff8c9f4c],
  .add-card-to-neighbor-stack--active .add-icon[data-scopedcss-81e71c8a01-93ff8c9f4c] {
    visibility: visible;
  }

  :root {
    --overlay-fitted-card-header-height: 2.5rem;
  }
  .actions-overlay[data-scopedcss-f4371f0727-ab1f16e75d] {
    border-radius: var(--boxel-border-radius);
    pointer-events: none;

    container-name: actions-overlay;
    container-type: size;
  }
  .actions-overlay.selected[data-scopedcss-f4371f0727-ab1f16e75d] {
    box-shadow: 0 0 0 var(--boxel-outline-width) var(--boxel-highlight);
  }
  .hovered[data-scopedcss-f4371f0727-ab1f16e75d] {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  }
  .hover-button[data-scopedcss-f4371f0727-ab1f16e75d] {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    pointer-events: auto;
  }
  .hovered .hover-button[data-scopedcss-f4371f0727-ab1f16e75d]:not(:disabled),
  .hovered .hover-button.select[data-scopedcss-f4371f0727-ab1f16e75d] {
    display: block;
  }

  @container actions-overlay (aspect-ratio <= 1.0) {
    .actions[data-scopedcss-f4371f0727-ab1f16e75d] {
      --overlay-embedded-card-header-height: 2.2rem;
    }

    .actions-item[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-5xs);
    }

    .actions-item__button[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-4xs);
      --boxel-icon-button-width: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-4xs) + var(--boxel-sp-5xs))
      );
      --boxel-icon-button-height: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-4xs) + var(--boxel-sp-5xs))
      );
    }
  }

  @container actions-overlay (aspect-ratio <= 1.0) and (width <= 120px) {
    .actions[data-scopedcss-f4371f0727-ab1f16e75d] {
      --overlay-embedded-card-header-height: 1.8rem;
    }

    .actions-item__button[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-5xs);
      --boxel-icon-button-width: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-5xs) * 2)
      );
      --boxel-icon-button-height: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-5xs) * 2)
      );
    }
  }

  @container actions-overlay (aspect-ratio > 1.0) {
    .actions[data-scopedcss-f4371f0727-ab1f16e75d] {
      --overlay-embedded-card-header-height: 2.2rem;
    }

    .actions-item[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-5xs);
    }

    .actions-item__button[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-4xs);
      --boxel-icon-button-width: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-4xs) + var(--boxel-sp-5xs))
      );
      --boxel-icon-button-height: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-4xs) + var(--boxel-sp-5xs))
      );
    }
  }

  @container actions-overlay (aspect-ratio > 2.0) and (height <= 57px) {
    .actions[data-scopedcss-f4371f0727-ab1f16e75d] {
      --overlay-embedded-card-header-height: 1.5rem;
      margin-top: var(--boxel-sp-5xs);
    }

    .actions-item[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-6xs);
    }

    .actions-item__button[data-scopedcss-f4371f0727-ab1f16e75d] {
      padding: var(--boxel-sp-6xs);
      --boxel-icon-button-width: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-6xs) * 2)
      );
      --boxel-icon-button-height: calc(
        var(--overlay-embedded-card-header-height) -
          calc(var(--boxel-sp-6xs) * 2)
      );
    }
  }
  .hovered .actions[data-scopedcss-f4371f0727-ab1f16e75d] {
    visibility: visible;
  }
  .actions[data-scopedcss-f4371f0727-ab1f16e75d] {
    visibility: hidden;
    height: auto;
    display: flex;
    justify-content: space-between;

    margin-top: var(--boxel-sp-xxxs);
    margin-left: var(--boxel-sp-xxxs);
    margin-right: var(--boxel-sp-xxxs);
  }
  .actions.field[data-scopedcss-f4371f0727-ab1f16e75d] {
    justify-content: flex-end;
  }
  .actions-item[data-scopedcss-f4371f0727-ab1f16e75d] {
    display: flex;
    align-items: center;
    background: var(--boxel-light);
    border: 1px solid var(--boxel-450);
    border-radius: var(--boxel-border-radius-sm);
    gap: var(--boxel-sp-xxxs);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  }
  .actions-item__button[data-scopedcss-f4371f0727-ab1f16e75d] {
    --icon-bg: var(--boxel-dark);
    --icon-color: var(--boxel-dark);

    pointer-events: auto; /* pointer events are disabled in the overlay, we re-enable it here for header actions */
    display: flex;
    border-radius: 5px;
  }
  .actions-item__button[data-scopedcss-f4371f0727-ab1f16e75d]:hover {
    --icon-bg: var(--boxel-dark);
    --icon-color: var(--boxel-dark);
    background-color: var(--boxel-highlight);
  }
  .selected .actions-item.select[data-scopedcss-f4371f0727-ab1f16e75d] {
    visibility: visible;
  }

  :root {
    --stack-card-footer-height: 6rem;
  }

  @keyframes scaleIn-data-scopedcss-9482d1e646-c009d008c3 {
    from {
      transform: scale(0.1);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes fadeOut-data-scopedcss-9482d1e646-c009d008c3 {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(100%);
    }
  }

  @keyframes moveForward-data-scopedcss-9482d1e646-c009d008c3 {
    from {
      transform: translateY(0);
      opacity: 0.8;
    }
    to {
      transform: translateY(25px);
      opacity: 1;
    }
  }

  .item[data-scopedcss-9482d1e646-c009d008c3] {
    --stack-item-header-height: 3rem;
    justify-self: center;
    position: absolute;
    width: 89%;
    height: inherit;
    z-index: 0;
    pointer-events: none;
  }
  .item.opening-animation[data-scopedcss-9482d1e646-c009d008c3] {
    animation: scaleIn-data-scopedcss-9482d1e646-c009d008c3 0.2s forwards;
    transition: margin-top var(--boxel-transition);
  }
  .item.closing-animation[data-scopedcss-9482d1e646-c009d008c3] {
    animation: fadeOut-data-scopedcss-9482d1e646-c009d008c3 0.2s forwards;
  }
  .item.move-forward-animation[data-scopedcss-9482d1e646-c009d008c3] {
    animation: moveForward-data-scopedcss-9482d1e646-c009d008c3 0.2s none;
  }
  .item.opening-animation.testing[data-scopedcss-9482d1e646-c009d008c3] {
    animation-duration: 0s;
  }
  .item.closing-animation.testing[data-scopedcss-9482d1e646-c009d008c3] {
    animation-duration: 0s;
  }
  .item.move-forward-animation.testing[data-scopedcss-9482d1e646-c009d008c3] {
    animation-duration: 0s;
  }

  .item.buried[data-scopedcss-9482d1e646-c009d008c3] {
    --stack-item-header-height: 2.5rem;
    --realm-icon-border-radius: 4px;
  }

  .stack-item-card[data-scopedcss-9482d1e646-c009d008c3] {
    position: relative;
    height: 100%;
    display: grid;
    grid-template-rows: var(--stack-item-header-height) auto;
    border-radius: var(--boxel-border-radius-xl);
    box-shadow: var(--boxel-deep-box-shadow);
    pointer-events: auto;
    overflow: hidden;
  }

  .stack-item-header[data-scopedcss-9482d1e646-c009d008c3] {
    --boxel-card-header-padding: var(--boxel-sp-4xs) var(--boxel-sp-xs);
    --boxel-card-header-background-color: var(--boxel-light);
    border-radius: 0;
    z-index: 1;
    max-width: max-content;
    height: var(--stack-item-header-height);
    min-width: 100%;
    gap: var(--boxel-sp-xxs);
  }

  .stack-item-content[data-scopedcss-9482d1e646-c009d008c3] {
    overflow: auto;
  }

  .stack-item-preview[data-scopedcss-9482d1e646-c009d008c3] {
    border-radius: 0;
    box-shadow: none;
    overflow: auto;
  }

  .buried > .stack-item-card[data-scopedcss-9482d1e646-c009d008c3] {
    border-radius: var(--boxel-border-radius-lg);
    background-color: var(--boxel-200);
  }

  .buried .stack-item-header[data-scopedcss-9482d1e646-c009d008c3] {
    font: 600 var(--boxel-font-xs);
    gap: var(--boxel-sp-xxxs);
    --boxel-card-header-text-font: var(--boxel-font-size-xs);
    --boxel-card-header-realm-icon-size: var(--boxel-icon-sm);
    --boxel-card-header-card-type-icon-size: var(--boxel-icon-xs);
  }

  .buried .stack-item-content[data-scopedcss-9482d1e646-c009d008c3] {
    display: none;
  }

  .loading[data-scopedcss-9482d1e646-c009d008c3] {
    grid-area: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - var(--stack-item-header-height));
    padding: var(--boxel-sp);
    color: var(--boxel-dark);

    --icon-color: var(--boxel-dark);
  }
  .loading__message[data-scopedcss-9482d1e646-c009d008c3] {
    margin-left: var(--boxel-sp-5xs);
  }
  .loading[data-scopedcss-9482d1e646-c009d008c3] .boxel-loading-indicator {
    display: flex;
    justify: center;
    align-items: center;
  }

  :root {
    --stack-padding-top: calc(
      var(--operator-mode-top-bar-item-height) +
        (2 * (var(--operator-mode-spacing)))
    );
    --stack-padding-bottom: var(--boxel-sp-lg);
  }
  .operator-mode-stack[data-scopedcss-e9b5286330-e658d55f1e] {
    z-index: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    padding-top: var(--stack-padding-top);
    padding-inline: var(--operator-mode-spacing);
    padding-bottom: var(--stack-padding-bottom);
    position: relative;
    transition: padding-top var(--boxel-transition);
  }
  .operator-mode-stack[data-scopedcss-e9b5286330-e658d55f1e]
    .field-component-card.fitted-format .missing-template {
    margin-top: calc(-1 * var(--boxel-sp-lg));
    border-radius: 0;
    border-bottom-left-radius: var(--boxel-form-control-border-radius);
    border-bottom-right-radius: var(--boxel-form-control-border-radius);
  }
  .inner[data-scopedcss-e9b5286330-e658d55f1e] {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    border-bottom-left-radius: var(--boxel-border-radius);
    border-bottom-right-radius: var(--boxel-border-radius);
  }

  .code-mode-file-options[data-scopedcss-cf175f7b95-485eacf324] {
    list-style-type: disc;
    padding-left: var(--boxel-sp);
    line-height: calc(18 / 11);
  }

  .interact-submode-layout[data-scopedcss-cf175f7b95-77ce425617] {
    --submode-bar-item-outline: var(--boxel-border-flexible);
    --submode-bar-item-box-shadow: var(--boxel-deep-box-shadow);
  }

  .interact-submode-layout[data-scopedcss-cf175f7b95-77ce425617] .submode-layout-top-bar {
    position: absolute;
  }

  .interact-submode[data-scopedcss-cf175f7b95-77ce425617] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center;
    background-size: cover;
    height: 100%;
  }
  .stacks[data-scopedcss-cf175f7b95-77ce425617] {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .stacks[data-scopedcss-cf175f7b95-77ce425617] >  .operator-mode-stack:first-child {
    padding-left: var(--boxel-sp-lg);
  }
  .stacks[data-scopedcss-cf175f7b95-77ce425617] >  .operator-mode-stack:last-child {
    padding-right: var(--boxel-sp-lg);
  }
  .stack-with-bg-image[data-scopedcss-cf175f7b95-77ce425617]:before {
    content: ' ';
    height: 100%;
    width: 2px;
    background-color: var(--boxel-dark);
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
  }
  .stack-with-bg-image[data-scopedcss-cf175f7b95-77ce425617]:first-child:before {
    display: none;
  }
  .stack-medium-padding-top[data-scopedcss-cf175f7b95-77ce425617] {
    padding-top: calc(var(--stack-padding-top) / 2);
  }
  .stack-small-padding-top[data-scopedcss-cf175f7b95-77ce425617] {
    padding-top: var(--operator-mode-spacing);
  }
  .neighbor-stack-trigger[data-scopedcss-cf175f7b95-77ce425617] {
    flex: 0;
    flex-basis: var(--container-button-size);
    position: absolute;
    z-index: var(--boxel-layer-floating-button);
  }
  .stack-trigger-right[data-scopedcss-cf175f7b95-77ce425617] {
    right: 2px;
  }
  .stack-trigger-left[data-scopedcss-cf175f7b95-77ce425617] {
    left: 2px;
  }

  .mask[data-scopedcss-c58e44cde2-9beae6f72f] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  nav[data-scopedcss-c58e44cde2-9beae6f72f] {
    position: relative;
    min-height: 100%;
  }
  nav[data-scopedcss-c58e44cde2-9beae6f72f]:focus-visible {
    outline: 2px solid var(--boxel-highlight);
    outline-offset: -2px;
    border-radius: var(--boxel-border-radius-xs);
  }

  .level[data-scopedcss-c58e44cde2-4ba7e756ab] {
    --icon-length: 14px;
    --icon-margin: 4px;

    padding-left: 0em;
  }

  .level .level[data-scopedcss-c58e44cde2-4ba7e756ab] {
    padding-left: 1em;
  }

  .directory[data-scopedcss-c58e44cde2-4ba7e756ab],
  .file[data-scopedcss-c58e44cde2-4ba7e756ab] {
    border-radius: var(--boxel-border-radius-xs);
    background: transparent;
    border: 0;
    padding: var(--boxel-sp-xxxs);
    width: 100%;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    transition:
      background-color var(--boxel-transition),
      outline-color var(--boxel-transition),
      box-shadow var(--boxel-transition);
  }

  .directory[data-scopedcss-c58e44cde2-4ba7e756ab]:hover:not(.cursor),
  .file[data-scopedcss-c58e44cde2-4ba7e756ab]:hover:not(.cursor):not(.selected) {
    background-color: var(--boxel-200);
  }

  /* Selected file: green inverse state */
  .file.selected[data-scopedcss-c58e44cde2-4ba7e756ab] {
    color: var(--boxel-dark);
    background-color: var(--boxel-highlight);
  }

  /* Keyboard cursor on files: same green inverse state */
  .file.cursor[data-scopedcss-c58e44cde2-4ba7e756ab] {
    color: var(--boxel-dark);
    background-color: var(--boxel-highlight);
  }

  /* Keyboard cursor on directories: lighter active state */
  .directory.cursor[data-scopedcss-c58e44cde2-4ba7e756ab] {
    color: var(--boxel-dark);
    background-color: color-mix(
      in srgb,
      var(--boxel-highlight) 24%,
      var(--boxel-light)
    );
    box-shadow: inset 0 0 0 1px var(--boxel-highlight);
  }

  /* Ensure stacked states stay visually identical */
  .file.selected.cursor[data-scopedcss-c58e44cde2-4ba7e756ab] {
    box-shadow: none;
  }

  .directory[data-scopedcss-c58e44cde2-4ba7e756ab] {
    padding-left: 0;
  }

  .directory[data-scopedcss-c58e44cde2-4ba7e756ab] .icon {
    width: var(--icon-length);
    height: var(--icon-length);
    margin-bottom: -2px;
    padding: 0 2px;
  }

  .directory[data-scopedcss-c58e44cde2-4ba7e756ab] .icon.closed {
    transform: rotate(-90deg);
  }

  .file[data-scopedcss-c58e44cde2-4ba7e756ab] {
    padding-left: calc(var(--icon-length) + var(--icon-margin));
  }

  .choose-file-modal[data-scopedcss-a14e51febf-9a67d370b4] {
    --horizontal-gap: var(--boxel-sp-xs);
    --stack-card-footer-height: auto;
  }
  .choose-file-modal[data-scopedcss-a14e51febf-9a67d370b4] .dialog-box__content {
    display: flex;
    flex-direction: column;
  }
  .choose-file-modal[data-drop-zone-active][data-scopedcss-a14e51febf-9a67d370b4]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--boxel-darker-hover);
    pointer-events: none;
    z-index: 2;
  }
  .choose-file-modal[data-drop-zone-active][data-scopedcss-a14e51febf-9a67d370b4]::after {
    content: attr(data-drop-zone-label);
    position: absolute;
    inset: 0;
    padding: var(--boxel-sp-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--boxel-light);
    font: 600 var(--boxel-font-lg);
    text-align: center;
    pointer-events: none;
    z-index: 3;
  }
  .choose-file-modal[data-scopedcss-a14e51febf-9a67d370b4] >  .boxel-modal__inner {
    display: flex;
    position: relative;
    z-index: 1;
  }
  [data-scopedcss-a14e51febf-9a67d370b4] .choose-file-modal__container {
    height: 32rem;
  }
  .field + .field[data-scopedcss-a14e51febf-9a67d370b4] {
    margin-top: var(--boxel-sp-sm);
  }
  .field[data-scopedcss-a14e51febf-9a67d370b4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xxxs) var(--horizontal-gap);
  }
  .field[data-scopedcss-a14e51febf-9a67d370b4] .label-container {
    width: 8rem;
  }
  .field[data-scopedcss-a14e51febf-9a67d370b4] .content {
    flex-grow: 1;
    max-width: 100%;
    min-width: 13rem;
  }
  .footer[data-scopedcss-a14e51febf-9a67d370b4] {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    gap: var(--boxel-sp-xs);
  }
  .footer-left[data-scopedcss-a14e51febf-9a67d370b4] {
    min-width: 0;
    flex: 1;
  }
  .footer-buttons[data-scopedcss-a14e51febf-9a67d370b4] {
    display: flex;
    gap: var(--horizontal-gap);
    align-items: center;
    margin-left: auto;
  }
  .realm-chooser[data-scopedcss-a14e51febf-9a67d370b4] {
    width: 100%;
  }
  .choose-file[data-scopedcss-a14e51febf-9a67d370b4] {
    overflow: visible;
  }
  .choose-file[data-scopedcss-a14e51febf-9a67d370b4] .content {
    height: 230px;
    overflow: auto;
    align-items: flex-start;
    border: var(--boxel-border);
    border-radius: var(--boxel-border-radius);
    padding: var(--boxel-sp-xxs);
  }
  .choose-file[data-scopedcss-a14e51febf-9a67d370b4] .content:focus-within {
    outline: 2px solid var(--ring, var(--boxel-highlight-hover));
    outline-offset: 2px;
  }
  .choose-file[data-scopedcss-a14e51febf-9a67d370b4] .content [data-file-tree-nav]:focus-visible {
    outline: none;
  }
  .upload-progress[data-scopedcss-a14e51febf-9a67d370b4] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    flex: 1;
  }
  .upload-spinner[data-scopedcss-a14e51febf-9a67d370b4] {
    --boxel-loading-indicator-size: 1.25em;
  }
  .upload-file-name[data-scopedcss-a14e51febf-9a67d370b4] {
    font: var(--boxel-font-xs);
    color: var(--boxel-600);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
  }
  .upload-error-row[data-scopedcss-a14e51febf-9a67d370b4] {
    display: flex;
    align-items: center;
    gap: var(--boxel-sp-xs);
    flex: 1;
    min-width: 0;
  }
  .upload-error[data-scopedcss-a14e51febf-9a67d370b4] {
    color: var(--boxel-error-200);
    font: var(--boxel-font-xs);
    overflow-wrap: anywhere;
  }

  /* Ensure keyboard focus indicators are always visible throughout the modal */
  [data-scopedcss-a14e51febf-9a67d370b4] :focus-visible {
    outline: 2px solid var(--boxel-highlight);
    outline-offset: 2px;
  }

  .create-listing-modal[data-scopedcss-c19cb74918-d33b360622] {
    --horizontal-gap: var(--boxel-sp-xs);
    --stack-card-footer-height: auto;
  }
  .create-listing-modal[data-scopedcss-c19cb74918-d33b360622] >  .boxel-modal__inner {
    display: flex;
  }
  .create-listing-modal[data-scopedcss-c19cb74918-d33b360622] .dialog-box__content {
    display: flex;
    flex-direction: column;
  }
  .field-contents[data-scopedcss-c19cb74918-d33b360622] {
    display: flex;
    align-items: center;
    gap: var(--horizontal-gap);
  }
  .examples-field[data-scopedcss-c19cb74918-d33b360622] {
    display: flex;
    flex-direction: column;
    gap: var(--boxel-sp-xs);
  }
  .add-examples-button[data-scopedcss-c19cb74918-d33b360622] {
    --boxel-button-padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
    align-self: flex-start;
    gap: var(--boxel-sp-xxxs);
  }
  .no-examples-message[data-scopedcss-c19cb74918-d33b360622] {
    font: var(--boxel-font-sm);
    color: var(--boxel-500);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--boxel-sp-sm);
    background-color: var(--boxel-100);
    border-radius: var(--boxel-border-radius);
    min-height: 3rem;
    width: 100%;
  }
  .selected-examples-list[data-scopedcss-c19cb74918-d33b360622] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--boxel-sp-xs);
    min-width: 0;
    padding: var(--boxel-sp-sm);
    background-color: var(--boxel-100);
    border-radius: var(--boxel-border-radius);
    width: 100%;
    align-items: start;
  }
  .selected-example-atom[data-scopedcss-c19cb74918-d33b360622] {
    position: relative;
    min-width: 0;
    display: inline-flex;
    align-items: center;
  }
  .selected-example-atom[data-scopedcss-c19cb74918-d33b360622]
    .field-component-card.atom-format.display-container-true {
    min-width: 0;
  }
  .selected-example-atom[data-scopedcss-c19cb74918-d33b360622]
    .field-component-card.atom-format.display-container-true {
    padding-right: calc(
      var(--boxel-sp-xs) + var(--boxel-icon-sm) + var(--boxel-sp-6xs)
    );
  }
  .selected-example-atom[data-scopedcss-c19cb74918-d33b360622] .card {
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .selected-example-remove-button[data-scopedcss-c19cb74918-d33b360622] {
    --icon-color: var(--boxel-700);
    --icon-bg: transparent;
    --icon-border: transparent;
    --boxel-icon-button-width: var(--boxel-icon-sm);
    --boxel-icon-button-height: var(--boxel-icon-sm);
    position: absolute;
    top: 50%;
    right: var(--boxel-sp-4xs);
    transform: translateY(-50%);
    border-radius: 999px;
    opacity: 0.72;
  }
  .selected-example-remove-button[data-scopedcss-c19cb74918-d33b360622]:hover,
  .selected-example-remove-button[data-scopedcss-c19cb74918-d33b360622]:focus-visible {
    --icon-bg: var(--boxel-200);
    --icon-border: var(--boxel-200);
    --icon-color: var(--boxel-900);
    opacity: 1;
  }
  .selected-example-loading[data-scopedcss-c19cb74918-d33b360622] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 3rem;
    width: 100%;
  }
  [data-scopedcss-c19cb74918-d33b360622] .create-listing {
    height: 30rem;
  }
  .footer-loading-message[data-scopedcss-c19cb74918-d33b360622] {
    font: var(--boxel-font-sm);
    color: var(--boxel-500);
    margin: 0 auto 0 0;
    flex: 1;
    text-align: left;
    animation: fade-in-data-scopedcss-c19cb74918-d33b360622 0.3s ease-out;
  }
  @keyframes fade-in-data-scopedcss-c19cb74918-d33b360622 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .description[data-scopedcss-c19cb74918-d33b360622] {
    font: var(--boxel-font-sm);
    color: var(--boxel-500);
    margin: 0 0 var(--boxel-sp-sm);
  }
  .field + .field[data-scopedcss-c19cb74918-d33b360622] {
    margin-top: var(--boxel-sp-sm);
  }
  .field[data-scopedcss-c19cb74918-d33b360622] {
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    gap: var(--boxel-sp-xxxs) var(--horizontal-gap);
  }
  .field[data-scopedcss-c19cb74918-d33b360622] .label-container {
    width: 8rem;
    flex-shrink: 0;
  }
  .field[data-scopedcss-c19cb74918-d33b360622] .content {
    flex-grow: 1;
    min-width: 0;
  }
  .examples-field-container[data-scopedcss-c19cb74918-d33b360622] >  .content {
    align-self: start;
  }
  .realm-icon[data-scopedcss-c19cb74918-d33b360622] {
    --boxel-realm-icon-size: 1rem;
  }
  .footer-buttons[data-scopedcss-c19cb74918-d33b360622] {
    display: flex;
    align-items: center;
    gap: var(--horizontal-gap);
    width: 100%;
    justify-content: flex-end;
  }

  :root {
    --boxel-sp-xxl: calc(var(--boxel-sp) * 2.5); /* 40px */
    --boxel-sp-lg: calc(var(--boxel-sp) * 1.25); /* 20px */
    --boxel-sp-xs: calc(var(--boxel-sp) * 0.625); /* 10px */
    --operator-mode-bg-color: #686283;
    --boxel-modal-max-width: 100%;
    --container-button-size: 2.5rem;
    --operator-mode-min-width: 20.5rem;
    --operator-mode-left-column: 21.5rem; /* 344px */
    --operator-mode-spacing: var(--boxel-sp-xs);
    --operator-mode-top-bar-item-height: var(--container-button-size);
    --operator-mode-bottom-bar-item-height: var(--container-button-size);
    --submode-new-file-button-width: 96px;
  }
  button:focus:not(:disabled) {
    outline-color: var(
      --boxel-header-text-color,
      var(--ring, var(--boxel-highlight))
    );
    outline-offset: var(--host-outline-offset, -2px);
  }
  button:focus:not(:focus-visible) {
    outline-color: transparent;
  }
  dialog:focus {
    outline: none;
  }
  .operator-mode .boxel-modal__inner {
    display: block;
  }
  .input-container .invalid + .validation-icon-container {
    display: none;
  }
  .operator-mode[data-scopedcss-ec8b09f6b4-9ca6321850] {
    background: var(--operator-mode-bg-color);
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    min-width: var(--operator-mode-min-width);
    height: 100%;
    position: fixed;
  }
  .operator-mode > div[data-scopedcss-ec8b09f6b4-9ca6321850] {
    align-items: flex-start;
  }
  .payment-setup-container[data-scopedcss-ec8b09f6b4-9ca6321850] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    padding: var(--boxel-sp-lg);
  }
  .loading-spinner-container[data-scopedcss-ec8b09f6b4-9ca6321850] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
  .loading-spinner[data-scopedcss-ec8b09f6b4-9ca6321850] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .loading-spinner-text[data-scopedcss-ec8b09f6b4-9ca6321850] {
    color: var(--boxel-light);
    font-size: 12px;
    font-weight: 600;
  }
  .loading[data-scopedcss-ec8b09f6b4-9ca6321850] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: var(--boxel-sp);
    color: var(--boxel-light);
    font: 500 var(--boxel-font);

    --icon-color: var(--boxel-light);
  }
  .loading__message[data-scopedcss-ec8b09f6b4-9ca6321850] {
    margin-left: var(--boxel-sp-5xs);
  }
  .loading[data-scopedcss-ec8b09f6b4-9ca6321850] .boxel-loading-indicator {
    display: flex;
    justify: center;
    align-items: center;
  }

  body {
    background: transparent;
  }

  .connect[data-scopedcss-4693639345-095872c91e] {
    position: absolute;
    right: 0;

    background-color: var(--boxel-700);
    border-radius: var(--boxel-border-radius-sm);
    color: var(--boxel-light);
    display: flex;
    gap: var(--boxel-sp-xxs);
    font-weight: 400;
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
  }

  .session-container[data-scopedcss-4693639345-095872c91e] {
    --profile-avatar-icon-size: 28.5px;
    --profile-avatar-icon-border: 1px;

    position: absolute;
    right: 0;

    display: flex;
    justify-content: flex-end;
    align-items: center;

    background: var(--boxel-700);

    border: var(--boxel-border-flexible);
    border-top-left-radius: var(--boxel-border-radius-sm);
    border-bottom-left-radius: var(--boxel-border-radius-sm);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;

    padding: var(--boxel-sp-xxs);
    padding-left: var(--boxel-sp-sm);

    gap: var(--boxel-sp-sm);
  }

  .connect[data-scopedcss-4693639345-dede08285f] {
    position: absolute;
    right: 0;

    background-color: var(--boxel-700);
    border-radius: var(--boxel-border-radius-sm);
    color: var(--boxel-light);
    display: flex;
    gap: var(--boxel-sp-xxs);
    font-weight: 400;
    padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
  }

  .markdown-render-container[data-scopedcss-48bf3c0aa2-7cc62b22b1] {
    white-space: pre;
  }

  #host-loading[data-scopedcss-e1f91ba8ad-0fb52f35f1] {
    background-color: #686283;
    display: flex;
    align-items: center;
    justify-items: center;
    height: 100vh;
  }

  .loading-container[data-scopedcss-e1f91ba8ad-0fb52f35f1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .loading-indicator[data-scopedcss-e1f91ba8ad-0fb52f35f1] {
    --boxel-loading-indicator-size: 20px;
  }

  .loading-text[data-scopedcss-e1f91ba8ad-0fb52f35f1] {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
  }