@cesdk/cesdk-js 1.24.0 → 1.25.0

package/assets/i18n/de.json

@@ -308,6 +308,7 @@
   "component.fileOperation.more": "Weitere Optionen anzeigen",
   "component.fileOperation.save": "$t(common.save)",
   "component.fileOperation.share": "Als Vorlage teilen",
+  "component.inspectorBar": "Inspectorbalken",
   "component.inspectorPositionSelect": "$t(common.position)",
   "component.inspectorPositionSelect.left": "Links",
   "component.inspectorPositionSelect.left.description": "Inspector auf der linken Seite",

package/assets/i18n/en.json

@@ -308,6 +308,7 @@
   "component.fileOperation.more": "Show more options",
   "component.fileOperation.save": "$t(common.save)",
   "component.fileOperation.share": "Share as Template",
+  "component.inspectorBar": "Inspector Bar",
   "component.inspectorPositionSelect": "$t(common.position)",
   "component.inspectorPositionSelect.left": "Left",
   "component.inspectorPositionSelect.left.description": "Select the inspector to be on the left side",

package/assets/ui/stylesheets/cesdk.css

@@ -1815,13 +1815,11 @@
 }
 @supports not (contain: none) {
   .UBQ_Card-module__block--Zs4rt:focus {
-    z-index: 1;
     --ubq_internal-backgroundGradient: var(--ubq-interactive-hover);
     box-shadow: var(--ubq-effect-focus);
   }
 }
 .UBQ_Card-module__block--Zs4rt:focus-visible {
-  z-index: 1;
   --ubq_internal-backgroundGradient: var(--ubq-interactive-hover);
   box-shadow: var(--ubq-effect-focus);
 }
@@ -3021,6 +3019,13 @@
   position: relative;
   overflow: hidden;
   padding: var(--ubq-margin-s);
