@cardstack/boxel-cli 0.13.0-unstable.5 → 0.13.0-unstable.6

package/bundled-test-harness/assets/{clip-CsRtHZiN.js → clip-DY6N6K67.js}

@@ -7,7 +7,7 @@ import { t as Component } from "./dist-CkA1rgqO.js";
 import "./template-factory-ds9s0u8l.js";
 import "./src-CbBcj3xm.js";
 import { t as MotionModifier } from "./motion-BiMvMS08.js";
-import { t as Choreo } from "./choreo-D1K9RyjM.js";
+import { t as Choreo } from "./choreo-CZUXQKjf.js";
 //#region ../choreo/src/film/clip.gts
 /**
 * A CLIP ON THE PICTURE. A video, a still or a freeze of the picture

package/bundled-test-harness/assets/clip-DzXoPdp-.js

@@ -0,0 +1,2 @@
+import { t as Clip } from "./clip-DY6N6K67.js";
+export { Clip };

package/bundled-test-harness/assets/{codeblocks-test-D9pbJMK8.js → codeblocks-test-D6ijVvEL.js}

@@ -6,7 +6,7 @@ import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
 import "./component-BJO47HTh.js";
 import { t as Component } from "./dist-CkA1rgqO.js";
 import "./template-factory-ds9s0u8l.js";
-import { t as OperatorModeContainer } from "./container-CEslVSTe.js";
+import { t as OperatorModeContainer } from "./container-CBZZ8uFw.js";
 import { M as waitUntil, T as settled, d as click, o as waitFor } from "./dist-BOAdzfkP.js";
 import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
 import { D as realmConfigCardJSON, Et as percySnapshot, F as setupLocalIndexing, I as setupOnSave, M as setupCardLogs, P as setupIntegrationTestRealm, S as getMonacoContent, lt as setupRenderingTest, ot as setupOperatorModeStateCleanup, t as setupMockMatrix } from "./mock-matrix-FjsXmU7-.js";

package/bundled-test-harness/assets/{compaction-test-BSqAGv4g.js → compaction-test-CjEsY0uG.js}

@@ -5,7 +5,7 @@ import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
 import "./component-BJO47HTh.js";
 import { t as Component } from "./dist-CkA1rgqO.js";
 import "./template-factory-ds9s0u8l.js";
-import { t as OperatorModeContainer } from "./container-CEslVSTe.js";
+import { t as OperatorModeContainer } from "./container-CBZZ8uFw.js";
 import { T as settled, d as click, o as waitFor } from "./dist-BOAdzfkP.js";
 import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
 import { D as realmConfigCardJSON, F as setupLocalIndexing, I as setupOnSave, L as setupRealmCacheTeardown, M as setupCardLogs, P as setupIntegrationTestRealm, Z as withCachedRealmSetup, lt as setupRenderingTest, ot as setupOperatorModeStateCleanup, t as setupMockMatrix } from "./mock-matrix-FjsXmU7-.js";

package/bundled-test-harness/assets/{container-h3Wc26qn.css → container-BYGZImLU.css}

@@ -3203,7 +3203,7 @@
   }
 
   /* Covers the stacks with the dashboard, which fills it. */
