entangle-ui 0.9.0 → 0.11.0

package/dist/esm/assets/src/components/editor/Timeline/Timeline.css.ts.vanilla-DDX6Zalo.css

@@ -0,0 +1,203 @@
+.Timeline_timelineShellStyle__1c3scxy0 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background: var(--etui-color-bg-secondary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  overflow: hidden;
+  color: var(--etui-color-text-primary);
+}
+.Timeline_timelineBodyStyle__1c3scxy1 {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  outline: none;
+  user-select: none;
+  touch-action: none;
+  cursor: default;
+}
+.Timeline_timelineBodyStyle__1c3scxy1:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-hover-target="playhead"] {
+  cursor: ew-resize;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-hover-target="loop-edge"] {
+  cursor: ew-resize;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-hover-target="loop-body"] {
+  cursor: grab;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-dragging] {
+  cursor: grabbing;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.Timeline_timelineCanvasStyle__1c3scxy2 {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.Timeline_timelineOverlayLayerStyle__1c3scxy3 {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.Timeline_ariaLiveRegionStyle__1c3scxy4 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+.Timeline_timelineMainRowStyle__1c3scxy5 {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  min-height: 0;
+}
+.Timeline_timelineHeaderColumnStyle__1c3scxy6 {
+  position: relative;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-bg-primary);
+  overflow: hidden;
+  user-select: none;
+}
+.Timeline_timelineHeaderSpacerStyle__1c3scxy7 {
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Timeline_timelineHeaderRowsViewportStyle__1c3scxy8 {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9 {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-sm);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-secondary);
+  overflow: hidden;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-draggable] {
+  cursor: grab;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-selected] {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-locked] {
+  opacity: 0.5;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-dragging] {
+  opacity: 0.4;
+}
+.Timeline_timelineHeaderGroupRowStyle__1c3scxya {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-xs);
+  background: var(--etui-color-bg-elevated);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-medium);
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+  overflow: hidden;
+}
+.Timeline_timelineHeaderToggleStyle__1c3scxyb {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--etui-color-text-muted);
+  cursor: pointer;
+  border-radius: 2px;
+  transition: transform var(--etui-transition-fast);
+}
+.Timeline_timelineHeaderToggleStyle__1c3scxyb[data-open] {
+  transform: rotate(90deg);
+}
+.Timeline_timelineHeaderToggleStyle__1c3scxyb:hover {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.Timeline_timelineHeaderSwatchStyle__1c3scxyc {
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  background: var(--etui-color-accent-secondary);
+}
+.Timeline_timelineHeaderLabelStyle__1c3scxyd {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.Timeline_timelineMinimapStyle__1c3scxye {
+  flex-shrink: 0;
+  position: relative;
+  width: 100%;
+  cursor: pointer;
+  background: var(--etui-color-bg-inset);
+  border-top: 1px solid var(--etui-color-border-default);
+  user-select: none;
+  touch-action: none;
+}
+.Timeline_timelineToolbarStyle__1c3scxyf {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Timeline_timelineFooterStyle__1c3scxyg {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  border-top: 1px solid var(--etui-color-border-default);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+}
+.Timeline_timelineHeaderDropIndicatorStyle__1c3scxyh {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: var(--etui-color-accent-primary);
+  pointer-events: none;
+}

package/dist/esm/assets/src/components/feedback/LogView/LogView.css.ts.vanilla-nB5ENOpw.css

@@ -0,0 +1,312 @@
+.LogView_rootRecipe__1koarpa3 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 0;
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+  overflow: hidden;
+  font-family: var(--etui-font-family-sans);
+}
+.LogView_rootRecipe_density_comfortable__1koarpa4 {
+  --rowHeightVar__1koarpa1: 30px;
+}
+.LogView_rootRecipe_density_compact__1koarpa5 {
+  --rowHeightVar__1koarpa1: 26px;
+}
+.LogView_rootRecipe_density_dense__1koarpa6 {
+  --rowHeightVar__1koarpa1: 22px;
+}
+.LogView_toolbarStyle__1koarpa7 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-surface-default);
+  flex-shrink: 0;
+}
+.LogView_toolbarSpacerStyle__1koarpa8 {
+  flex: 1;
+  min-width: var(--etui-spacing-sm);
+}
+.LogView_footerStyle__1koarpa9 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-md);
+  min-height: 24px;
+  border-top: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-surface-default);
+  color: var(--etui-color-text-secondary);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-xs);
+  flex-shrink: 0;
+}
+.LogView_searchWrapperStyle__1koarpaa {
+  flex: 0 1 240px;
+  min-width: 120px;
+}
+.LogView_levelFilterStyle__1koarpab {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  flex-wrap: wrap;
+}
+.LogView_levelChipRecipe__1koarpac {
+  --levelColorVar__1koarpa2: var(--etui-color-text-secondary);
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  height: 26px;
+  padding: 0 var(--etui-spacing-md);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  background: transparent;
+  color: var(--levelColorVar__1koarpa2);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-sm);
+  line-height: var(--etui-line-height-tight);
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+  transition: background var(--etui-transition-fast), border-color var(--etui-transition-fast), opacity var(--etui-transition-fast), color var(--etui-transition-fast);
+}
+.LogView_levelChipRecipe__1koarpac:hover {
+  background: var(--etui-color-surface-hover);
+}
+.LogView_levelChipRecipe__1koarpac:focus-visible {
+  outline: 2px solid var(--etui-color-border-focus);
+  outline-offset: 1px;
+}
+.LogView_levelChipRecipe_level_debug__1koarpad {
+  --levelColorVar__1koarpa2: var(--etui-color-text-muted);
+}
+.LogView_levelChipRecipe_level_info__1koarpae {
+  --levelColorVar__1koarpa2: var(--etui-color-text-secondary);
+}
+.LogView_levelChipRecipe_level_warn__1koarpaf {
+  --levelColorVar__1koarpa2: var(--etui-color-accent-warning);
+}
+.LogView_levelChipRecipe_level_error__1koarpag {
+  --levelColorVar__1koarpa2: var(--etui-color-accent-error);
+}
+.LogView_levelChipRecipe_active_true__1koarpai {
+  border-color: var(--levelColorVar__1koarpa2);
+  background: color-mix(in srgb, var(--levelColorVar__1koarpa2) 14%, transparent);
+}
+.LogView_levelChipRecipe_active_false__1koarpaj {
+  opacity: 0.55;
+}
+.LogView_levelGlyphStyle__1koarpak {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--levelColorVar__1koarpa2);
+  flex-shrink: 0;
+}
+.LogView_levelDotStyle__1koarpal {
+  width: 8px;
+  height: 8px;
+  border-radius: var(--etui-radius-lg);
+  background: var(--levelColorVar__1koarpa2);
+  flex-shrink: 0;
+}
+.LogView_chipCountStyle__1koarpam {
+  font-variant-numeric: tabular-nums;
+  color: inherit;
+  opacity: 0.75;
+  font-size: var(--etui-font-size-xs);
+  padding-left: var(--etui-spacing-xs);
+}
+.LogView_bodyStyle__1koarpan {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--etui-color-bg-primary);
+  font-family: var(--etui-font-family-mono);
+}
+.LogView_scrollViewportStyle__1koarpao {
+  position: absolute;
+  inset: 0;
+  overflow: auto;
+  scrollbar-color: var(--etui-color-border-default) transparent;
+  scrollbar-width: thin;
+}
+.LogView_bodyDensityRecipe_density_comfortable__1koarpaq {
+  font-size: var(--etui-font-size-md);
+}
+.LogView_bodyDensityRecipe_density_compact__1koarpar {
+  font-size: var(--etui-font-size-sm);
+}
+.LogView_bodyDensityRecipe_density_dense__1koarpas {
+  font-size: var(--etui-font-size-xs);
+}
+.LogView_virtualBodyStyle__1koarpat {
+  position: relative;
+  width: 100%;
+  height: var(--totalHeightVar__1koarpa0);
+}
+.LogView_plainBodyStyle__1koarpau {
+  display: flex;
+  flex-direction: column;
+}
+.LogView_rowRecipe__1koarpav {
+  --levelColorVar__1koarpa2: var(--etui-color-text-secondary);
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--etui-spacing-md);
+  width: 100%;
+  min-height: var(--rowHeightVar__1koarpa1);
+  padding: 0 var(--etui-spacing-md);
+  border-left: 2px solid transparent;
+  color: var(--etui-color-text-primary);
+  transition: background var(--etui-transition-fast);
+}
+.LogView_rowRecipe__1koarpav:hover {
+  background: var(--etui-color-surface-hover);
+}
+.LogView_rowRecipe_level_debug__1koarpaw {
+  --levelColorVar__1koarpa2: var(--etui-color-text-muted);
+}
+.LogView_rowRecipe_level_info__1koarpax {
+  --levelColorVar__1koarpa2: var(--etui-color-text-secondary);
+}
+.LogView_rowRecipe_level_warn__1koarpay {
+  --levelColorVar__1koarpa2: var(--etui-color-accent-warning);
+  border-left-color: var(--etui-color-accent-warning);
+}
+.LogView_rowRecipe_level_error__1koarpaz {
+  --levelColorVar__1koarpa2: var(--etui-color-accent-error);
+  border-left-color: var(--etui-color-accent-error);
+  background: color-mix(in srgb, var(--etui-color-accent-error) 7%, transparent);
+}
+.LogView_rowRecipe_level_custom__1koarpa10 {
+  border-left-color: var(--levelColorVar__1koarpa2);
+}
+.LogView_rowRecipe_virtualized_true__1koarpa11 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.LogView_rowRecipe_interactive_true__1koarpa12 {
+  cursor: pointer;
+}
+.LogView_rowRecipe_selected_true__1koarpa13 {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 22%, transparent);
+}
+.LogView_rowRecipe_selected_true__1koarpa13:hover {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 30%, transparent);
+}
+.LogView_rowRecipe_align_center__1koarpa14 {
+  align-items: center;
+}
+.LogView_rowRecipe_align_start__1koarpa15 {
+  align-items: flex-start;
+}
+.LogView_timestampStyle__1koarpa16 {
+  color: var(--etui-color-text-muted);
+  font-variant-numeric: tabular-nums;
+  white-space: pre;
+  flex-shrink: 0;
+  min-width: var(--etui-logview-timestamp-col-width, 88px);
+  user-select: none;
+}
+.LogView_rowGlyphStyle__1koarpa17 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--levelColorVar__1koarpa2);
+  flex-shrink: 0;
+  width: 18px;
+}
+.LogView_sourceCellStyle__1koarpa18 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  width: var(--etui-logview-source-col-width, 52px);
+  overflow: hidden;
+}
+.LogView_sourceTagStyle__1koarpa19 {
+  flex-shrink: 1;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.LogView_messageRecipe__1koarpa1a {
+  flex: 1;
+  min-width: 0;
+  color: inherit;
+}
+.LogView_messageRecipe_wrap_true__1koarpa1b {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.LogView_messageRecipe_wrap_false__1koarpa1c {
+  white-space: pre;
+}
+.LogView_highlightStyle__1koarpa1d {
+  background: color-mix(in srgb, var(--etui-color-accent-warning) 40%, transparent);
+  color: inherit;
+  border-radius: var(--etui-radius-sm);
+}
+.LogView_copyLineButtonStyle__1koarpa1e {
+  position: absolute;
+  top: 50%;
+  right: var(--etui-spacing-xs);
+  transform: translateY(-50%);
+  opacity: 0;
+  transition: opacity var(--etui-transition-fast);
+}
+[data-log-copy-host]:hover .LogView_copyLineButtonStyle__1koarpa1e {
+  opacity: 1;
+}
+.LogView_copyLineButtonStyle__1koarpa1e:focus-within {
+  opacity: 1;
+}
+.LogView_emptyStateStyle__1koarpa1f {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 80px;
+  padding: var(--etui-spacing-xl);
+  text-align: center;
+  color: var(--etui-color-text-muted);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-sm);
+}
+.LogView_jumpButtonRecipe__1koarpa1g {
+  position: absolute;
+  bottom: var(--etui-spacing-md);
+  right: var(--etui-spacing-xl);
+  display: inline-flex;
+  border-radius: var(--etui-radius-md);
+  box-shadow: var(--etui-shadow-md);
+  transition: opacity var(--etui-transition-fast), transform var(--etui-transition-fast);
+  z-index: var(--etui-z-base);
+}
+.LogView_jumpButtonRecipe_visible_true__1koarpa1h {
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+.LogView_jumpButtonRecipe_visible_false__1koarpa1i {
+  opacity: 0;
+  transform: translateY(8px);
+  pointer-events: none;
+}
+.LogView_jumpBadgeStyle__1koarpa1j {
+  font-variant-numeric: tabular-nums;
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-accent-primary);
+}

package/dist/esm/assets/src/components/navigation/Menu/Menu.css.ts.vanilla-B5iVe5S2.css

@@ -0,0 +1,88 @@
+.Menu_menuContentStyle__1pkkb710 {
+  min-width: 200px;
+  max-width: 360px;
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  box-shadow: var(--etui-shadow-md);
+  padding: var(--etui-spacing-sm);
+  z-index: var(--etui-z-dropdown);
+  outline: none;
+  opacity: 1;
+  transform: scale(1);
+  transform-origin: var(--transform-origin);
+  transition: opacity var(--etui-transition-fast), transform var(--etui-transition-fast);
+}
+.Menu_menuContentStyle__1pkkb710[data-starting-style], .Menu_menuContentStyle__1pkkb710[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.96);
+}
+.Menu_menuItemStyle__1pkkb711 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 24px;
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  border-radius: var(--etui-radius-sm);
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-md);
+  font-family: var(--etui-font-family-sans);
+}
+.Menu_menuItemStyle__1pkkb711[data-highlighted] {
+  background: var(--etui-color-surface-hover);
+}
+.Menu_menuItemStyle__1pkkb711[data-disabled] {
+  color: var(--etui-color-text-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.Menu_itemStartSlotStyle__1pkkb712 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  color: var(--etui-color-text-secondary);
+}
+.Menu_itemLabelStyle__1pkkb713 {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.Menu_itemEndSlotStyle__1pkkb714 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  margin-left: auto;
+  padding-left: var(--etui-spacing-md);
+  flex-shrink: 0;
+  color: var(--etui-color-text-muted);
+}
+.Menu_shortcutStyle__1pkkb715 {
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+  letter-spacing: 0.03em;
+  white-space: nowrap;
+}
+.Menu_groupLabelStyle__1pkkb716 {
+  display: block;
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: var(--etui-line-height-tight);
+  font-family: var(--etui-font-family-sans);
+  color: var(--etui-color-text-muted);
+}
+.Menu_separatorStyle__1pkkb717 {
+  margin: var(--etui-spacing-xs) 0;
+  border-top: 1px solid var(--etui-color-border-default);
+  height: 0;
+}

package/dist/esm/assets/src/components/navigation/PathBar/PathBar.css.ts.vanilla-BIEzQQOf.css

@@ -0,0 +1,10 @@
+.PathBar_pathBarSiblingTriggerStyle__1baq2v0 {
+  margin-left: calc(-1 * var(--etui-spacing-xs));
+  color: var(--etui-color-text-muted);
+  opacity: 0.7;
+  transition: opacity var(--etui-transition-fast), color var(--etui-transition-fast);
+}
+.PathBar_pathBarSiblingTriggerStyle__1baq2v0:hover, .PathBar_pathBarSiblingTriggerStyle__1baq2v0:focus-visible, .PathBar_pathBarSiblingTriggerStyle__1baq2v0[aria-expanded="true"] {
+  opacity: 1;
+  color: var(--etui-color-text-primary);
+}

package/dist/esm/assets/src/components/primitives/viewport/Viewport.css.ts.vanilla-CkFBJ7Vo.css

@@ -0,0 +1,65 @@
+.Viewport_viewportRootRecipe__4kgrsw1 {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  outline: none;
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+  touch-action: none;
+  user-select: none;
+  cursor: default;
+}
+.Viewport_viewportRootRecipe__4kgrsw1:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Viewport_viewportRootRecipe_responsive_true__4kgrsw2 {
+  height: 100%;
+}
+.Viewport_viewportRootRecipe_responsive_false__4kgrsw3 {
+  height: var(--viewportHeightVar__4kgrsw0);
+}
+.Viewport_viewportRootRecipe_disabled_true__4kgrsw4 {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.Viewport_viewportRootRecipe_panning_true__4kgrsw6 {
+  cursor: grabbing;
+}
+.Viewport_layerCanvasStyle__4kgrsw8 {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.Viewport_worldLayerStyle__4kgrsw9 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  transform-origin: 0 0;
+  pointer-events: none;
+}
+.Viewport_overlayLayerStyle__4kgrswa {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.Viewport_marqueeRectStyle__4kgrswb {
+  position: absolute;
+  pointer-events: none;
+  border: 1px solid var(--etui-color-accent-primary);
+  background: var(--etui-color-accent-primary);
+  opacity: 0.18;
+  border-radius: var(--etui-radius-sm);
+}
+.Viewport_ariaLiveRegionStyle__4kgrswc {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+}