+  box-sizing: border-box;
+}
+.UBQ_ContentBox-module__block--lEbIe.UBQ_ContentBox-module__small--vZjGs {
+  height: calc(var(--ubq-scale-base) * 26);
+}
+.UBQ_ContentBox-module__block--lEbIe.UBQ_ContentBox-module__medium--ruRrj {
+  height: calc(var(--ubq-scale-base) * 40);
 }
 .UBQ_ContentBox-module__blockState--Ce-K- {
   position: absolute;
@@ -4400,7 +4405,6 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/color/ColorBox.module.scss */
 .UBQ_ColorBox-module__block--d1O8q {
-  height: calc(var(--ubq-scale-base) * 26);
   margin-bottom: var(--ubq-margin-l);
 }
 .UBQ_ColorBox-module__block--d1O8q .UBQ_ColorBox-module__colorLabels--I4WDp {
@@ -4496,10 +4500,37 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 .UBQ_AssetLibraryCard-module__wrapper--stQdN {
   display: flex;
   flex-direction: column;
-  gap: var(--ubq-margin-s);
   overflow: visible;
   align-items: center;
 }
+.UBQ_AssetLibraryCard-module__stack--qnDzG {
+  width: 100%;
+  height: 100%;
+}
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > *:not(.UBQ_AssetLibraryCard-module__block--z689o),
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > *:has(~ [data-expanded=true]) .UBQ_AssetLibraryCard-module__label---NNY5 {
+  opacity: 0;
+}
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE > [data-expanded=true] {
+  opacity: 1;
+}
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:hover .UBQ_AssetLibraryCard-module__block--z689o .UBQ_AssetLibraryCard-module__label---NNY5,
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:focus-within .UBQ_AssetLibraryCard-module__block--z689o .UBQ_AssetLibraryCard-module__label---NNY5 {
+  opacity: 0;
+}
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:hover *:not(.UBQ_AssetLibraryCard-module__block--z689o),
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__hasChildren--yUxxD.UBQ_AssetLibraryCard-module__labelInside--OMslE:focus-within *:not(.UBQ_AssetLibraryCard-module__block--z689o) {
+  opacity: 1;
+}
+.UBQ_AssetLibraryCard-module__stack--qnDzG.UBQ_AssetLibraryCard-module__isPreview--7ZqFG {
+  height: unset;
+}
+.UBQ_AssetLibraryCard-module__labelBelow--sZi-b {
+  max-height: calc(100% - var(--ubq-typography-label-s-line_height) * 2 - var(--ubq-margin-s) * 2);
+}
+.UBQ_AssetLibraryCard-module__labelBelow--sZi-b.UBQ_AssetLibraryCard-module__singleLineLabel--cyXzB {
+  max-height: calc(100% - var(--ubq-typography-label-s-line_height) - var(--ubq-margin-s) * 2);
+}
 .UBQ_AssetLibraryCard-module__block--z689o {
   display: flex;
   justify-content: center;
@@ -4508,19 +4539,30 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
 .UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__containsLabel--tsqhH {
   flex-direction: column-reverse;
 }
-.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__labelBelow--sZi-b {
-  max-height: calc(100% - var(--ubq-typography-label-s-line_height) * 2 - var(--ubq-margin-s) * 2);
-}
-.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__labelBelow--sZi-b.UBQ_AssetLibraryCard-module__singleLineLabel--cyXzB {
-  max-height: calc(100% - var(--ubq-typography-label-s-line_height) - var(--ubq-margin-s) * 2);
-}
 .UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__hasBackground--XuHUW .UBQ_AssetLibraryCard-module__label---NNY5 {
-  background-color: var(--ubq-overlay);
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
   position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  bottom: var(--ubq-margin-xs);
+  inset-inline: var(--ubq-margin-xs);
+  border-radius: var(--ubq-border_radius-s);
+  width: auto;
   padding: var(--ubq-margin-xs);
+  color: var(--ubq-static-contrast-white);
+  background: rgba(0, 0, 0, 0.3);
+  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
+  text-align: left;
 }
 .UBQ_AssetLibraryCard-module__dragPreview--OmKMq {
   overflow: hidden;
@@ -4546,13 +4588,14 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   color: var(--ubq-foreground-default);
 }
 .UBQ_AssetLibraryCard-module__label---NNY5.UBQ_AssetLibraryCard-module__below--ULAsZ {
+  padding-top: var(--ubq-margin-s);
   color: var(--ubq-foreground-light);
 }
 .UBQ_AssetLibraryCard-module__singleLineTruncation--QqQ8w {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: inline-block;
+  display: block;
   width: 100%;
 }
 .UBQ_AssetLibraryCard-module__multiLineTruncation--yNIbR {
@@ -4569,14 +4612,110 @@ input[type=range].UBQ_ColorSelection-module__opacitySlider--PI-Wu::-ms-thumb {
   box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
 }
 
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetMediaPlayer.module.scss */
+.UBQ_AssetMediaPlayer-module__block--2enRm {
+  align-self: end;
+  justify-self: end;
+  position: relative;
+  margin: var(--ubq-margin-xs);
+  border-radius: var(--ubq-border_radius-s);
+  height: calc(6 * var(--ubq-scale-base));
+  width: calc(100% - 2 * var(--ubq-margin-xs));
+  max-width: calc(100% - 2 * var(--ubq-margin-xs));
+  display: flex;
+  justify-content: end;
+  align-items: center;
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x {
+  border-radius: var(--ubq-border_radius-s);
+  flex-grow: 0;
+  flex-basis: fit-content;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.3);
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU {
+  width: 0;
+  overflow: hidden;
+  padding-inline: 0;
+  flex-grow: 0;
+  opacity: 0;
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU:not(:focus-visible):not(:hover) svg {
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU .UBQ_AssetMediaPlayer-module__loadingIndicator--BVqs6 {
+  width: calc(4 * var(--ubq-scale-base));
+  height: calc(4 * var(--ubq-scale-base));
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU .UBQ_AssetMediaPlayer-module__loadingIndicator--BVqs6 > svg {
+  width: 100%;
+  height: 100%;
+  color: var(--ubq-foreground-accent);
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU:not(:hover) {
+  color: var(--ubq-foreground-accent);
+}
+.UBQ_AssetMediaPlayer-module__block--2enRm time {
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-inline: var(--ubq-margin-s);
+  max-width: calc(8.5 * var(--ubq-scale-base));
+  color: var(--ubq-static-contrast-white);
+  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
+  text-align: right;
+}
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__layout--nxR1x,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__layout--nxR1x {
+  flex-grow: 1;
+}
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__playButton--sRBJU,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__playButton--sRBJU {
+  width: calc(6 * var(--ubq-scale-base));
+  opacity: 1;
+}
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:hover + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm time,
+.UBQ_AssetMediaPlayer-module__block--2enRm:hover time,
+.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within time,
+.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] time {
+  margin-inline: var(--ubq-margin-xs) var(--ubq-margin-s);
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetContextPopover.module.scss */
 .UBQ_AssetContextPopover-module__block--mBBDc {
-  background: var(--ubq-elevation-2);
   border-radius: var(--ubq-border_radius-s);
 }
 .UBQ_AssetContextPopover-module__button--zAa38 {
   border-radius: var(--ubq-border_radius-s);
 }
+.UBQ_AssetContextPopover-module__button--zAa38:not(:hover, :focus-visible) {
+  color: var(--ubq-foreground-accent);
+  background: rgba(0, 0, 0, 0.3);
+}
+.UBQ_AssetContextPopover-module__button--zAa38:not(:hover, :focus-visible) svg {
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
+}
 .UBQ_AssetContextPopover-module__content--ZKSmX {
   font-family: var(--ubq-typography-label-m-font_family);
   font-size: var(--ubq-typography-label-m-size);
@@ -5239,7 +5378,6 @@ footer {
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/fill/FillSelectionControls.module.scss */
 .UBQ_FillSelectionControls-module__contentBox--HrUzL {
-  height: calc(var(--ubq-scale-base) * 40);
   margin-bottom: var(--ubq-margin-l);
   box-sizing: border-box;
 }
@@ -5474,6 +5612,7 @@ footer {
   -webkit-overflow-scrolling: touch;
   scrollbar-width: thin;
   scrollbar-color: var(--ubq-foreground-info) transparent;
+  z-index: 13;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
@@ -5637,6 +5776,92 @@ footer {
   transform: translateX(-100%);
 }
 
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/PlayHead.module.scss */
+.UBQ_PlayHead-module__block--L6eKu {
+  z-index: 3;
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimelineControls.module.scss */
+.UBQ_VideoTimelineControls-module__block--51LSm {
+  position: relative;
+  display: grid;
+  grid-template-columns: max-content 1fr max-content;
+  grid-template-rows: max-content;
+  justify-items: center;
+  align-items: center;
+  padding: var(--ubq-margin-s) var(--ubq-margin-l);
+  -webkit-user-select: none;
+  user-select: none;
+}
+.UBQ_VideoTimelineControls-module__group--O98jr {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--ubq-margin-s);
+}
+.UBQ_VideoTimelineControls-module__playbackControls--tTdue {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr min-content 1fr;
+}
+.UBQ_VideoTimelineControls-module__playbackControls--tTdue :first-child {
+  justify-self: end;
+}
+.UBQ_VideoTimelineControls-module__playbackControls--tTdue :last-child {
+  justify-self: start;
+}
+.UBQ_VideoTimelineControls-module__playbackInfo--qBo24 {
+  font-family: var(--ubq-typography-label-m-font_family);
+  font-size: var(--ubq-typography-label-m-size);
+  font-weight: var(--ubq-typography-label-m-weight);
+  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
+  line-height: var(--ubq-typography-label-m-line_height);
+  color: var(--ubq-foreground-default);
+  display: flex;
+  align-items: baseline;
+  padding-inline-end: var(--ubq-margin-xs);
+}
+.UBQ_VideoTimelineControls-module__zoomControls--sMM4p {
+  display: flex;
+  align-items: center;
+  gap: var(--ubq-margin-s);
+}
+.UBQ_VideoTimelineControls-module__expandButton--MRale {
+  margin-inline-start: var(--ubq-margin-s);
+}
+
+/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/BackgroundTrackAddButton.module.scss */
+.UBQ_BackgroundTrackAddButton-module__block--zazTm {
+  position: sticky;
+  right: var(--ubq-margin-xs);
+  grid-area: add-button;
+  width: 100%;
+  height: calc(var(--ubq-scale-base) * 8);
+}
+.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI {
+  width: 100%;
+  height: 100%;
+  margin-left: auto;
+  padding-inline: var(--ubq-margin-s);
+  border-radius: var(--ubq-border_radius-m);
+}
+.UBQ_BackgroundTrackAddButton-module__block--zazTm > .UBQ_BackgroundTrackAddButton-module__addClipButton--JCuyI.UBQ_BackgroundTrackAddButton-module__sticky--mgPon {
+  padding-right: 0;
+}
+.UBQ_BackgroundTrackAddButton-module__addClipStickySentinel--Wcwxd {
+  font-family: var(--ubq-typography-button-m-font_family);
+  font-size: var(--ubq-typography-button-m-size);
+  font-weight: var(--ubq-typography-button-m-weight);
+  letter-spacing: var(--ubq-typography-button-m-letter_spacing);
+  line-height: var(--ubq-typography-button-m-line_height);
+  grid-area: add-button;
+  width: max-content;
+  height: calc(var(--ubq-scale-base) * 8);
+  padding-inline: var(--ubq-margin-l);
+  visibility: hidden;
+  z-index: -999999;
+}
+
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimeline.module.scss */
 .UBQ_VideoTimeline-module__block--7jS2p {
   isolation: isolate;
@@ -5728,84 +5953,11 @@ footer {
   background-color: var(--ubq-elevation-2);
   z-index: 2;
 }
-.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ > .UBQ_VideoTimeline-module__addClip--I6y8w {
-  position: sticky;
-  right: var(--ubq-margin-xs);
-  grid-area: add-button;
-  height: calc(var(--ubq-margin-base) * 8);
-}
-.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ > .UBQ_VideoTimeline-module__addClip--I6y8w > .UBQ_VideoTimeline-module__addClipButton--b-kRV {
-  width: 100%;
-  height: 100%;
-  margin-left: auto;
-  padding-inline: var(--ubq-margin-s);
-  border-radius: var(--ubq-border_radius-m);
-}
-.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ > .UBQ_VideoTimeline-module__addClip--I6y8w > .UBQ_VideoTimeline-module__addClipButton--b-kRV.UBQ_VideoTimeline-module__sticky--dLf4N {
-  padding-right: 0;
-}
-.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ > .UBQ_VideoTimeline-module__addClipStickySentinel--QHq1Q {
-  grid-area: add-button;
-  width: 100%;
-  height: 100%;
-}
 .UBQ_VideoTimeline-module__timeRuler--jUJdX {
   position: sticky;
   top: 0;
   z-index: 1;
 }
-.UBQ_VideoTimeline-module__playHead--a5UWU {
-  z-index: 3;
-}
-
-/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimelineControls.module.scss */
-.UBQ_VideoTimelineControls-module__block--51LSm {
-  position: relative;
-  display: grid;
-  grid-template-columns: max-content 1fr max-content;
-  grid-template-rows: max-content;
-  justify-items: center;
-  align-items: center;
-  padding: var(--ubq-margin-s) var(--ubq-margin-l);
-  -webkit-user-select: none;
-  user-select: none;
-}
-.UBQ_VideoTimelineControls-module__group--O98jr {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: var(--ubq-margin-s);
-}
-.UBQ_VideoTimelineControls-module__playbackControls--tTdue {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr min-content 1fr;
-}
-.UBQ_VideoTimelineControls-module__playbackControls--tTdue :first-child {
-  justify-self: end;
-}
-.UBQ_VideoTimelineControls-module__playbackControls--tTdue :last-child {
-  justify-self: start;
-}
-.UBQ_VideoTimelineControls-module__playbackInfo--qBo24 {
-  font-family: var(--ubq-typography-label-m-font_family);
-  font-size: var(--ubq-typography-label-m-size);
-  font-weight: var(--ubq-typography-label-m-weight);
-  letter-spacing: var(--ubq-typography-label-m-letter_spacing);
-  line-height: var(--ubq-typography-label-m-line_height);
-  color: var(--ubq-foreground-default);
-  display: flex;
-  align-items: baseline;
-  padding-inline-end: var(--ubq-margin-xs);
-}
-.UBQ_VideoTimelineControls-module__zoomControls--sMM4p {
-  display: flex;
-  align-items: center;
-  gap: var(--ubq-margin-s);
-}
-.UBQ_VideoTimelineControls-module__expandButton--MRale {
-  margin-inline-start: var(--ubq-margin-s);
-}
 
 /* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryDock/AssetLibraryDock.module.scss */
 .UBQ_AssetLibraryDock-module__block--Cgfpm {