-  .workspace-overlay[data-scopedcss-2756618a20-582f9535f6] {
+  .workspace-overlay[data-scopedcss-2756618a20-4253584dfd] {
     display: grid;
     /* Tracks no bigger than the overlay, so a tall dashboard scrolls
        inside it instead of growing past it. */
@@ -3214,7 +3214,7 @@
     background-color: var(--boxel-800);
     z-index: var(--host-workspace-chooser-z-index);
   }
-  .submode-layout[data-scopedcss-2756618a20-582f9535f6] {
+  .submode-layout[data-scopedcss-2756618a20-4253584dfd] {
     --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);
@@ -3224,27 +3224,27 @@
     z-index: 0;
   }
 
-  .submode-layout > .boxel-panel-group[data-scopedcss-2756618a20-582f9535f6] {
+  .submode-layout > .boxel-panel-group[data-scopedcss-2756618a20-4253584dfd] {
     width: 100%;
   }
 
-  .ai-assistant-resizable-panel[data-scopedcss-2756618a20-582f9535f6] {
+  .ai-assistant-resizable-panel[data-scopedcss-2756618a20-4253584dfd] {
     max-width: 100%;
     min-width: 0;
     overflow: initial;
   }
 
-  .main-panel[data-scopedcss-2756618a20-582f9535f6] {
+  .main-panel[data-scopedcss-2756618a20-4253584dfd] {
     display: flex;
     flex-direction: column;
     position: relative;
   }
 
-  .ai-assistant-open[data-scopedcss-2756618a20-582f9535f6] {
+  .ai-assistant-open[data-scopedcss-2756618a20-4253584dfd] {
     grid-template-columns: 1.5fr 0.5fr;
   }
 
-  .chat-btn[data-scopedcss-2756618a20-582f9535f6] {
+  .chat-btn[data-scopedcss-2756618a20-4253584dfd] {
     position: absolute;
     bottom: var(--operator-mode-spacing);
     right: var(--operator-mode-spacing);
@@ -3253,18 +3253,18 @@
     z-index: var(--host-ai-panel-button-z-index);
   }
 
-  .ai-assistant-panel[data-scopedcss-2756618a20-582f9535f6] {
+  .ai-assistant-panel[data-scopedcss-2756618a20-4253584dfd] {
     z-index: var(--host-ai-panel-z-index);
   }
 
-  .submode-layout-top-bar[data-scopedcss-2756618a20-582f9535f6] {
+  .submode-layout-top-bar[data-scopedcss-2756618a20-4253584dfd] {
     position: relative;
     width: 100%;
     max-width: 100%;
     container-type: inline-size;
     /* Lock outer box to exactly var(--stack-padding-top) — the
-       same value .operator-mode-stack uses for its padding-top
-       offset. Any content the bar contains (workspace button,
+       same value the stack's cards wrapper (.stack-cards in
+       stack.gts) uses for its top margin. Any content the bar contains (workspace button,
        submode switcher, portaled expanded-card-header pill,
        etc.) renders WITHIN this fixed height; nothing the slot
        contents do can push the bar taller. This is what lets
@@ -3288,7 +3288,7 @@
      pill horizontally — same horizontal position the stack card
      would occupy below. When no card is expanded, the slot is
      empty (zero rendered children). */
-  .expanded-card-header-slot[data-scopedcss-2756618a20-582f9535f6] {
+  .expanded-card-header-slot[data-scopedcss-2756618a20-4253584dfd] {
     flex: 1;
     display: flex;
     align-items: center;
@@ -3298,27 +3298,27 @@
     margin: 0 auto;
   }
 
-  .submode-switcher[data-scopedcss-2756618a20-582f9535f6] {
+  .submode-switcher[data-scopedcss-2756618a20-4253584dfd] {
     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-2756618a20-582f9535f6]
+  .submode-switcher[data-scopedcss-2756618a20-4253584dfd]
     .submode-switcher-dropdown-trigger:focus:not(:focus-visible),
-  .submode-switcher[data-scopedcss-2756618a20-582f9535f6]
+  .submode-switcher[data-scopedcss-2756618a20-4253584dfd]
     .submode-switcher-dropdown-trigger:focus:not(:disabled) {
     outline-offset: unset;
   }
 
-  .new-file-button[data-scopedcss-2756618a20-582f9535f6] {
+  .new-file-button[data-scopedcss-2756618a20-4253584dfd] {
     border: none;
     border-radius: var(--submode-bar-item-border-radius);
     box-shadow: var(--submode-bar-item-box-shadow);
     flex-shrink: 0;
   }
 
-  .profile-icon-button[data-scopedcss-2756618a20-582f9535f6] {
+  .profile-icon-button[data-scopedcss-2756618a20-4253584dfd] {
     --boxel-icon-button-width: var(--container-button-size);
     --boxel-icon-button-height: var(--container-button-size);
     /* Match the outline treatment used by the search and AI-assistant
@@ -3337,12 +3337,12 @@
   /* The badge wraps the button, so it is the top bar's item and carries
      its stacking. The button takes none of its own, which would lift the
      avatar over the badge's mark. */
-  .profile-icon-badge[data-scopedcss-2756618a20-582f9535f6] {
+  .profile-icon-badge[data-scopedcss-2756618a20-4253584dfd] {
     margin-left: auto;
     z-index: var(--host-profile-z-index);
   }
 
-  .workspace-button[data-scopedcss-2756618a20-582f9535f6] {
+  .workspace-button[data-scopedcss-2756618a20-4253584dfd] {
     --icon-color: var(--boxel-highlight);
     --icon-text-color: var(--boxel-light);
     --boxel-icon-button-width: 160px;
@@ -3354,19 +3354,19 @@
     position: relative;
   }
 
-  .workspace-button[data-scopedcss-2756618a20-582f9535f6] svg {
+  .workspace-button[data-scopedcss-2756618a20-4253584dfd] svg {
     position: absolute;
     left: 0;
     max-width: unset;
   }
 
-  .workspace-button[data-scopedcss-2756618a20-582f9535f6]:focus:not(:focus-visible) {
+  .workspace-button[data-scopedcss-2756618a20-4253584dfd]:focus:not(:focus-visible) {
     outline-offset: unset;
   }
-  .workspace-button[data-scopedcss-2756618a20-582f9535f6]:focus:not(:disabled) {
+  .workspace-button[data-scopedcss-2756618a20-4253584dfd]:focus:not(:disabled) {
     outline-offset: 1px;
   }
-  .workspace-button--dark[data-scopedcss-2756618a20-582f9535f6] {
+  .workspace-button--dark[data-scopedcss-2756618a20-4253584dfd] {
     --icon-bg-opacity: 1;
     --icon-color: var(--boxel-dark);
     --icon-bg-color: var(--boxel-highlight);
@@ -3374,28 +3374,28 @@
     outline: var(--submode-bar-item-outline);
     box-shadow: var(--submode-bar-item-box-shadow);
   }
-  .workspace-button--dark[data-scopedcss-2756618a20-582f9535f6]:focus:not(:focus-visible) {
+  .workspace-button--dark[data-scopedcss-2756618a20-4253584dfd]:focus:not(:focus-visible) {
     outline: var(--submode-bar-item-outline);
     outline-offset: 0px;
   }
-  .workspace-button--dark[data-scopedcss-2756618a20-582f9535f6]:focus:focus-visible {
+  .workspace-button--dark[data-scopedcss-2756618a20-4253584dfd]:focus:focus-visible {
     outline-width: 2px;
     outline-offset: 0px;
   }
 
-  [data-scopedcss-2756618a20-582f9535f6] .open-search-field {
+  [data-scopedcss-2756618a20-4253584dfd] .open-search-field {
     box-shadow: var(--submode-bar-item-box-shadow);
     outline: var(--submode-bar-item-outline);
   }
 
   @media (max-width: 26rem) {
-    .expanded-card-header-slot[data-scopedcss-2756618a20-582f9535f6]:not(.has-expanded) {
+    .expanded-card-header-slot[data-scopedcss-2756618a20-4253584dfd]:not(.has-expanded) {
       display: none;
     }
   }
 
   @media print {
-    .submode-layout-top-bar[data-scopedcss-2756618a20-582f9535f6] {
+    .submode-layout-top-bar[data-scopedcss-2756618a20-4253584dfd] {
       display: none;
     }
   }
@@ -4354,43 +4354,43 @@
     --stack-card-footer-height: 6rem;
   }
 
-  .item[data-scopedcss-e7260d0902-27118965c6] {
+  .item[data-scopedcss-e7260d0902-32cb9aa96d] {
     --stack-item-header-height: 3rem;
     justify-self: center;
     position: absolute;
     width: 89%;
-    height: inherit;
+    height: 100%;
     z-index: 0;
     pointer-events: none;
   }
   /* A stacked card's size, from the custom properties stackedCardStyle
      sets (expanded and phone cards set none and take the rules below) */
-  .item[data-scopedcss-e7260d0902-27118965c6]:not(.expanded, .phone-layout) {
+  .item[data-scopedcss-e7260d0902-32cb9aa96d]:not(.expanded, .phone-layout) {
     width: var(--stacked-card-width);
     height: var(--stacked-card-height);
   }
   /* the card takes focus as it opens, as focus is handed back to it, and
      as it is clicked. A ring shows where the keyboard brought focus, so a
      keyboard user can see where it is; a click draws none */
-  .item[data-scopedcss-e7260d0902-27118965c6]:focus {
+  .item[data-scopedcss-e7260d0902-32cb9aa96d]:focus {
     outline: none;
   }
-  .item[data-scopedcss-e7260d0902-27118965c6]:focus-visible {
+  .item[data-scopedcss-e7260d0902-32cb9aa96d]:focus-visible {
     outline: 2px solid var(--ring, var(--boxel-highlight));
     outline-offset: -2px;
   }
-  .item.buried[data-scopedcss-e7260d0902-27118965c6] {
+  .item.buried[data-scopedcss-e7260d0902-32cb9aa96d] {
     --stack-item-header-height: 2.5rem;
     --realm-icon-border-radius: 4px;
   }
 
-  .item.expanded[data-scopedcss-e7260d0902-27118965c6],
-  .item.phone-layout[data-scopedcss-e7260d0902-27118965c6] {
+  .item.expanded[data-scopedcss-e7260d0902-32cb9aa96d],
+  .item.phone-layout[data-scopedcss-e7260d0902-32cb9aa96d] {
     top: 0;
     left: 0;
     width: 100%;
   }
-  .item.expanded[data-scopedcss-e7260d0902-27118965c6] {
+  .item.expanded[data-scopedcss-e7260d0902-32cb9aa96d] {
     pointer-events: auto;
   }
   /* A buried phone card is covered by the top card, so it is hidden,
@@ -4399,13 +4399,13 @@
      (motion/stack-motion.gts); with motion off it is 0. A card that
      closes leaves as a picture kept by the region, so the card it
      uncovers shows at once. */
-  .item.phone-layout[data-scopedcss-e7260d0902-27118965c6]:not(.expanded) {
+  .item.phone-layout[data-scopedcss-e7260d0902-32cb9aa96d]:not(.expanded) {
     visibility: hidden;
     transition: visibility 0s linear var(--stack-item-covered-delay, 0s);
   }
   /* Its header moves to the top bar once it is the top card, so it
      is left out while buried to keep the content from jumping. */
-  .item.phone-layout:not(.expanded) .showing-card .stack-item-header[data-scopedcss-e7260d0902-27118965c6] {
+  .item.phone-layout:not(.expanded) .showing-card .stack-item-header[data-scopedcss-e7260d0902-32cb9aa96d] {
     display: none;
   }
   /* Propagate height through the chain so bottom-docked chrome
@@ -4415,15 +4415,15 @@
      studio's flex: 1 has no defined parent height. Keep
      overflow: auto (matches host-mode pattern) so isolated
      content longer than the viewport can scroll. */
-  .item:is(.expanded, .phone-layout) .stack-item-content[data-scopedcss-e7260d0902-27118965c6],
-  .item:is(.expanded, .phone-layout) .stack-item-preview[data-scopedcss-e7260d0902-27118965c6] {
+  .item:is(.expanded, .phone-layout) .stack-item-content[data-scopedcss-e7260d0902-32cb9aa96d],
+  .item:is(.expanded, .phone-layout) .stack-item-preview[data-scopedcss-e7260d0902-32cb9aa96d] {
     min-height: 0;
   }
-  .item:is(.expanded, .phone-layout) .stack-item-card[data-scopedcss-e7260d0902-27118965c6] {
+  .item:is(.expanded, .phone-layout) .stack-item-card[data-scopedcss-e7260d0902-32cb9aa96d] {
     border-radius: 0;
     box-shadow: none;
   }
-  .item:is(.expanded, .phone-layout) .stack-item-card.showing-card[data-scopedcss-e7260d0902-27118965c6] {
+  .item:is(.expanded, .phone-layout) .stack-item-card.showing-card[data-scopedcss-e7260d0902-32cb9aa96d] {
     /* With the corners and shadow gone, the tray's background
        dissolves too — the tray becomes a positioning anchor
        only. Body content (.stack-item-content)
@@ -4440,10 +4440,10 @@
   /* When the top card is expanded, fade out the underlying
      buried cards so the user isn't visually distracted by the
      stack history behind the expanded surface. Sibling selector
-     within .operator-mode-stack > .inner; uses :has() to match
+     within the stack's cards wrapper (.stack-cards); uses :has() to match
      buried items that have an expanded sibling AFTER them in the
      DOM (top card = last in DOM order). */
-  .item[data-scopedcss-e7260d0902-27118965c6]:not(.expanded, .phone-layout):has(~ .item.expanded) {
+  .item[data-scopedcss-e7260d0902-32cb9aa96d]:not(.expanded, .phone-layout):has(~ .item.expanded) {
     opacity: 0;
     transition: opacity 380ms ease;
   }
@@ -4451,11 +4451,11 @@
      rise into the top bar's strip, which passes clicks through to
      the stack, and a click must never act on a card the user can't
      see. */
-  .item:not(.expanded):has(~ .item.expanded) > .stack-item-card[data-scopedcss-e7260d0902-27118965c6] {
+  .item:not(.expanded):has(~ .item.expanded) > .stack-item-card[data-scopedcss-e7260d0902-32cb9aa96d] {
     pointer-events: none;
   }
 
-  .stack-item-card[data-scopedcss-e7260d0902-27118965c6] {
+  .stack-item-card[data-scopedcss-e7260d0902-32cb9aa96d] {
     position: relative;
     height: 100%;
     display: grid;
@@ -4465,7 +4465,7 @@
     pointer-events: auto;
     overflow: hidden;
   }
-  .stack-item-header[data-scopedcss-e7260d0902-27118965c6] {
+  .stack-item-header[data-scopedcss-e7260d0902-32cb9aa96d] {
     --boxel-card-header-padding: var(--boxel-sp-4xs) var(--boxel-sp-xs);
     border-radius: 0;
     z-index: 1;
@@ -4474,22 +4474,22 @@
     min-width: 100%;
   }
 
-  .stack-item-content[data-scopedcss-e7260d0902-27118965c6] {
+  .stack-item-content[data-scopedcss-e7260d0902-32cb9aa96d] {
     overflow: auto;
   }
 
-  .stack-item-preview[data-scopedcss-e7260d0902-27118965c6] {
+  .stack-item-preview[data-scopedcss-e7260d0902-32cb9aa96d] {
     border-radius: 0;
     box-shadow: none;
     overflow: auto;
   }
 
-  .buried > .stack-item-card[data-scopedcss-e7260d0902-27118965c6] {
+  .buried > .stack-item-card[data-scopedcss-e7260d0902-32cb9aa96d] {
     border-radius: var(--boxel-border-radius-lg);
     background-color: var(--boxel-200);
   }
 
-  .buried .stack-item-header[data-scopedcss-e7260d0902-27118965c6] {
+  .buried .stack-item-header[data-scopedcss-e7260d0902-32cb9aa96d] {
     font: 600 var(--boxel-font-xs);
     gap: var(--boxel-sp-xxxs);
     --boxel-card-header-text-font: var(--boxel-font-size-xs);
@@ -4497,11 +4497,11 @@
     --boxel-card-header-card-type-icon-size: var(--boxel-icon-xs);
   }
 
-  .buried .stack-item-content[data-scopedcss-e7260d0902-27118965c6] {
+  .buried .stack-item-content[data-scopedcss-e7260d0902-32cb9aa96d] {
     display: none;
   }
 
-  .loading[data-scopedcss-e7260d0902-27118965c6] {
+  .loading[data-scopedcss-e7260d0902-32cb9aa96d] {
     grid-area: 2;
     display: flex;
     justify-content: center;
@@ -4512,10 +4512,10 @@
 
     --icon-color: var(--boxel-dark);
   }
-  .loading__message[data-scopedcss-e7260d0902-27118965c6] {
+  .loading__message[data-scopedcss-e7260d0902-32cb9aa96d] {
     margin-left: var(--boxel-sp-5xs);
   }
-  .loading[data-scopedcss-e7260d0902-27118965c6] .boxel-loading-indicator {
+  .loading[data-scopedcss-e7260d0902-32cb9aa96d] .boxel-loading-indicator {
     display: flex;
     justify: center;
     align-items: center;
@@ -4525,7 +4525,7 @@
      rounded box, realm icon left-docked, actions right-docked,
      left-justified type/title. Reuses CardHeader's existing
      actions structure; just re-skinned via this class. */
-  .expanded-card-header-pill[data-scopedcss-e7260d0902-27118965c6] {
+  .expanded-card-header-pill[data-scopedcss-e7260d0902-32cb9aa96d] {
     --boxel-card-header-padding: var(--boxel-sp-4xs)
       var(--operator-mode-spacing);
     --boxel-card-header-gap: var(--operator-mode-spacing);
@@ -4537,14 +4537,14 @@
   }
   /* Title in the expanded pill stays left-justified inside the
      center column (overrides CardHeader's default text-align: center). */
-  .expanded-card-header-pill[data-scopedcss-e7260d0902-27118965c6] .card-type-display-name {
+  .expanded-card-header-pill[data-scopedcss-e7260d0902-32cb9aa96d] .card-type-display-name {
     text-align: left;
     text-box-trim: trim-both;
   }
   /* Pencil button in expanded edit mode — solid green with dark
      icon for contrast (matches the active expand button). */
-  .expanded-card-header-pill[data-scopedcss-e7260d0902-27118965c6] .icon-save,
-  .expanded-card-header-pill[data-scopedcss-e7260d0902-27118965c6] .icon-save:hover {
+  .expanded-card-header-pill[data-scopedcss-e7260d0902-32cb9aa96d] .icon-save,
+  .expanded-card-header-pill[data-scopedcss-e7260d0902-32cb9aa96d] .icon-save:hover {
     background-color: var(--boxel-highlight);
     color: var(--boxel-dark);
   }
@@ -4561,13 +4561,12 @@
     --stack-padding-bottom: var(--boxel-sp-lg);
     --stack-padding-inline: var(--boxel-sp-lg);
   }
-  .operator-mode-stack[data-scopedcss-ae8de5247b-28b502bbb2] {
+  .operator-mode-stack[data-scopedcss-ae8de5247b-f2cc8656cc] {
     position: relative;
     height: 100%;
     width: 100%;
     background-position: center;
     background-size: cover;
-    padding-top: var(--stack-padding-top);
     padding-inline: var(--stack-padding-inline);
     padding-bottom: var(--stack-padding-bottom);
     z-index: 0;
@@ -4575,35 +4574,40 @@
   /* The padding follows the cards standing in the stack: a leaving card
      is kept in the region's orphan layer while it fades, and must not
      hold the padding it had */
-  .stack-medium-padding-top[data-scopedcss-ae8de5247b-28b502bbb2]:not(:has(> .inner > .item.expanded)) {
+  .stack-medium-padding-top[data-scopedcss-ae8de5247b-f2cc8656cc]:not(:has(> .item.expanded)) {
     --stack-padding-top: var(--stack-md-padding-top);
   }
-  .stack-small-padding-top[data-scopedcss-ae8de5247b-28b502bbb2]:not(:has(> .inner > .item.expanded)) {
+  .stack-small-padding-top[data-scopedcss-ae8de5247b-f2cc8656cc]:not(:has(> .item.expanded)) {
     --stack-padding-top: var(--stack-sm-padding-top);
   }
-  .operator-mode-stack[data-scopedcss-ae8de5247b-28b502bbb2]:has(> .inner > .item.expanded) {
+  .operator-mode-stack[data-scopedcss-ae8de5247b-f2cc8656cc]:has(> .inner > .stack-cards > .item.expanded) {
     --stack-padding-inline: 0;
     --stack-padding-bottom: 0;
   }
-  .operator-mode-stack[data-scopedcss-ae8de5247b-28b502bbb2]
+  .operator-mode-stack[data-scopedcss-ae8de5247b-f2cc8656cc]
     .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-ae8de5247b-28b502bbb2] {
+  .inner[data-scopedcss-ae8de5247b-f2cc8656cc] {
     width: 100%;
     height: 100%;
     position: relative;
+    margin: 0 auto;
+  }
+  .stack-cards[data-scopedcss-ae8de5247b-f2cc8656cc] {
+    position: relative;
+    height: calc(100% - var(--stack-padding-top));
+    margin-top: var(--stack-padding-top);
     display: flex;
     justify-content: center;
-    margin: 0 auto;
     border-bottom-left-radius: var(--boxel-border-radius);
     border-bottom-right-radius: var(--boxel-border-radius);
   }
   /* A leaving card is a picture of what was: nothing in it takes input */
-  .inner[data-scopedcss-ae8de5247b-28b502bbb2] [data-choreo-orphans] * {
+  .inner[data-scopedcss-ae8de5247b-f2cc8656cc] [data-choreo-orphans] * {
     pointer-events: none;
   }