/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/CircularProgress/CircularProgress.module.scss */
.UBQ_CircularProgress-module__block--024kS {
  color: var(--ubq-progress);
}
.UBQ_CircularProgress-module__track--baDGK {
  stroke: var(--ubq-interactive-default);
}
.UBQ_CircularProgress-module__label--SO0Ky {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-s-font_family));
  font-size: var(--ubq-typography-label-s-size);
  font-weight: var(--ubq-typography-label-s-weight);
  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
  line-height: var(--ubq-typography-label-s-line_height);
  fill: var(--ubq-foreground-default);
  font-variant-numeric: tabular-nums;
}
.UBQ_CircularProgress-module__stopGradientStart--Vt2KP {
  stop-color: var(--ubq-foreground-default);
  stop-opacity: 0.17;
}
.UBQ_CircularProgress-module__stopGradientEnd--6-LRY {
  stop-color: var(--ubq-foreground-default);
  stop-opacity: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Icon.module.scss */
.UBQ_Icon-module__block--oFptJ.UBQ_Icon-module__normal--97EXD {
  height: calc(4 * var(--ubq-scale-base));
  width: calc(4 * var(--ubq-scale-base));
}
.UBQ_Icon-module__block--oFptJ.UBQ_Icon-module__large--9tIl8 {
  height: calc(6 * var(--ubq-scale-base));
  width: calc(6 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Theme/Theme.module.scss */
.UBQ_Theme-module__block--y8Z5g {
  height: 100%;
  width: 100%;
}
.UBQ_Theme-module__transition--lBTNM * * {
  transition: color, background-color 0.2s ease-in-out;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Button/Button.module.scss */
.UBQ_Button-module__block--XyrVB {
  font-family: var(--ubq-typography-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);
  box-sizing: border-box;
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
  z-index: 0;
  margin: 0;
  border: none;
  border-radius: var(--ubq-border_radius-s);
  min-width: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: var(--ubq-margin-xs);
  background: var(--ubq-interactive-default);
  color: var(--ubq-foreground-default);
  outline: none;
}
.UBQ_Button-module__block--XyrVB > span {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-sizing: content-box;
  width: 100%;
  min-height: var(--ubq-typography-button-m-line_height);
  min-width: var(--ubq-typography-button-m-line_height);
}
.UBQ_Button-module__block--XyrVB > span > span {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  margin: 0 var(--ubq-margin-xs);
}
.UBQ_Button-module__block--XyrVB svg {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
}
.UBQ_Button-module__block--XyrVB .UBQ_Button-module__spinner--W7mne {
  height: var(--ubq-typography-button-m-line_height);
  width: var(--ubq-typography-button-m-line_height);
}
.UBQ_Button-module__block--XyrVB svg {
  color: inherit;
  flex-shrink: 0;
}
.UBQ_Button-module__block--XyrVB:disabled {
  opacity: 0.55;
  cursor: default;
}
@supports not (contain: none) {
  .UBQ_Button-module__block--XyrVB:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_Button-module__block--XyrVB:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Button-module__centered--zntec > span {
  justify-content: center;
}
.UBQ_Button-module__centered--zntec > span > span {
  flex-grow: 0;
}
.UBQ_Button-module__link--PBesf {
  text-decoration: none;
}
.UBQ_Button-module__ubq-variant_regular--TbREl {
  box-shadow: var(--ubq-effect-shadow);
}
.UBQ_Button-module__ubq-variant_plain--VpIpw {
  background: none;
}
.UBQ_Button-module__ubq-variant_regular--TbREl:not(:disabled):hover:not(:active),
.UBQ_Button-module__ubq-variant_plain--VpIpw:not(:disabled):hover:not(:active) {
  background: var(--ubq-interactive-hover);
}
.UBQ_Button-module__ubq-variant_regular--TbREl:not(:disabled):active,
.UBQ_Button-module__ubq-variant_plain--VpIpw:not(:disabled):active {
  background: var(--ubq-interactive-pressed);
}
.UBQ_Button-module__ubq-color_accent--7FCPT {
  background: var(--ubq-interactive-accent-default);
  color: var(--ubq-foreground-accent);
}
.UBQ_Button-module__ubq-color_accent--7FCPT:not(:disabled):hover:not([data-active=true], :active) {
  background: var(--ubq-interactive-accent-hover);
  color: var(--ubq-foreground-accent);
}
.UBQ_Button-module__ubq-color_accent--7FCPT:not(:disabled):active {
  background: var(--ubq-interactive-accent-pressed);
  color: var(--ubq-foreground-accent);
}
@supports not (contain: none) {
  .UBQ_Button-module__ubq-color_accent--7FCPT:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_Button-module__ubq-color_accent--7FCPT:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Button-module__ubq-color_danger--CwUXL {
  background: var(--ubq-interactive-danger-default);
  color: var(--ubq-foreground-accent);
}
.UBQ_Button-module__ubq-color_danger--CwUXL:not(:disabled):hover:not([data-active=true], :active) {
  background: var(--ubq-interactive-danger-hover);
}
.UBQ_Button-module__ubq-color_danger--CwUXL:not(:disabled):active {
  background: var(--ubq-interactive-danger-pressed);
}
@supports not (contain: none) {
  .UBQ_Button-module__ubq-color_danger--CwUXL:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_Button-module__ubq-color_danger--CwUXL:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Button-module__ubq-variant_plain--VpIpw.UBQ_Button-module__ubq-color_danger--CwUXL {
  background: none;
  color: var(--ubq-notice-error);
}
.UBQ_Button-module__ubq-variant_plain--VpIpw.UBQ_Button-module__ubq-color_danger--CwUXL:not(:disabled):hover:not([data-active=true], :active) {
  background: var(--ubq-interactive-hover);
  color: var(--ubq-notice-error);
}
.UBQ_Button-module__ubq-variant_plain--VpIpw.UBQ_Button-module__ubq-color_danger--CwUXL:not(:disabled):active {
  background: var(--ubq-interactive-pressed);
  color: var(--ubq-notice-error);
}
@supports not (contain: none) {
  .UBQ_Button-module__ubq-variant_plain--VpIpw.UBQ_Button-module__ubq-color_danger--CwUXL:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_Button-module__ubq-variant_plain--VpIpw.UBQ_Button-module__ubq-color_danger--CwUXL:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz {
  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-default), var(--ubq-effect-shadow);
  color: var(--ubq-foreground-active);
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:not(:disabled):hover:not(:active) {
  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-hover), var(--ubq-effect-shadow);
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:not(:disabled):active {
  box-shadow: inset 0 0 0 1px var(--ubq-interactive-active-pressed), var(--ubq-effect-shadow);
  color: var(--ubq-foreground-active);
}
@supports not (contain: none) {
  .UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-interactive-active-default);
  }
  .UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:focus:not(:disabled):hover:not(:active) {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-interactive-active-hover);
  }
  .UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:focus:not(:disabled):active {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-interactive-active-pressed);
    color: var(--ubq-foreground-active);
  }
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-interactive-active-default);
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:focus-visible:not(:disabled):hover:not(:active) {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-interactive-active-hover);
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_outline--t53fz:focus-visible:not(:disabled):active {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-interactive-active-pressed);
  color: var(--ubq-foreground-active);
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_pill--DcXBn > span {
  position: relative;
}
.UBQ_Button-module__ubq-state_active--5Twfd.UBQ_Button-module__ubq-state_active-style_pill--DcXBn > span::after {
  content: "";
  position: absolute;
  left: calc(var(--ubq-margin-xs) / 2);
  bottom: calc(var(--ubq-margin-xs) / 2 * -1);
  height: calc(var(--ubq-scale-base) / 2);
  width: calc(var(--ubq-scale-base) * 3);
  border-radius: 100px;
  background-color: var(--ubq-interactive-active-default);
}
@supports not (contain: none) {
  .UBQ_Button-module__ubq-state_active--5Twfd:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_Button-module__ubq-state_active--5Twfd:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Button-module__ubq-state_selected--WVN44 {
  box-shadow: var(--ubq-effect-shadow);
  background: var(--ubq-interactive-selected);
}
.UBQ_Button-module__ubq-size_large--0g59K {
  padding: var(--ubq-margin-m);
}
.UBQ_Button-module__ubq-size_modern--6-lui {
  border-radius: var(--ubq-border_radius-m);
  padding: var(--ubq-margin-s);
}
@keyframes UBQ_Button-module__spin--0WFIV {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/PlainToggleButton/PlainToggleButton.module.scss */
.UBQ_PlainToggleButton-module__block--CQ849 {
  background: none;
  color: var(--ubq-foreground-default);
}
.UBQ_PlainToggleButton-module__block--CQ849:not(:disabled):hover:not(:active) {
  background: var(--ubq-interactive-hover);
}
.UBQ_PlainToggleButton-module__block--CQ849:not(:disabled):active {
  background: var(--ubq-interactive-pressed);
  color: var(--ubq-foreground-default);
}
@supports not (contain: none) {
  .UBQ_PlainToggleButton-module__block--CQ849:focus {
    background: var(--ubq-interactive-hover);
    color: var(--ubq-foreground-default);
  }
}
.UBQ_PlainToggleButton-module__block--CQ849:focus-visible {
  background: var(--ubq-interactive-hover);
  color: var(--ubq-foreground-default);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Layout/LayoutEdge/LayoutEdge.module.scss */
.UBQ_LayoutEdge-module__block--f2y-3 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: "top" "middle" "bottom";
  height: 100%;
  width: 100%;
}
.UBQ_LayoutEdge-module__block--f2y-3 > * {
  grid-area: middle;
  justify-self: center;
  align-self: center;
}
.UBQ_LayoutEdge-module__topLeft--jcidN {
  grid-area: top;
  justify-self: start;
  align-self: start;
  display: flex;
}
.UBQ_LayoutEdge-module__middleLeft--zivDu {
  grid-area: middle;
  justify-self: start;
  align-self: center;
  display: flex;
}
.UBQ_LayoutEdge-module__bottomLeft--PwAIH {
  grid-area: bottom;
  justify-self: start;
  align-self: end;
  display: flex;
}
.UBQ_LayoutEdge-module__topCenter--r2abV {
  grid-area: top;
  justify-self: center;
  align-self: start;
  display: flex;
}
.UBQ_LayoutEdge-module__bottomCenter--NIOFr {
  grid-area: bottom;
  justify-self: center;
  align-self: end;
  display: flex;
}
.UBQ_LayoutEdge-module__topRight--1bVxX {
  grid-area: top;
  justify-self: end;
  align-self: start;
  display: flex;
}
.UBQ_LayoutEdge-module__middleRight--fyyQ2 {
  grid-area: middle;
  justify-self: end;
  align-self: center;
  display: flex;
}
.UBQ_LayoutEdge-module__bottomRight--I83Jo {
  grid-area: bottom;
  justify-self: end;
  align-self: end;
  display: flex;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/AsyncResult/AsyncResult.module.scss */
.UBQ_AsyncResult-module__progress--dqj3N {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.UBQ_AsyncResult-module__progress--dqj3N > svg {
  width: calc(var(--ubq-scale-base) * 9);
  height: calc(var(--ubq-scale-base) * 9);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SegmentedGroup/SegmentedGroup.module.scss */
.UBQ_SegmentedGroup-module__block--SYP9Y {
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
}
.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] {
  grid-auto-flow: row;
}
.UBQ_SegmentedGroup-module__block--SYP9Y.UBQ_SegmentedGroup-module__equalWidth--H8vXk {
  grid-auto-columns: 1fr;
}
.UBQ_SegmentedGroup-module__block--SYP9Y > hr {
  height: unset;
  width: 1px;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 0;
}
.UBQ_SegmentedGroup-module__block--SYP9Y > hr:first-child,
.UBQ_SegmentedGroup-module__block--SYP9Y > hr:last-child {
  display: none;
}
.UBQ_SegmentedGroup-module__block--SYP9Y > hr + hr {
  display: none;
}
.UBQ_SegmentedGroup-module__block--SYP9Y > *:not(:only-child):first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.UBQ_SegmentedGroup-module__block--SYP9Y > *:not(:only-child):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UBQ_SegmentedGroup-module__block--SYP9Y > *:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:not(:only-child):first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:not(:only-child):last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.UBQ_SegmentedGroup-module__block--SYP9Y[aria-orientation=vertical] > *:not(:first-child):not(:last-child) {
  border-radius: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InputGroup/InputGroup.module.scss */
.UBQ_InputGroup-module__block--cxN0E {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  gap: 1px;
}
.UBQ_InputGroup-module__block--cxN0E button,
.UBQ_InputGroup-module__block--cxN0E input {
  border-radius: 0;
}
.UBQ_InputGroup-module__block--cxN0E > * {
  flex: 1 1 auto;
}
.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):first-child button,
.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):first-child input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):last-child button,
.UBQ_InputGroup-module__block--cxN0E > *:not(:only-child):last-child input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UBQ_InputGroup-module__block--cxN0E > *:not(:first-child):not(:last-child) button,
.UBQ_InputGroup-module__block--cxN0E > *:not(:first-child):not(:last-child) input {
  border-radius: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InputGrid/InputGrid.module.scss */
.UBQ_InputGrid-module__block--QGYmh {
  display: grid;
  gap: 1px;
  grid-template-columns: 1fr 1fr;
}
.UBQ_InputGrid-module__block--QGYmh button,
.UBQ_InputGrid-module__block--QGYmh input {
  border-radius: 0;
}
.UBQ_InputGrid-module__block--QGYmh > *:first-child button,
.UBQ_InputGrid-module__block--QGYmh > *:first-child input {
  border-radius: var(--ubq-border_radius-s) 0 0 0;
}
.UBQ_InputGrid-module__block--QGYmh > *:nth-child(2) button,
.UBQ_InputGrid-module__block--QGYmh > *:nth-child(2) input {
  border-radius: 0 var(--ubq-border_radius-s) 0 0;
}
.UBQ_InputGrid-module__block--QGYmh > *:nth-last-child(2) button,
.UBQ_InputGrid-module__block--QGYmh > *:nth-last-child(2) input {
  border-radius: 0 0 0 var(--ubq-border_radius-s);
}
.UBQ_InputGrid-module__block--QGYmh > *:last-child button,
.UBQ_InputGrid-module__block--QGYmh > *:last-child input {
  border-radius: 0 0 var(--ubq-border_radius-s) 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Popover/Popover.module.scss */
.UBQ_Popover-module__popover--zav8W {
  background-color: var(--ubq-elevation-3);
  box-sizing: border-box;
  border: 1px solid var(--ubq-border-default);
  border-radius: var(--ubq-border_radius-l);
  overflow: hidden;
  padding: 0 calc(var(--ubq-margin-s) - calc(var(--ubq-margin-xs) / 2));
  box-shadow: var(--ubq-effect-shadow);
  z-index: 80;
}
.UBQ_Popover-module__popover--zav8W.UBQ_Popover-module__noPadding--xVwKF {
  padding: 0;
}
.UBQ_Popover-module__popover--zav8W.UBQ_Popover-module__noPadding--xVwKF .UBQ_Popover-module__popoverContent--DhH4d > *:first-child {
  padding-top: 0;
}
.UBQ_Popover-module__popover--zav8W.UBQ_Popover-module__noPadding--xVwKF .UBQ_Popover-module__popoverContent--DhH4d > *:last-child {
  padding-bottom: 0;
}
.UBQ_Popover-module__popover--zav8W.UBQ_Popover-module__noPadding--xVwKF .UBQ_Popover-module__popoverContent--DhH4d > *:first-child,
.UBQ_Popover-module__popover--zav8W.UBQ_Popover-module__noPadding--xVwKF .UBQ_Popover-module__popoverContent--DhH4d > *:last-child {
  padding-right: 0;
}
.UBQ_Popover-module__popover--zav8W.UBQ_Popover-module__noPadding--xVwKF .UBQ_Popover-module__popoverContent--DhH4d > *:only-child {
  padding: 0;
}
.UBQ_Popover-module__popoverContent--DhH4d > *:first-child {
  padding-top: var(--ubq-margin-s);
}
.UBQ_Popover-module__popoverContent--DhH4d > *:last-child {
  padding-bottom: var(--ubq-margin-s);
}
.UBQ_Popover-module__popoverContent--DhH4d > *:first-child,
.UBQ_Popover-module__popoverContent--DhH4d > *:last-child {
  padding-right: calc(var(--ubq-margin-xs) / 2);
}
.UBQ_Popover-module__popoverContent--DhH4d > *:only-child {
  padding: var(--ubq-margin-s) calc(var(--ubq-margin-xs) / 2);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Heading/Heading.module.scss */
.UBQ_Heading-module__heading--iJN8B {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-m-font_family));
  font-size: var(--ubq-typography-headline-m-size);
  font-weight: var(--ubq-typography-headline-m-weight);
  letter-spacing: var(--ubq-typography-headline-m-letter_spacing);
  line-height: var(--ubq-typography-headline-m-line_height);
  text-transform: initial;
  color: var(--ubq-foreground-default);
  width: auto;
  margin: 0;
}
.UBQ_Heading-module__heading--iJN8B.UBQ_Heading-module__singleline--2Smpl,
.UBQ_Heading-module__heading--iJN8B.UBQ_Heading-module__singleline--2Smpl * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UBQ_Heading-module__heading--iJN8B.UBQ_Heading-module__multiline---d-xF,
.UBQ_Heading-module__heading--iJN8B.UBQ_Heading-module__multiline---d-xF * {
  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;
}
.UBQ_Heading-module__heading--iJN8B.UBQ_Heading-module__largeTypography--rMhCz {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InspectorHeader/InspectorHeader.module.scss */
.UBQ_InspectorHeader-module__block--1GKB1 {
  display: flex;
  align-items: center;
  padding: var(--ubq-margin-m) var(--ubq-margin-l);
  height: calc(12 * var(--ubq-scale-base) - 2 * var(--ubq-margin-m));
}
.UBQ_InspectorHeader-module__block--1GKB1 .UBQ_InspectorHeader-module__heading--Njcs9 {
  flex: 1 1 auto;
  color: var(--ubq-foreground-default);
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
}
.UBQ_InspectorHeader-module__block--1GKB1 > *:not(.UBQ_InspectorHeader-module__heading--Njcs9) {
  flex: 0 0 auto;
}
.UBQ_InspectorHeader-module__block--1GKB1 > *:not(:first-child) {
  margin-left: var(--ubq-margin-s);
}
.UBQ_InspectorHeader-module__block--1GKB1 + hr {
  margin-block: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SegmentedControls/SegmentedControls.module.scss */
.UBQ_SegmentedControls-module__block--Dx3dh {
  display: flex;
}
.UBQ_SegmentedControls-module__block--Dx3dh > *:not(:last-child) {
  margin-right: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ButtonGroup/ButtonGroup.module.scss */
.UBQ_ButtonGroup-module__block--0bvCp > * {
  margin-right: 1px;
}
.UBQ_ButtonGroup-module__block--0bvCp > *:last-child {
  margin-right: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/GenericLabel/GenericLabel.module.scss */
.UBQ_GenericLabel-module__block--sp8Qp {
  font-family: var(--ubq-typography-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;
  color: var(--ubq-foreground-light);
  text-transform: initial;
  padding-left: var(--ubq-margin-xs);
  margin-bottom: 0;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_GenericLabel-module__block--sp8Qp > svg {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
}
.UBQ_GenericLabel-module__disabled--P6i-w {
  opacity: 0.55;
  pointer-events: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Tooltip/Tooltip.module.scss */
.UBQ_Tooltip-module__block--my931 {
  font-family: var(--ubq-typography-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);
  border-radius: var(--ubq-border_radius-s);
  border-width: 0;
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
  max-width: calc(var(--ubq-scale-base) * 72);
  background-color: var(--ubq-notice-info);
  color: var(--ubq-foreground-notice-default);
  pointer-events: none;
  opacity: 0;
  z-index: 80;
}
.UBQ_Tooltip-module__block--my931.UBQ_Tooltip-module__warning--7YhhE {
  background: var(--ubq-notice-warning);
}
.UBQ_Tooltip-module__block--my931.UBQ_Tooltip-module__error---aJQq {
  background: var(--ubq-notice-error);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Checkbox/Checkbox.module.scss */
.UBQ_Checkbox-module__block--ftt-D {
  min-width: var(--ubq-margin-m);
  display: flex;
  justify-content: space-between;
  padding: var(--ubq-margin-xs) 0;
}
.UBQ_Checkbox-module__block--ftt-D:not(:last-child) {
  margin-bottom: var(--ubq-margin-m);
}
.UBQ_Checkbox-module__block--ftt-D > * {
  margin-right: var(--ubq-margin-xs);
}
.UBQ_Checkbox-module__block--ftt-D.UBQ_Checkbox-module__labelPositionRight--b5F0U .UBQ_Checkbox-module__checkbox-container--ocMWh {
  order: 1;
}
.UBQ_Checkbox-module__block--ftt-D.UBQ_Checkbox-module__labelPositionRight--b5F0U label {
  order: 2;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh {
  position: relative;
  width: var(--ubq-margin-l);
  height: var(--ubq-margin-l);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > * {
  width: var(--ubq-margin-m);
  height: var(--ubq-margin-m);
  margin: 0;
  position: absolute;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > input {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > input:focus ~ .UBQ_Checkbox-module__checkbox--Lr9l5 {
  box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-stroke-contrast-2);
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > input:focus-visible ~ .UBQ_Checkbox-module__checkbox--Lr9l5 {
  opacity: 1;
  z-index: 2;
  box-shadow: var(--ubq-effect-focus), inset 0 0 0 1px var(--ubq-stroke-contrast-2);
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > input:focus-visible ~ .UBQ_Checkbox-module__checkbox--Lr9l5:focus:not(:focus-visible) {
  outline: none;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5 {
  position: relative;
  border-radius: var(--ubq-border_radius-xs);
  background: var(--ubq-interactive-default);
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5 > svg {
  width: var(--ubq-margin-l);
  height: var(--ubq-margin-l);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ubq-foreground-accent);
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5 > * {
  display: none;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=mixed] > *,
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=true] > * {
  display: block;
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=true] {
  background: var(--ubq-interactive-active-default);
}
.UBQ_Checkbox-module__block--ftt-D > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=true] > * {
  color: var(--ubq-foreground-accent);
}
.UBQ_Checkbox-module__block--ftt-D > label {
  font-family: var(--ubq-typography-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-light);
  flex-grow: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.UBQ_Checkbox-module__block--ftt-D > label[data-checked=true] {
  color: var(--ubq-foreground-default);
}
.UBQ_Checkbox-module__block--ftt-D > label > svg {
  flex-shrink: 0;
  margin-right: var(--ubq-margin-xs);
  margin-left: calc(var(--ubq-margin-xs) / 2);
}
.UBQ_Checkbox-module__block--ftt-D:hover > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=true] {
  background: var(--ubq-interactive-active-hover);
}
.UBQ_Checkbox-module__block--ftt-D:hover > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=false] {
  background: var(--ubq-interactive-hover);
}
.UBQ_Checkbox-module__block--ftt-D:hover > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5[data-checked=false] > * {
  display: none;
}
.UBQ_Checkbox-module__block--ftt-D:hover > label {
  color: var(--ubq-foreground-light);
}
.UBQ_Checkbox-module__truncateLabel--JxUD- > label {
  min-width: 0;
}
.UBQ_Checkbox-module__truncatedText--lS1YD {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.UBQ_Checkbox-module__disabled--ULsZJ {
  opacity: 0.55;
  pointer-events: none;
}
.UBQ_Checkbox-module__modern--OYrAk > .UBQ_Checkbox-module__checkbox-container--ocMWh {
  height: calc(5 * var(--ubq-scale-base));
  width: calc(5 * var(--ubq-scale-base));
}
.UBQ_Checkbox-module__modern--OYrAk > .UBQ_Checkbox-module__checkbox-container--ocMWh > * {
  height: calc(4 * var(--ubq-scale-base));
  width: calc(4 * var(--ubq-scale-base));
}
.UBQ_Checkbox-module__modern--OYrAk > .UBQ_Checkbox-module__checkbox-container--ocMWh > .UBQ_Checkbox-module__checkbox--Lr9l5 {
  border-radius: var(--ubq-border_radius-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Checkbox/CheckboxList.module.scss */
.UBQ_CheckboxList-module__block--d4xnP {
  margin-block: 0;
  padding-left: 0;
  list-style-type: none;
}
.UBQ_CheckboxList-module__item--TTrPQ:not(:last-child) {
  margin-bottom: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorField/ColorField.module.scss */
.UBQ_ColorField-module__block--2llki {
  display: flex;
  height: calc(var(--ubq-margin-l) + var(--ubq-margin-xs));
  width: calc(var(--ubq-margin-l) + var(--ubq-margin-xs));
  box-sizing: border-box;
  border: none;
  border-radius: 50%;
  outline: none;
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}
.UBQ_ColorField-module__block--2llki:hover {
  box-shadow: inset 0 0 0 var(--ubq-margin-xs) var(--ubq-stroke-contrast-2), 0 0 0 calc(var(--ubq-margin-xs) / 2) var(--ubq-stroke-contrast-2);
}
.UBQ_ColorField-module__block--2llki:disabled {
  opacity: 0.55;
  pointer-events: none;
}
@supports not (contain: none) {
  .UBQ_ColorField-module__block--2llki:focus {
    box-shadow: inset 0 0 0 var(--ubq-margin-xs) var(--ubq-stroke-contrast-2), var(--ubq-effect-focus);
  }
}
.UBQ_ColorField-module__block--2llki:focus-visible {
  box-shadow: inset 0 0 0 var(--ubq-margin-xs) var(--ubq-stroke-contrast-2), var(--ubq-effect-focus);
}
.UBQ_ColorField-module__block--2llki.UBQ_ColorField-module__small--fHIYn {
  height: var(--ubq-margin-l);
  width: var(--ubq-margin-l);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorPreview/ColorPreview.module.scss */
.UBQ_ColorPreview-module__block--7EUUY {
  height: 100%;
  width: 100%;
  display: flex;
}
.UBQ_ColorPreview-module__colorPreview--PUzHk {
  font-family: var(--ubq-typography-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: flex;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  background-color: transparent;
}
.UBQ_ColorPreview-module__colorPreviewLabel--UvZts {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--ubq-margin-xs) calc(var(--ubq-typography-label-m-line_height) + 2 * var(--ubq-margin-xs)) var(--ubq-margin-xs) var(--ubq-margin-s);
  width: 100%;
  text-align: left;
}
.UBQ_ColorPreview-module__colorPreviewLabel--UvZts.UBQ_ColorPreview-module__inverted--HBDkQ {
  color: var(--ubq-static-contrast-white);
  mix-blend-mode: difference;
}
.UBQ_ColorPreview-module__modern--k37tC .UBQ_ColorPreview-module__colorPreviewLabel--UvZts {
  padding-block: var(--ubq-margin-s);
  padding-inline: var(--ubq-margin-m) calc(var(--ubq-typography-label-m-line_height) + 2 * var(--ubq-margin-s));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorPreviewButton/ColorPreviewButton.module.scss */
.UBQ_ColorPreviewButton-module__block--r0F5v {
  padding: 0;
  box-shadow: 0 0 0 0.5px var(--ubq-effect-shadow);
  overflow: auto;
}
.UBQ_ColorPreviewButton-module__block--r0F5v.UBQ_ColorPreviewButton-module__noBorder--a8L4L {
  border: none;
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  height: calc(6 * var(--ubq-scale-base));
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx > * {
  position: absolute;
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx .UBQ_ColorPreviewButton-module__checkeredBackgroundOnly--7nQ5m,
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx .UBQ_ColorPreviewButton-module__checkeredRed--KYysa {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  top: 1px;
  left: 1px;
  border-radius: calc(var(--ubq-border_radius-s) - 1px);
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx .UBQ_ColorPreviewButton-module__minimal--j1jP9 {
  border-radius: 50%;
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx .UBQ_ColorPreviewButton-module__checkeredBackgroundOnly--7nQ5m {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.1">%0A<rect width="16" height="16" fill="white"/>%0A<rect width="4" height="4" fill="black"/>%0A<rect x="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="4" width="4" height="4" fill="black"/>%0A<rect x="12" y="4" width="4" height="4" fill="black"/>%0A<rect y="8" width="4" height="4" fill="black"/>%0A<rect x="8" y="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="12" width="4" height="4" fill="black"/>%0A<rect x="12" y="12" width="4" height="4" fill="black"/>%0A</svg>%0A');
  background-position: -1px -1px;
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx .UBQ_ColorPreviewButton-module__iconContainer--kVB38 {
  position: absolute;
  top: 0;
  right: 0;
  height: var(--ubq-typography-label-m-line_height);
  width: var(--ubq-typography-label-m-line_height);
  margin: var(--ubq-margin-xs);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--ubq-elevation-2);
  border-radius: var(--ubq-border_radius-xs);
}
.UBQ_ColorPreviewButton-module__colorPreviews--pCdOx .UBQ_ColorPreviewButton-module__iconContainer--kVB38 > svg {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
  color: var(--ubq-foreground-default);
  margin: var(--ubq-margin-xs);
}
.UBQ_ColorPreviewButton-module__checkeredRed--KYysa,
.UBQ_ColorPreviewButton-module__checkered--ynGnC {
  background-size: 100% 100%, auto;
}
.UBQ_ColorPreviewButton-module__checkeredRed--KYysa {
  background-image: url('data:image/svg+xml,<svg preserveAspectRatio="none" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0)">%0A<path d="M-0.5 -0.5L20.5 20.5" stroke="%23CC0000" stroke-width="2"/>%0A</g>%0A<defs>%0A<clipPath id="clip0">%0A<rect width="20" height="20" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A'), url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.1">%0A<rect width="16" height="16" fill="white"/>%0A<rect width="4" height="4" fill="black"/>%0A<rect x="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="4" width="4" height="4" fill="black"/>%0A<rect x="12" y="4" width="4" height="4" fill="black"/>%0A<rect y="8" width="4" height="4" fill="black"/>%0A<rect x="8" y="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="12" width="4" height="4" fill="black"/>%0A<rect x="12" y="12" width="4" height="4" fill="black"/>%0A</svg>%0A');
  background-position: center, -1px -1px;
}
.UBQ_ColorPreviewButton-module__insetBorderOverlay--WbCIw {
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
  border-radius: var(--ubq-border_radius-s);
  height: 100%;
  width: 100%;
}
.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__colorPreviews--pCdOx {
  height: calc(8 * var(--ubq-scale-base));
}
.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__iconContainer--kVB38 {
  height: calc(6 * var(--ubq-scale-base));
  width: calc(6 * var(--ubq-scale-base));
  border-radius: var(--ubq-border_radius-s);
}
.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__checkeredBackgroundOnly--7nQ5m,
.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__checkeredRed--KYysa {
  border-radius: calc(var(--ubq-border_radius-m) - 1px);
}
.UBQ_ColorPreviewButton-module__modern--G1WuA .UBQ_ColorPreviewButton-module__insetBorderOverlay--WbCIw {
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ElementStack/ElementStack.module.scss */
.UBQ_ElementStack-module__block--2naFC {
  display: grid;
  grid-template-areas: "stack";
}
.UBQ_ElementStack-module__block--2naFC > * {
  grid-area: stack;
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL > * {
  transition: all 0.3s ease-in-out;
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL > *:last-child {
  opacity: 0;
  transform: scale(0.2);
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL > *:not(:last-child) {
  opacity: 1;
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL:hover > *:last-child {
  opacity: 1;
  transform: scale(1);
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL:hover > *:not(:last-child) {
  opacity: 0;
  pointer-events: none;
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL:focus-within > *:last-child {
  opacity: 1;
  transform: scale(1);
}
.UBQ_ElementStack-module__revealLastOnHover--BgzVL:focus-within > *:not(:last-child) {
  opacity: 0;
  pointer-events: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorPreviewField/ColorPreviewField.module.scss */
.UBQ_ColorPreviewField-module__colorField--JZAgp {
  padding: 0;
  background-color: transparent;
}
.UBQ_ColorPreviewField-module__colorField--JZAgp.UBQ_ColorPreviewField-module__disabled--sy70n {
  opacity: 0.55;
}
.UBQ_ColorPreviewField-module__colorFieldContent--DKIRT {
  width: 100%;
  display: grid;
  grid-template-areas: "stack";
  background-color: transparent;
}
.UBQ_ColorPreviewField-module__colorFieldContent--DKIRT > * {
  grid-area: stack;
}
.UBQ_ColorPreviewField-module__donutHole--ohKJP {
  display: none;
  width: calc(2 * var(--ubq-scale-base));
  height: calc(2 * var(--ubq-scale-base));
  background-color: var(--ubq-elevation-1);
  box-shadow: 0 0 0 1px var(--ubq-stroke-contrast-2);
  border-radius: 50%;
  margin: auto;
  z-index: 0;
}
.UBQ_ColorPreviewField-module__donutHole--ohKJP.UBQ_ColorPreviewField-module__show--XggE1 {
  display: flex;
}
.UBQ_ColorPreviewField-module__colorField--JZAgp + .UBQ_ColorPreviewField-module__strikeThrough--0OsmX {
  width: calc(5 * var(--ubq-scale-base));
  height: calc(5 * var(--ubq-scale-base));
  z-index: 0;
}
.UBQ_ColorPreviewField-module__mappedPreviewColorsContainer--3yvr- {
  height: 100%;
  width: 100%;
  display: flex;
}
.UBQ_ColorPreviewField-module__insetBorderOverlay--gPI9A {
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
  border-radius: var(--ubq-border_radius-s);
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.UBQ_ColorPreviewField-module__checkeredRed--ZJSa-,
.UBQ_ColorPreviewField-module__checkered--2ERon {
  background-size: 100% 100%, auto;
}
.UBQ_ColorPreviewField-module__checkeredRed--ZJSa- {
  background-image: url('data:image/svg+xml,<svg preserveAspectRatio="none" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0)">%0A<path d="M-0.5 -0.5L20.5 20.5" stroke="%23CC0000" stroke-width="2"/>%0A</g>%0A<defs>%0A<clipPath id="clip0">%0A<rect width="20" height="20" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A'), url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.1">%0A<rect width="16" height="16" fill="white"/>%0A<rect width="4" height="4" fill="black"/>%0A<rect x="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="4" width="4" height="4" fill="black"/>%0A<rect x="12" y="4" width="4" height="4" fill="black"/>%0A<rect y="8" width="4" height="4" fill="black"/>%0A<rect x="8" y="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="12" width="4" height="4" fill="black"/>%0A<rect x="12" y="12" width="4" height="4" fill="black"/>%0A</svg>%0A');
  background-position: center, -1px -1px;
}
.UBQ_ColorPreviewField-module__colorPreviews--1frtS {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  height: calc(6 * var(--ubq-scale-base));
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}
.UBQ_ColorPreviewField-module__colorPreviews--1frtS.UBQ_ColorPreviewField-module__small--qkkp8 {
  height: calc(5 * var(--ubq-scale-base));
}
.UBQ_ColorPreviewField-module__colorPreviews--1frtS > * {
  position: absolute;
}
.UBQ_ColorPreviewField-module__colorPreviews--1frtS .UBQ_ColorPreviewField-module__checkeredBackgroundOnly--rgsj9,
.UBQ_ColorPreviewField-module__colorPreviews--1frtS .UBQ_ColorPreviewField-module__checkeredRed--ZJSa- {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  top: 1px;
  left: 1px;
  border-radius: calc(var(--ubq-border_radius-s) - 1px);
}
.UBQ_ColorPreviewField-module__colorPreviews--1frtS .UBQ_ColorPreviewField-module__minimal--YOMHz {
  border-radius: 50%;
}
.UBQ_ColorPreviewField-module__colorPreviews--1frtS .UBQ_ColorPreviewField-module__checkeredBackgroundOnly--rgsj9 {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.1">%0A<rect width="16" height="16" fill="white"/>%0A<rect width="4" height="4" fill="black"/>%0A<rect x="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="4" width="4" height="4" fill="black"/>%0A<rect x="12" y="4" width="4" height="4" fill="black"/>%0A<rect y="8" width="4" height="4" fill="black"/>%0A<rect x="8" y="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="12" width="4" height="4" fill="black"/>%0A<rect x="12" y="12" width="4" height="4" fill="black"/>%0A</svg>%0A');
  background-position: -1px -1px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorPreviewFieldButton/ColorPreviewFieldButton.module.scss */
.UBQ_ColorPreviewFieldButton-module__block--HQSbc {
  padding: calc(var(--ubq-margin-xs) / 2) var(--ubq-margin-xs) calc(var(--ubq-margin-xs) / 2) calc(var(--ubq-margin-xs) / 2);
}
.UBQ_ColorPreviewFieldButton-module__block--HQSbc.UBQ_ColorPreviewFieldButton-module__modern--gtVq2 {
  padding: calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2) var(--ubq-margin-xs) calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2) calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2);
}
.UBQ_ColorPreviewFieldButton-module__block--HQSbc.UBQ_ColorPreviewFieldButton-module__modern--gtVq2.UBQ_ColorPreviewFieldButton-module__colorPreviewOnly---de4N {
  padding: calc(var(--ubq-margin-s) - var(--ubq-margin-xs) / 2);
}
.UBQ_ColorPreviewFieldButton-module__colorPreviewOnly---de4N {
  padding: calc(var(--ubq-margin-xs) / 2);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/BaseInput/BaseInput.module.scss */
.UBQ_BaseInput-module__block--gqfhh {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: calc(var(--ubq-margin-xs) * 2 + var(--ubq-typography-input-m-line_height));
  z-index: 0;
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
  margin: 0;
  background: var(--ubq-input-default);
  color: var(--ubq-foreground-default);
  border-radius: var(--ubq-border_radius-s);
  border: 1px solid var(--ubq-stroke-contrast-1);
  outline: none;
}
.UBQ_BaseInput-module__block--gqfhh:hover {
  background: var(--ubq-input-hover);
  color: var(--ubq-foreground-default);
}
.UBQ_BaseInput-module__block--gqfhh.UBQ_BaseInput-module__modern--mnFD- {
  border-radius: var(--ubq-border_radius-m);
  height: calc(var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height));
  padding: var(--ubq-margin-m);
}
.UBQ_BaseInput-module__block--gqfhh::-webkit-outer-spin-button,
.UBQ_BaseInput-module__block--gqfhh::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.UBQ_BaseInput-module__block--gqfhh[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
@supports not (contain: none) {
  .UBQ_BaseInput-module__block--gqfhh:focus {
    background: var(--ubq-input-hover);
    color: var(--ubq-foreground-default);
    box-shadow: var(--ubq-effect-focus);
    z-index: calc(0 + 1);
  }
}
.UBQ_BaseInput-module__block--gqfhh:focus-visible {
  background: var(--ubq-input-hover);
  color: var(--ubq-foreground-default);
  box-shadow: var(--ubq-effect-focus);
  z-index: calc(0 + 1);
}
.UBQ_BaseInput-module__block--gqfhh:disabled {
  pointer-events: none;
  opacity: 0.55;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TextInput/TextInput.module.scss */
.UBQ_TextInput-module__block--kGUwt {
  isolation: isolate;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.UBQ_TextInput-module__block--kGUwt.UBQ_TextInput-module__withInnerLabel--MHLKA .UBQ_TextInput-module__input--goahh {
  padding-right: calc(2ch + var(--ubq-margin-xs));
}
.UBQ_TextInput-module__block--kGUwt:focus-within {
  z-index: 1;
}
.UBQ_TextInput-module__innerLabel--sHC3L {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: 0;
  min-width: 2ch;
  padding-right: var(--ubq-margin-s);
  text-align: right;
  pointer-events: none;
  color: var(--ubq-foreground-info);
  z-index: 1;
}
.UBQ_TextInput-module__clearButton--Ub8zJ {
  position: absolute;
  top: 50%;
  right: var(--ubq-margin-m);
  transform: translateY(-50%);
  z-index: 2;
}
.UBQ_TextInput-module__clearButton--Ub8zJ.UBQ_TextInput-module__hide--COMxQ {
  display: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SectionRow/SectionRow.module.scss */
.UBQ_SectionRow-module__block--UXhDm {
  margin-bottom: var(--ubq-margin-m);
  max-height: calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height));
  display: flex;
  align-items: center;
}
.UBQ_SectionRow-module__block--UXhDm:last-child,
.UBQ_SectionRow-module__block--UXhDm:only-child {
  margin-bottom: 0;
}
.UBQ_SectionRow-module__block--UXhDm > * {
  margin-right: var(--ubq-margin-s);
  flex: 1 1 100%;
}
.UBQ_SectionRow-module__block--UXhDm > *:last-child {
  margin-right: 0;
}
.UBQ_SectionRow-module__block--UXhDm > label {
  flex: 0 0 calc(24 * var(--ubq-scale-base));
}
.UBQ_SectionRow-module__block--UXhDm:empty,
.UBQ_SectionRow-module__block--UXhDm:last-child:has(> hr:only-child),
.UBQ_SectionRow-module__block--UXhDm:has(> hr:only-child) + .UBQ_SectionRow-module__block--UXhDm:has(> hr:only-child) {
  display: none;
}
.UBQ_SectionRow-module__block--UXhDm > hr {
  margin-block: 0;
}
.UBQ_SectionRow-module__block--UXhDm.UBQ_SectionRow-module__modern--kjIL3 {
  max-height: calc(2 * var(--ubq-margin-m) + var(--ubq-typography-button-m-line_height));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/NumberInput/NumberInput.module.scss */
.UBQ_NumberInput-module__block--l02FT {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: content-box;
}
.UBQ_NumberInput-module__input--SwHgF {
  --ubq_internal-numberInput-width: calc( var(--ubq_internal-numberInput-valueCharacterCount) + 1ch + calc(var(--ubq_internal-NumberInput-unitLabel-length) + var(--ubq-margin-m)) + var(--ubq-margin-s) );
  width: var(--ubq_internal-numberInput-width, 100%);
  padding-right: calc(var(--ubq_internal-NumberInput-unitLabel-length) + var(--ubq-margin-m));
  color: transparent;
}
.UBQ_NumberInput-module__input--SwHgF:hover:not(:focus) {
  color: transparent;
}
.UBQ_NumberInput-module__input--SwHgF:focus ~ .UBQ_NumberInput-module__overlay--G5kI6 {
  color: transparent;
}
.UBQ_NumberInput-module__input--SwHgF:focus ~ .UBQ_NumberInput-module__inputUnit--P54of {
  color: var(--ubq-foreground-info);
}
.UBQ_NumberInput-module__input--SwHgF.UBQ_NumberInput-module__withButtonSpace--GpFpI {
  padding-right: calc(var(--ubq_internal-NumberInput-unitLabel-length) + calc(var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) + var(--ubq-margin-s));
}
.UBQ_NumberInput-module__minimumWidth--CDNZW {
  min-width: calc(var(--ubq_internal-NumberInput-unitLabel-length) + var(--ubq-scale-base) * 14);
}
.UBQ_NumberInput-module__overlayUnit--G0r4j {
  padding-left: var(--ubq-margin-xs);
  color: var(--ubq-foreground-info);
}
.UBQ_NumberInput-module__overlayUnit--G0r4j,
.UBQ_NumberInput-module__inputUnit--P54of {
  padding-right: var(--ubq-margin-s);
  min-width: var(--ubq_internal-NumberInput-unitLabel-length);
  flex-shrink: 0;
  text-align: right;
}
.UBQ_NumberInput-module__overlayUnit--G0r4j.UBQ_NumberInput-module__withButtonSpace--GpFpI,
.UBQ_NumberInput-module__inputUnit--P54of.UBQ_NumberInput-module__withButtonSpace--GpFpI {
  padding-right: calc(calc(var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) + var(--ubq-margin-xs));
}
.UBQ_NumberInput-module__inputUnit--P54of {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: 0;
  line-height: unset;
  color: transparent;
  pointer-events: none;
  z-index: 1;
}
.UBQ_NumberInput-module__overlay--G5kI6 {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  position: absolute;
  right: 0;
  left: 1px;
  padding-left: var(--ubq-margin-s);
  display: flex;
  line-height: unset;
  color: var(--ubq-foreground-default);
  pointer-events: none;
}
.UBQ_NumberInput-module__overlay--G5kI6 .UBQ_NumberInput-module__overlayValue--NZXuA {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.UBQ_NumberInput-module__disabled--CJ9GX {
  pointer-events: none;
  opacity: 0.55;
}
.UBQ_NumberInput-module__modern--MpLrx .UBQ_NumberInput-module__overlay--G5kI6 {
  padding-left: var(--ubq-margin-m);
}
.UBQ_NumberInput-module__modern--MpLrx .UBQ_NumberInput-module__overlayUnit--G0r4j.UBQ_NumberInput-module__withButtonSpace--GpFpI,
.UBQ_NumberInput-module__modern--MpLrx .UBQ_NumberInput-module__inputUnit--P54of.UBQ_NumberInput-module__withButtonSpace--GpFpI {
  padding-right: calc(var(--ubq-scale-base) * 6 + var(--ubq-margin-s));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Slider/Slider.module.scss */
.UBQ_Slider-module__block--YRl1L {
  flex: 0 0 calc(40 * var(--ubq-scale-base));
  position: relative;
}
.UBQ_Slider-module__block--YRl1L:hover .UBQ_Slider-module__wrapperButtonToggleInput--yYzzg,
.UBQ_Slider-module__block--YRl1L:focus-within .UBQ_Slider-module__wrapperButtonToggleInput--yYzzg {
  opacity: 1;
  pointer-events: initial;
}
.UBQ_Slider-module__inputRange--zoNZJ {
  -webkit-appearance: none;
  width: 100%;
  height: calc(var(--ubq-margin-l) + var(--ubq-margin-s));
  box-sizing: content-box;
  outline: none;
  margin: 0;
  border-radius: var(--ubq-border_radius-s);
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-1);
  background: var(--ubq-input-default);
  cursor: pointer;
}
@supports not (contain: none) {
  .UBQ_Slider-module__inputRange--zoNZJ:focus {
    background: var(--ubq-input-hover);
    outline: none;
    box-shadow: var(--ubq-effect-focus);
  }
  .UBQ_Slider-module__inputRange--zoNZJ:focus::-webkit-slider-thumb {
    height: calc(100% + 0.25rem);
    margin-top: calc(0.25 / 2 * -1rem);
  }
  .UBQ_Slider-module__inputRange--zoNZJ:focus::-moz-range-thumb {
    height: calc(100% + 0.25rem);
    margin-top: calc(0.25 / 2 * -1rem);
  }
}
.UBQ_Slider-module__inputRange--zoNZJ:focus-visible {
  background: var(--ubq-input-hover);
  outline: none;
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Slider-module__inputRange--zoNZJ:focus-visible::-webkit-slider-thumb {
  height: calc(100% + 0.25rem);
  margin-top: calc(0.25 / 2 * -1rem);
}
.UBQ_Slider-module__inputRange--zoNZJ:focus-visible::-moz-range-thumb {
  height: calc(100% + 0.25rem);
  margin-top: calc(0.25 / 2 * -1rem);
}
.UBQ_Slider-module__inputRange--zoNZJ:hover:not(:disabled) {
  background: var(--ubq-input-hover);
}
.UBQ_Slider-module__inputRange--zoNZJ:hover:not(:disabled)::-webkit-slider-thumb {
  height: calc(100% + 0.25rem);
  margin-top: calc(0.25 / 2 * -1rem);
}
.UBQ_Slider-module__inputRange--zoNZJ:hover:not(:disabled)::-moz-range-thumb {
  height: calc(100% + 0.25rem);
  margin-top: calc(0.25 / 2 * -1rem);
}
.UBQ_Slider-module__inputRange--zoNZJ::-moz-range-track {
  background-image: linear-gradient(var(--ubq-progress), var(--ubq-progress));
  background-position: 0;
  background-size: calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))) 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 100%;
  height: 100%;
  border-radius: var(--ubq-border_radius-s);
  cursor: pointer;
}
.UBQ_Slider-module__inputRange--zoNZJ::-moz-range-thumb {
  -webkit-appearance: none;
  height: 100%;
  width: calc(1.5 * var(--ubq-margin-xs));
  box-shadow:
    inset 0 0 0 calc(var(--ubq-margin-xs) / 2 / 2) transparent,
    inset 0 0 0 100vmin var(--ubq-foreground-default),
    inset 0 0 0 100vmin var(--ubq-foreground-default) !important;
  background: none;
  border: none;
  border-radius: var(--ubq-border_radius-s);
  cursor: pointer;
}
.UBQ_Slider-module__inputRange--zoNZJ::-webkit-slider-runnable-track {
  background: linear-gradient(var(--ubq-progress), var(--ubq-progress)) 0/calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))) 100% no-repeat transparent;
  width: 100%;
  height: 100%;
  border-radius: var(--ubq-border_radius-s);
  cursor: pointer;
}
.UBQ_Slider-module__inputRange--zoNZJ::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 100%;
  width: calc(1.5 * var(--ubq-margin-xs));
  box-shadow:
    inset 0 0 0 calc(var(--ubq-margin-xs) / 2 / 2) transparent,
    inset 0 0 0 100vmin var(--ubq-foreground-default),
    inset 0 0 0 100vmin var(--ubq-foreground-default) !important;
  background: none;
  border: none;
  border-radius: var(--ubq-border_radius-s);
  cursor: pointer;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j::-moz-range-track,
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8::-moz-range-track {
  background-position: 0%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j::-webkit-slider-runnable-track,
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8::-webkit-slider-runnable-track {
  background-position: 0%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j::-moz-range-track,
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j::-moz-range-track {
  background-image:
    linear-gradient(
      to right,
      transparent 0%,
      transparent calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      var(--ubq-progress) calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      var(--ubq-progress) 50%,
      transparent 50%,
      transparent 100%);
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8::-moz-range-track,
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8::-moz-range-track {
  background-image:
    linear-gradient(
      to right,
      transparent 0%,
      transparent 50%,
      var(--ubq-progress) 50%,
      var(--ubq-progress) calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      transparent calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      transparent 100%);
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j::-webkit-slider-runnable-track,
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j::-webkit-slider-runnable-track {
  background:
    linear-gradient(
      to right,
      transparent 0%,
      transparent calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      var(--ubq-progress) calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      var(--ubq-progress) 50%,
      transparent 50%,
      transparent 100%);
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueHigherThanSelectedValue--Rrw1j.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8::-webkit-slider-runnable-track,
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8.UBQ_Slider-module__centeredValueLowerThanSelectedValue--i2mp8::-webkit-slider-runnable-track {
  background:
    linear-gradient(
      to right,
      transparent 0%,
      transparent 50%,
      var(--ubq-progress) 50%,
      var(--ubq-progress) calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      transparent calc(calc(1.5 * var(--ubq-margin-xs)) / 2 + calc((var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))) * (100% - calc(1.5 * var(--ubq-margin-xs)))),
      transparent 100%);
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__noTrackBackground--Gxkae::-moz-range-track {
  background: none !important;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__noTrackBackground--Gxkae::-webkit-slider-runnable-track {
  background: none !important;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__noTrackBackground--Gxkae::-ms-fill-lower {
  background: none !important;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__noTrackBackground--Gxkae::-ms-fill-upper {
  background: none !important;
}
.UBQ_Slider-module__inputRange--zoNZJ::-ms-track {
  cursor: pointer;
  height: 2px !important;
  appearance: none;
  background: transparent;
  color: transparent;
  border-color: transparent;
  border-width: 10px 0;
  margin-top: -2px;
}
.UBQ_Slider-module__inputRange--zoNZJ::-ms-thumb {
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border: none !important;
  background: #f2f3f5 !important;
  box-shadow: inset 0 0 0 4px #25252d;
  border-radius: 50% !important;
  cursor: pointer !important;
  margin: -4px 0 !important;
}
.UBQ_Slider-module__inputRange--zoNZJ::-ms-fill-lower {
  background: #25252d;
}
.UBQ_Slider-module__inputRange--zoNZJ::-ms-fill-upper {
  background: #ebecef;
}
.UBQ_Slider-module__inputRange--zoNZJ::-ms-tooltip {
  display: none;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__active--QuDYF::-ms-thumb {
  box-shadow: inset 0 0 0 4px #365afc;
}
.UBQ_Slider-module__inputRange--zoNZJ.UBQ_Slider-module__active--QuDYF::-ms-fill-lower {
  background: #365afc;
}
.UBQ_Slider-module__wrapperNumberInput--Syc1E {
  height: 100%;
  min-width: 1rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: var(--ubq-margin-xs);
  display: flex;
  align-items: center;
  box-sizing: content-box;
  mix-blend-mode: difference;
}
.UBQ_Slider-module__wrapperNumberInput--Syc1E .UBQ_Slider-module__numberValue--91YSo {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  color: var(--ubq-static-contrast-white);
  width: max-content;
  background: transparent;
  pointer-events: none;
  border: none;
  outline: none;
  border-radius: var(--ubq-border_radius-s);
  text-align: right;
  padding: calc(var(--ubq-margin-xs) / 2) var(--ubq-margin-xs) 0;
}
.UBQ_Slider-module__wrapperNumberInput--Syc1E .UBQ_Slider-module__numberValue--91YSo::-webkit-outer-spin-button,
.UBQ_Slider-module__wrapperNumberInput--Syc1E .UBQ_Slider-module__numberValue--91YSo::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.UBQ_Slider-module__wrapperNumberInput--Syc1E .UBQ_Slider-module__numberValue--91YSo[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.UBQ_Slider-module__hidden--g12de {
  display: none;
}
.UBQ_Slider-module__wrapperButtonToggleInput--yYzzg {
  position: absolute;
  left: calc(-1 * calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) - var(--ubq-margin-xs));
  top: 0;
  padding-right: var(--ubq-margin-xs);
  opacity: 0;
  pointer-events: none;
}
.UBQ_Slider-module__wrapperButtonToggleInput--yYzzg.UBQ_Slider-module__modern--zJgoi {
  left: calc(-1 * calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) - var(--ubq-margin-m));
}
.UBQ_Slider-module__buttonSurface--eXHaf {
  background: var(--ubq-elevation-3);
  pointer-events: none;
  border-radius: var(--ubq-border_radius-s);
  box-shadow: inset 0 0 0 1px var(--ubq-border-default);
}
.UBQ_Slider-module__buttonSurface--eXHaf button {
  pointer-events: auto;
}
.UBQ_Slider-module__buttonSurface--eXHaf.UBQ_Slider-module__modern--zJgoi {
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Slider-module__sliderWrapper--KcqIp {
  position: relative;
  max-height: calc(var(--ubq-margin-l) + var(--ubq-margin-s));
}
.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi {
  max-height: calc(8 * var(--ubq-scale-base));
}
.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__inputRange--zoNZJ {
  border-radius: var(--ubq-border_radius-m);
  height: calc(8 * var(--ubq-scale-base));
}
.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__inputRange--zoNZJ::-moz-range-track {
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__inputRange--zoNZJ::-webkit-slider-runnable-track {
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__modern--zJgoi .UBQ_Slider-module__numberValue--91YSo {
  padding: calc(var(--ubq-margin-xs) / 2) var(--ubq-margin-s) 0;
}
.UBQ_Slider-module__sliderWrapper--KcqIp.UBQ_Slider-module__disabled--wU--n {
  opacity: 0.55;
  pointer-events: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SliderInput/SliderInput.module.scss */
.UBQ_SliderInput-module__block--HjH7X {
  width: 100%;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/HueSlider/HueSlider.module.scss */
input[type=range].UBQ_HueSlider-module__hueSlider--cM3t- {
  background:
    linear-gradient(
      90deg,
      #f00 0%,
      #ff0 16.66%,
      #0f0 33.33%,
      #0ff 50%,
      #00f 66.66%,
      #f0f 83.33%,
      #f00 100%) !important;
  outline: 1px solid var(--ubq-stroke-contrast-2);
  outline-offset: -1px;
}
input[type=range].UBQ_HueSlider-module__hueSlider--cM3t-::-ms-thumb {
  box-shadow: inset 0 0 0 var(--ubq-scale-base) white !important;
  background: transparent !important;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/OpacitySlider/OpacitySlider.module.scss */
input[type=range].UBQ_OpacitySlider-module__opacitySlider--aC9t7 {
  outline: 1px solid var(--ubq-stroke-contrast-2);
  outline-offset: -1px;
}
input[type=range].UBQ_OpacitySlider-module__opacitySlider--aC9t7::-ms-thumb {
  box-shadow: inset 0 0 0 var(--ubq-scale-base) white !important;
  background: transparent !important;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SaturationBrightnessSelector/SaturationBrightnessSelector.module.scss */
.UBQ_SaturationBrightnessSelector-module__block--msfq6 {
  position: relative;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: var(--ubq-border_radius-s);
}
.UBQ_SaturationBrightnessSelector-module__block--msfq6.UBQ_SaturationBrightnessSelector-module__isDisabled--JBrbj {
  opacity: 0.55;
  pointer-events: none;
}
.UBQ_SaturationBrightnessSelector-module__gradient--dWOzi {
  position: relative;
  cursor: pointer;
  border-radius: var(--ubq-border_radius-s);
  outline: 1px solid var(--ubq-stroke-contrast-2);
  outline-offset: -1px;
  width: 100%;
  height: calc(30 * var(--ubq-scale-base));
  background:
    linear-gradient(
      to top,
      rgb(0, 0, 0),
      rgba(0, 0, 0, 0)),
    linear-gradient(
      to right,
      hsla(var(--ubq_internal-SaturationBrightnessSelector-current-hue, 0), 100%, 50%, 0),
      hsl(var(--ubq_internal-SaturationBrightnessSelector-current-hue, 0), 100%, 50%));
}
@supports not (contain: none) {
  .UBQ_SaturationBrightnessSelector-module__gradient--dWOzi:focus {
    outline: none;
    background-color: inherit;
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_SaturationBrightnessSelector-module__gradient--dWOzi:focus-visible {
  outline: none;
  background-color: inherit;
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_SaturationBrightnessSelector-module__thumb--ZEJJy {
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  height: calc(var(--ubq-scale-base) * 3);
  width: calc(var(--ubq-scale-base) * 3);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TintSlider/TintSlider.module.scss */
input[type=range].UBQ_TintSlider-module__tintSlider---8hO4 {
  outline: 1px solid var(--ubq-stroke-contrast-2);
  outline-offset: -1px;
}
input[type=range].UBQ_TintSlider-module__tintSlider---8hO4::-ms-thumb {
  box-shadow: inset 0 0 0 var(--ubq-scale-base) white !important;
  background: transparent !important;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/RGBControls/RGBControls.module.scss */
.UBQ_RGBControls-module__colorControlsRow--RrDwO {
  display: flex;
  align-items: stretch;
}
.UBQ_RGBControls-module__colorControlsMain--abMT- {
  flex: 1 1 auto;
  min-width: 0;
}
.UBQ_RGBControls-module__colorControlsAction--YPwZ6 {
  flex: 0 0 auto;
  margin-left: var(--ubq-margin-s);
  display: flex;
  align-items: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/CMYKControls/CMYKControls.module.scss */
.UBQ_CMYKControls-module__colorControlsRow--ZmSkr {
  display: flex;
  align-items: stretch;
}
.UBQ_CMYKControls-module__colorControlsMain--fpH8a {
  flex: 1 1 auto;
  min-width: 0;
}
.UBQ_CMYKControls-module__colorControlsAction--VHvBl {
  flex: 0 0 auto;
  margin-left: var(--ubq-margin-s);
  display: flex;
  align-items: center;
}
.UBQ_CMYKControls-module__colorControlsRow--ZmSkr .UBQ_CMYKControls-module__colorControlsMain--fpH8a .UBQ_CMYKControls-module__multilineSectionRow--UryVF {
  max-height: max-content;
}
.UBQ_CMYKControls-module__colorControlsRow--ZmSkr .UBQ_CMYKControls-module__colorControlsMain--fpH8a .UBQ_CMYKControls-module__multilineSectionRow--UryVF label {
  align-self: flex-start;
  display: flex;
  align-items: center;
  height: calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/GradientControls/GradientControls.module.scss */
.UBQ_GradientControls-module__angleRow--u-sZg {
  justify-content: flex-start;
}
.UBQ_GradientControls-module__angleRow--u-sZg > * {
  flex: 0 0 auto;
}
.UBQ_GradientControls-module__angleRow--u-sZg > :first-child {
  width: calc(var(--ubq-scale-base) * 24);
}
.UBQ_GradientControls-module__stopActionsGroup---mtqp {
  margin-left: auto;
}
.UBQ_GradientControls-module__gradientBar--aGGUB {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  height: calc(6 * var(--ubq-scale-base));
  margin-bottom: var(--ubq-margin-m);
  border-radius: var(--ubq-border_radius-m);
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.1">%0A<rect width="16" height="16" fill="white"/>%0A<rect width="4" height="4" fill="black"/>%0A<rect x="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="4" width="4" height="4" fill="black"/>%0A<rect x="12" y="4" width="4" height="4" fill="black"/>%0A<rect y="8" width="4" height="4" fill="black"/>%0A<rect x="8" y="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="12" width="4" height="4" fill="black"/>%0A<rect x="12" y="12" width="4" height="4" fill="black"/>%0A</svg>%0A');
  background-position: -1px -1px;
}
.UBQ_GradientControls-module__gradientBar--aGGUB .UBQ_GradientControls-module__gradientBackground--DeydL {
  width: 100%;
  height: 100%;
  border-radius: var(--ubq-border_radius-m);
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
}
.UBQ_GradientControls-module__gradientBar--aGGUB .UBQ_GradientControls-module__border--J3V4- {
  width: 100%;
  height: 100%;
}
.UBQ_GradientControls-module__gradientBar--aGGUB.UBQ_GradientControls-module__disabled--SVMCQ {
  opacity: 0.55;
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button {
  position: absolute;
  width: calc(var(--ubq-scale-base) * 2);
  height: calc(100% + 2 * 2px);
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  border: none;
  outline: none;
  border-radius: var(--ubq-border_radius-m);
  cursor: grab;
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button:disabled {
  cursor: inherit;
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button::before {
  content: "";
  position: absolute;
  inset: 0 calc(-2 * 2px);
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button.UBQ_GradientControls-module__active--rNCFO > .UBQ_GradientControls-module__doubleBorder--yNWKZ {
  box-shadow: 0 0 0 calc(2 * 2px) var(--ubq-static-selection-frame), inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button.UBQ_GradientControls-module__grabbing--e5bWN {
  cursor: grabbing;
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button > * {
  flex: 0 0 100%;
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button:focus-visible {
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_GradientControls-module__gradientBar--aGGUB > button > .UBQ_GradientControls-module__doubleBorder--yNWKZ {
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: var(--ubq-border_radius-m);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}
.UBQ_GradientControls-module__gradientBar--aGGUB .UBQ_GradientControls-module__add--W0W8X {
  position: absolute;
  top: calc(-2 * 2px);
  width: calc(4 * var(--ubq-scale-base));
  height: calc(100% + 4 * 2px);
  border-radius: var(--ubq-border_radius-m);
  overflow: hidden;
  color: var(--ubq-static-contrast-white);
  pointer-events: none;
}
.UBQ_GradientControls-module__gradientBar--aGGUB .UBQ_GradientControls-module__add--W0W8X .UBQ_GradientControls-module__background--sB0i- {
  position: absolute;
  inset: 0;
  background-color: var(--ubq-static-contrast-black);
  filter: opacity(50%);
}
.UBQ_GradientControls-module__gradientBar--aGGUB .UBQ_GradientControls-module__add--W0W8X .UBQ_GradientControls-module__stack--cL-Si {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorModeMismatchNotice/ColorModeMismatchNotice.module.scss */
.UBQ_ColorModeMismatchNotice-module__mismatchDescription--tRXzD {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
  font-size: var(--ubq-typography-body-m-size);
  font-weight: var(--ubq-typography-body-m-weight);
  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
  line-height: var(--ubq-typography-body-m-line_height);
  padding: var(--ubq-margin-s);
  color: var(--ubq-foreground-default);
}
.UBQ_ColorModeMismatchNotice-module__convertButton--96JTZ {
  width: 100%;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/LoadingShimmer/LoadingShimmer.module.scss */
.UBQ_LoadingShimmer-module__block--A2A9c {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ListBox/ListBox.module.scss */
.UBQ_ListBox-module__options--dvgiv {
  display: flex;
  flex-direction: column;
  gap: var(--ubq-margin-xs);
  overflow: hidden;
}
.UBQ_ListBox-module__options--dvgiv .UBQ_ListBox-module__optionsList--L5giu {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  overflow-y: auto;
  overflow-x: hidden;
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.UBQ_ListBox-module__options--dvgiv .UBQ_ListBox-module__optionsList--L5giu::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_ListBox-module__options--dvgiv .UBQ_ListBox-module__optionsList--L5giu::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_ListBox-module__options--dvgiv .UBQ_ListBox-module__optionsList--L5giu::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_ListBox-module__options--dvgiv .UBQ_ListBox-module__optionsList--L5giu::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_ListBox-module__option--VGvP0 {
  font-family: var(--ubq-typography-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: flex;
  align-items: center;
  gap: var(--ubq-margin-xs);
  border-radius: var(--ubq-border_radius-s);
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
  color: var(--ubq-foreground-default);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.UBQ_ListBox-module__option--VGvP0:hover:not(:active):not([data-selected=true]),
.UBQ_ListBox-module__option--VGvP0[data-active=true] {
  background: var(--ubq-interactive-hover);
}
.UBQ_ListBox-module__option--VGvP0:active:not([data-selected=true]) {
  background: var(--ubq-interactive-pressed);
}
.UBQ_ListBox-module__option--VGvP0[data-selected=true] {
  background: var(--ubq-interactive-active-default);
  color: var(--ubq-foreground-accent);
}
.UBQ_ListBox-module__option--VGvP0[data-selected=true]:hover {
  background: var(--ubq-interactive-active-hover);
  color: var(--ubq-foreground-accent);
}
.UBQ_ListBox-module__option--VGvP0[data-selected=true]:active {
  background: var(--ubq-interactive-active-pressed);
  color: var(--ubq-foreground-accent);
}
.UBQ_ListBox-module__option--VGvP0[data-disabled=true] {
  opacity: 0.55;
  pointer-events: none;
}
.UBQ_ListBox-module__modern--HcHme.UBQ_ListBox-module__option--VGvP0 {
  border-radius: var(--ubq-border_radius-m);
  padding: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Separator/Separator.module.scss */
.UBQ_Separator-module__block--FghF2 {
  display: block;
  flex-shrink: 0;
  background: var(--ubq-stroke-contrast-1);
  border: none;
}
.UBQ_Separator-module__block--FghF2[aria-orientation=horizontal] {
  width: 100%;
  height: 1px;
}
.UBQ_Separator-module__block--FghF2[aria-orientation=vertical] {
  width: 1px;
  height: auto;
}
:where(.UBQ_Separator-module__block--FghF2) {
  margin-block: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Select/Select.module.scss */
.UBQ_Select-module__block--j75r2 {
  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
  max-width: calc(75 * var(--ubq-scale-base));
  overflow: hidden;
}
.UBQ_Select-module__block--j75r2 svg {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
}
.UBQ_Select-module__optionsContainer--hAt0H {
  min-width: calc(12 * var(--ubq-scale-base));
}
.UBQ_Select-module__selectOption--fk6R0 {
  min-width: 0;
}
.UBQ_Select-module__selectOption--fk6R0 > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UBQ_Select-module__empty--Hg-1u {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: var(--ubq-foreground-info);
}
.UBQ_Select-module__searchInput--0SaNT {
  height: calc(8 * var(--ubq-scale-base));
  margin-block: var(--ubq-margin-s);
  margin-inline: var(--ubq-margin-s);
}
.UBQ_Select-module__searchSeparator--UT7zd {
  margin: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorSpaceSelect/ColorSpaceSelect.module.scss */
.UBQ_ColorSpaceSelect-module__selectSlot--xtFIj {
  flex: 0 0 calc(19 * var(--ubq-scale-base));
  display: flex;
  align-self: flex-start;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ContentBox/ContentBox.module.scss */
.UBQ_ContentBox-module__block--9UK1K {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  padding: var(--ubq-margin-s);
  box-sizing: border-box;
}
.UBQ_ContentBox-module__block--9UK1K.UBQ_ContentBox-module__small--xGo-C {
  height: calc(var(--ubq-scale-base) * 26);
}
.UBQ_ContentBox-module__block--9UK1K.UBQ_ContentBox-module__medium--kjrYE {
  height: calc(var(--ubq-scale-base) * 40);
}
.UBQ_ContentBox-module__block--9UK1K.UBQ_ContentBox-module__square--O1L36 {
  aspect-ratio: 1/1;
}
.UBQ_ContentBox-module__blockState--oMBr3 {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.UBQ_ContentBox-module__solid--voWya {
  background: var(--ubq-elevation-2);
  border-radius: var(--ubq-border_radius-s);
}
.UBQ_ContentBox-module__interactionElement--YXEC9:hover + .UBQ_ContentBox-module__blockState--oMBr3,
.UBQ_ContentBox-module__interactionElement--YXEC9:focus-visible + .UBQ_ContentBox-module__blockState--oMBr3 {
  background: var(--ubq-interactive-hover);
}
.UBQ_ContentBox-module__interactionElement--YXEC9:active + .UBQ_ContentBox-module__blockState--oMBr3 {
  background: var(--ubq-interactive-pressed);
}
.UBQ_ContentBox-module__background--e6aUI {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: contain, auto;
  background-repeat: no-repeat, repeat;
  background-position: center, 0 0;
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
}
.UBQ_ContentBox-module__block--9UK1K,
.UBQ_ContentBox-module__background--e6aUI {
  border-radius: var(--ubq-border_radius-l);
}
.UBQ_ContentBox-module__checkered--cAeJc {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.1">%0A<rect width="16" height="16" fill="white"/>%0A<rect width="4" height="4" fill="black"/>%0A<rect x="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="4" width="4" height="4" fill="black"/>%0A<rect x="12" y="4" width="4" height="4" fill="black"/>%0A<rect y="8" width="4" height="4" fill="black"/>%0A<rect x="8" y="8" width="4" height="4" fill="black"/>%0A<rect x="4" y="12" width="4" height="4" fill="black"/>%0A<rect x="12" y="12" width="4" height="4" fill="black"/>%0A</svg>%0A');
  background-size: auto;
  background-repeat: repeat;
  background-position: center center;
}
.UBQ_ContentBox-module__modern--PgejQ .UBQ_ContentBox-module__interactionElement--YXEC9,
.UBQ_ContentBox-module__modern--PgejQ .UBQ_ContentBox-module__solid--voWya {
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/InteractiveBox/InteractiveBox.module.scss */
.UBQ_InteractiveBox-module__block--JrnsW {
  isolation: isolate;
  position: relative;
}
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI {
  display: contents;
}
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI button,
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI a,
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI input[type=file] {
  position: static;
}
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI button::before,
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI a::before,
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__overlay--93daI input[type=file]::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  cursor: inherit;
}
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__interactiveElement--oaFOC {
  display: contents;
}
.UBQ_InteractiveBox-module__block--JrnsW .UBQ_InteractiveBox-module__interactiveElement--oaFOC > * {
  position: relative;
  z-index: 1;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorBox/ColorBox.module.scss */
.UBQ_ColorBox-module__block--DYBY9 {
  margin-bottom: var(--ubq-margin-l);
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorLabels--kUIb- {
  display: flex;
  flex-direction: column;
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorName--iCzUB {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-m-font_family));
  font-size: var(--ubq-typography-headline-m-size);
  font-weight: var(--ubq-typography-headline-m-weight);
  letter-spacing: var(--ubq-typography-headline-m-letter_spacing);
  line-height: var(--ubq-typography-headline-m-line_height);
  text-transform: capitalize;
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorReference--k25n8,
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorSpace--mwrQt {
  font-family: var(--ubq-typography-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);
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorSpace--mwrQt {
  min-width: fit-content;
  max-width: 50%;
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorReference--k25n8 {
  margin-block: var(--ubq-margin-xs);
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorName--iCzUB:not(:empty),
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorReference--k25n8:not(:empty),
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__colorSpace--mwrQt:not(:empty) {
  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;
  min-height: calc(4 * var(--ubq-scale-base));
  width: fit-content;
  border-radius: var(--ubq-border_radius-s);
  padding-inline: var(--ubq-margin-xs);
  background-color: rgba(0, 0, 0, 0.3);
  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);
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__noBorder--fbx3A {
  box-shadow: none;
}
.UBQ_ColorBox-module__block--DYBY9 .UBQ_ColorBox-module__actionButtons--R0h-A {
  gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ColorModeSelect/ColorModeSelect.module.scss */
.UBQ_ColorModeSelect-module__button--KL2cT {
  flex: 0 0 50%;
}
.UBQ_ColorModeSelect-module__button--KL2cT > span > span {
  flex-grow: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Notification/Notification.module.scss */
.UBQ_Notification-module__block--ngzHh {
  font-family: var(--ubq-typography-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);
  width: fit-content;
  display: flex;
  gap: var(--ubq-margin-s);
  padding: var(--ubq-margin-s);
  padding-left: var(--ubq-margin-l);
  margin-bottom: var(--ubq-margin-s);
  border-radius: var(--ubq-border_radius-m);
  box-shadow: var(--ubq-effect-shadow);
  z-index: 90;
}
.UBQ_Notification-module__block--ngzHh .UBQ_Notification-module__wrapper--k2-2q {
  display: grid;
  grid-template-columns: auto auto;
  grid-auto-rows: auto;
  gap: var(--ubq-margin-xs) var(--ubq-margin-s);
}
.UBQ_Notification-module__block--ngzHh {
  color: var(--ubq-foreground-notice-default);
}
.UBQ_Notification-module__block--ngzHh button {
  width: min-content;
}
.UBQ_Notification-module__block--ngzHh button:hover {
  color: var(--ubq-foreground-default);
}
.UBQ_Notification-module__block--ngzHh.UBQ_Notification-module__info--tZ-IL {
  background: var(--ubq-notice-info);
}
.UBQ_Notification-module__block--ngzHh.UBQ_Notification-module__warning--XcgVq {
  background: var(--ubq-notice-warning);
}
.UBQ_Notification-module__block--ngzHh.UBQ_Notification-module__success--gtQlU {
  background: var(--ubq-notice-success);
}
.UBQ_Notification-module__block--ngzHh.UBQ_Notification-module__error--06z0r {
  background: var(--ubq-notice-error);
}
.UBQ_Notification-module__icon--pwm1l {
  grid-column-start: 1;
  grid-column-end: 2;
  align-self: start;
  height: var(--ubq-icon-size-xl);
  width: var(--ubq-icon-size-xl);
  color: var(--ubq-foreground-active);
}
.UBQ_Notification-module__spinner--YgfjR {
  height: var(--ubq-margin-xl);
  width: var(--ubq-margin-xl);
  color: var(--ubq-foreground-active);
}
.UBQ_Notification-module__content--8sRUv {
  grid-column-start: 1;
  grid-column-end: 2;
  margin: var(--ubq-margin-xs) 0;
  max-width: calc(50 * var(--ubq-scale-base));
  word-break: break-word;
}
.UBQ_Notification-module__dismissButton--I33zj {
  color: var(--ubq-foreground-notice-default);
  grid-column-start: 2;
  grid-column-end: 3;
  align-self: start;
  justify-self: end;
}
.UBQ_Notification-module__actionButton--npGuv {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: var(--ubq-margin-xs);
}
.UBQ_Notification-module__notificationContainer--LDvCR {
  display: flex;
  flex-direction: column;
  align-items: end;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TextArea/TextArea.module.scss */
.UBQ_TextArea-module__block--hdpgb {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-height: calc(6 * var(--ubq-typography-input-m-line_height));
  max-height: calc(12 * var(--ubq-typography-input-m-line_height));
  word-wrap: break-word;
  resize: vertical;
  z-index: 0;
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
  margin: 0;
  background: var(--ubq-input-default);
  color: var(--ubq-foreground-default);
  border-radius: var(--ubq-border_radius-s);
  border: 1px solid var(--ubq-stroke-contrast-1);
  outline: none;
}
.UBQ_TextArea-module__block--hdpgb::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_TextArea-module__block--hdpgb::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_TextArea-module__block--hdpgb::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_TextArea-module__block--hdpgb::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_TextArea-module__block--hdpgb:hover {
  background: var(--ubq-input-hover);
  color: var(--ubq-foreground-default);
}
@supports not (contain: none) {
  .UBQ_TextArea-module__block--hdpgb:focus {
    background: var(--ubq-input-hover);
    color: var(--ubq-foreground-default);
    box-shadow: var(--ubq-effect-focus);
    z-index: calc(0 + 1);
  }
}
.UBQ_TextArea-module__block--hdpgb:focus-visible {
  background: var(--ubq-input-hover);
  color: var(--ubq-foreground-default);
  box-shadow: var(--ubq-effect-focus);
  z-index: calc(0 + 1);
}
.UBQ_TextArea-module__block--hdpgb:disabled {
  pointer-events: none;
  opacity: 0.55;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/NumberSelectInput/NumberSelectInput.module.scss */
.UBQ_NumberSelectInput-module__block--J0YKH {
  display: flex;
  position: relative;
  align-items: center;
}
.UBQ_NumberSelectInput-module__numberInput--ixq1e {
  width: 100%;
}
.UBQ_NumberSelectInput-module__numberSelectInputReference--4msZz {
  padding: 0;
  border-radius: var(--ubq-border_radius-s);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: var(--ubq-typography-label-m-line_height);
  height: var(--ubq-typography-label-m-line_height);
  margin: var(--ubq-margin-xs);
}
.UBQ_NumberSelectInput-module__numberSelectInputReference--4msZz.UBQ_NumberSelectInput-module__modern--ZQskm {
  height: calc(6 * var(--ubq-scale-base));
  width: calc(6 * var(--ubq-scale-base));
}
.UBQ_NumberSelectInput-module__numberSelectOption--Oq3wL {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}
.UBQ_NumberSelectInput-module__tabularNums--53LW- {
  font-variant-numeric: tabular-nums;
}
.UBQ_NumberSelectInput-module__alignRight--yP-YW {
  justify-content: end;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Progress/Progress.module.scss */
.UBQ_Progress-module__block--3fZpR {
  display: flex;
  width: 100%;
}
.UBQ_Progress-module__block--3fZpR > progress,
.UBQ_Progress-module__block--3fZpR > .UBQ_Progress-module__indeterminateProgress--A8CSH {
  height: 4px;
  width: 100%;
  appearance: none;
  overflow: hidden;
  border: 0;
  border-radius: var(--ubq-border_radius-m);
  background: transparent;
}
.UBQ_Progress-module__block--3fZpR > progress::-moz-progress-bar,
.UBQ_Progress-module__block--3fZpR > .UBQ_Progress-module__indeterminateProgress--A8CSH::-moz-progress-bar {
  background: var(--ubq-progress);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Progress-module__block--3fZpR > progress::-webkit-progress-bar,
.UBQ_Progress-module__block--3fZpR > .UBQ_Progress-module__indeterminateProgress--A8CSH::-webkit-progress-bar {
  background: transparent;
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Progress-module__block--3fZpR > progress::-webkit-progress-value,
.UBQ_Progress-module__block--3fZpR > .UBQ_Progress-module__indeterminateProgress--A8CSH::-webkit-progress-value {
  background: var(--ubq-progress);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Progress-module__block--3fZpR > progress > .UBQ_Progress-module__indeterminateProgressFill--dZBPH,
.UBQ_Progress-module__block--3fZpR > .UBQ_Progress-module__indeterminateProgress--A8CSH > .UBQ_Progress-module__indeterminateProgressFill--dZBPH {
  background: var(--ubq-progress);
  border-radius: var(--ubq-border_radius-m);
  height: 4px;
  animation: 1.4s infinite UBQ_Progress-module__indeterminate--njFsw;
}
@keyframes UBQ_Progress-module__indeterminate--njFsw {
  0% {
    margin-left: 100%;
    width: 20%;
  }
  20% {
    width: 70%;
  }
  100% {
    margin-left: -10%;
    width: 10%;
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Dialog/Dialog.module.scss */
.UBQ_Dialog-module__block--h88WP {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
  font-size: var(--ubq-typography-body-m-size);
  font-weight: var(--ubq-typography-body-m-weight);
  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
  line-height: var(--ubq-typography-body-m-line_height);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: var(--ubq-overlay);
}
.UBQ_Dialog-module__block--h88WP.UBQ_Dialog-module__opaque--txHG4 {
  background:
    linear-gradient(
      to left,
      var(--ubq-overlay),
      var(--ubq-overlay)),
    linear-gradient(
      to left,
      var(--ubq-canvas),
      var(--ubq-canvas));
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 {
  position: absolute;
  box-sizing: border-box;
  min-width: min(80 * var(--ubq-scale-base), 100vw - 2 * var(--ubq-margin-s));
  max-width: min(120 * var(--ubq-scale-base), 100vw - 2 * var(--ubq-margin-s));
  width: min-content;
  background: var(--ubq-elevation-2);
  box-shadow: var(--ubq-effect-shadow);
  border: 1px solid var(--ubq-border-default);
  border-radius: var(--ubq-border_radius-l);
  display: flex;
  flex-direction: column;
  outline: none;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__body--IGEHu {
  display: flex;
  gap: var(--ubq-margin-l);
  padding: var(--ubq-margin-l);
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__icon--UDSDg {
  flex: 0 0 auto;
  width: calc(var(--ubq-scale-base) * 10);
  height: calc(var(--ubq-scale-base) * 10);
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__icon--UDSDg > svg {
  width: 100%;
  height: 100%;
}
.UBQ_Dialog-module__info--44J4X .UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__icon--UDSDg {
  color: var(--ubq-notice-info);
}
.UBQ_Dialog-module__success--CQzmB .UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__icon--UDSDg {
  color: var(--ubq-notice-success);
}
.UBQ_Dialog-module__warning--TxaY5 .UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__icon--UDSDg {
  color: var(--ubq-notice-warning);
}
.UBQ_Dialog-module__error--2nnkU .UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__icon--UDSDg {
  color: var(--ubq-notice-error);
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 {
  flex: 1 1 auto;
  color: var(--ubq-foreground-light);
  min-width: 0;
  max-width: 90vw;
  word-break: break-word;
  box-sizing: border-box;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 h1,
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 h2,
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 h3,
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 h4,
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 h5,
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 h6 {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
  color: var(--ubq-foreground-default);
  padding-bottom: var(--ubq-margin-xs);
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 p {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
  font-size: var(--ubq-typography-body-m-size);
  font-weight: var(--ubq-typography-body-m-weight);
  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
  line-height: var(--ubq-typography-body-m-line_height);
  color: var(--ubq-foreground-light);
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 .UBQ_Dialog-module__content--MsVY0 ul {
  padding-inline-start: 2ch;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 > .UBQ_Dialog-module__footer--oXD0T {
  flex-grow: 0;
  padding: var(--ubq-margin-s);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--ubq-margin-l);
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 > .UBQ_Dialog-module__footer--oXD0T > * {
  flex-grow: 0;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 > .UBQ_Dialog-module__footer--oXD0T > *:only-child {
  margin-left: auto;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1 hr {
  margin-block: 0;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1[data-size=large] .UBQ_Dialog-module__body--IGEHu {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.UBQ_Dialog-module__block--h88WP > .UBQ_Dialog-module__dialog---WNq1[data-size=large] .UBQ_Dialog-module__icon--UDSDg {
  width: calc(var(--ubq-scale-base) * 16);
  height: calc(var(--ubq-scale-base) * 16);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Spacer/Spacer.module.scss */
.UBQ_Spacer-module__block--5J5Kh {
  flex: 0 0 0px;
  margin: auto;
}
.UBQ_Spacer-module__block--5J5Kh + .UBQ_Spacer-module__block--5J5Kh {
  display: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/KeyboardShortcut/KeyboardShortcut.module.scss */
.UBQ_KeyboardShortcut-module__shortcut--eBxot {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
  text-transform: uppercase;
  text-align: end;
  color: var(--ubq-foreground-info);
}
.UBQ_KeyboardShortcut-module__shortcut--eBxot > svg {
  margin-right: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Card/BannerCard.module.scss */
.UBQ_BannerCard-module__block--d7Bsl {
  height: calc(var(--ubq-margin-l) * 3);
}
.UBQ_BannerCard-module__block--d7Bsl > .UBQ_BannerCard-module__label--x2BND {
  font-family: var(--ubq-typography-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);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-left: var(--ubq-margin-s);
  width: 100%;
  height: calc(var(--ubq-margin-m) * 2);
  display: flex;
  align-items: center;
  justify-content: left;
  background: var(--ubq-static-card-label-background);
  color: var(--ubq-static-contrast-white);
}
.UBQ_BannerCard-module__block--d7Bsl > .UBQ_BannerCard-module__label--x2BND:not(:only-child) {
  margin-top: var(--ubq-margin-s);
}
.UBQ_BannerCard-module__block--d7Bsl:hover {
  box-shadow: inset 0 0 0 2px var(--ubq-foreground-accent);
}
.UBQ_BannerCard-module__block--d7Bsl:hover > .UBQ_BannerCard-module__label--x2BND {
  background: var(--ubq-static-contrast-white);
  color: var(--ubq-static-contrast-black);
}
.UBQ_BannerCard-module__block--d7Bsl[data-active=true] {
  height: calc(var(--ubq-margin-s) + var(--ubq-margin-l) * 4);
}
.UBQ_BannerCard-module__block--d7Bsl[data-active=true][data-active=true] {
  outline: 2px solid var(--ubq-interactive-accent-default);
}
.UBQ_BannerCard-module__block--d7Bsl[data-active=true] > .UBQ_BannerCard-module__label--x2BND {
  background: var(--ubq-interactive-accent-default);
  color: var(--ubq-foreground-accent);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Card/Card.module.scss */
.UBQ_Card-module__block--xvGNL {
  --ubq_internal-backgroundGradient: var(--ubq-static-card-background);
  border: none;
  border-radius: var(--ubq-border_radius-m);
  outline: none;
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  padding: var(--ubq-margin-s);
  display: grid;
  place-content: stretch;
  overflow: hidden;
  color: var(--ubq-foreground-default);
  cursor: pointer;
  background: var(--ubq_internal-backgroundImage, linear-gradient(transparent, transparent)), var(--ubq_internal-backgroundGradient);
  background-position: center center;
  background-repeat: no-repeat;
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__shortHeight--u07aj {
  height: calc(var(--ubq-margin-m) + var(--ubq-margin-l) * 7);
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__extraShortHeight--Td6uf {
  height: calc(var(--ubq-scale-base) * 12);
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__extraShortHeight--Td6uf .UBQ_Card-module__stateRepresentation---iD2q {
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__autoHeight--TphTA {
  height: 100%;
}
.UBQ_Card-module__block--xvGNL .UBQ_Card-module__backgroundImage--Ge-Nx {
  position: absolute;
  object-position: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.UBQ_Card-module__block--xvGNL .UBQ_Card-module__backgroundImage--Ge-Nx.UBQ_Card-module__backgroundImageLoaded--55ZXU {
  opacity: 1;
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx {
  object-fit: cover;
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__contain--Ii5MO .UBQ_Card-module__backgroundImage--Ge-Nx {
  object-fit: contain;
  width: calc(100% - 2 * var(--ubq-margin-s));
  height: calc(100% - 2 * var(--ubq-margin-s));
  inset: var(--ubq-margin-s);
  transition: opacity 0.3s ease-in-out, transform 0.15s cubic-bezier(0.2, 0, 0, 1);
}
.UBQ_Card-module__block--xvGNL.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx {
  transition: opacity 0.3s ease-in-out, transform 0.15s cubic-bezier(0.2, 0, 0, 1);
}
.UBQ_Card-module__block--xvGNL > .UBQ_Card-module__content--rnRjw {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UBQ_Card-module__block--xvGNL:hover.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx,
.UBQ_Card-module__block--xvGNL:active.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx,
.UBQ_Card-module__block--xvGNL[data-active=true].UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx {
  border-radius: calc(var(--ubq-border_radius-m) + 2px);
}
.UBQ_Card-module__block--xvGNL .UBQ_Card-module__stateRepresentation---iD2q {
  position: absolute;
  inset: 0;
  border-radius: var(--ubq-border_radius-m);
  box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
  transition: box-shadow 0.15s cubic-bezier(0.2, 0, 0, 1);
}
.UBQ_Card-module__block--xvGNL[data-active=true] > .UBQ_Card-module__stateRepresentation---iD2q {
  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 2) var(--ubq-foreground-active), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-default);
}
.UBQ_Card-module__block--xvGNL:hover,
.UBQ_Card-module__block--xvGNL:focus-visible {
  box-shadow: inset 0 0 0 1px var(--ubq-interactive-hover);
}
.UBQ_Card-module__block--xvGNL:hover.UBQ_Card-module__contain--Ii5MO,
.UBQ_Card-module__block--xvGNL:focus-visible.UBQ_Card-module__contain--Ii5MO {
  background: var(--ubq-interactive-hover);
}
.UBQ_Card-module__block--xvGNL:hover.UBQ_Card-module__contain--Ii5MO .UBQ_Card-module__backgroundImage--Ge-Nx,
.UBQ_Card-module__block--xvGNL:focus-visible.UBQ_Card-module__contain--Ii5MO .UBQ_Card-module__backgroundImage--Ge-Nx {
  transform: scale(1.1);
}
.UBQ_Card-module__block--xvGNL:hover.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx,
.UBQ_Card-module__block--xvGNL:focus-visible.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx {
  transform: scale(1.1);
}
.UBQ_Card-module__block--xvGNL:hover > .UBQ_Card-module__stateRepresentation---iD2q,
.UBQ_Card-module__block--xvGNL:focus-visible > .UBQ_Card-module__stateRepresentation---iD2q {
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-hover);
}
.UBQ_Card-module__block--xvGNL:hover[data-active=true] > .UBQ_Card-module__stateRepresentation---iD2q,
.UBQ_Card-module__block--xvGNL:focus-visible[data-active=true] > .UBQ_Card-module__stateRepresentation---iD2q {
  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 4) var(--ubq-foreground-active), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-hover);
}
.UBQ_Card-module__block--xvGNL:active {
  box-shadow: inset 0 0 0 1px var(--ubq-interactive-pressed);
}
.UBQ_Card-module__block--xvGNL:active.UBQ_Card-module__contain--Ii5MO {
  background: var(--ubq-interactive-pressed);
}
.UBQ_Card-module__block--xvGNL:active.UBQ_Card-module__contain--Ii5MO .UBQ_Card-module__backgroundImage--Ge-Nx {
  transform: scale(1.1);
}
.UBQ_Card-module__block--xvGNL:active.UBQ_Card-module__cover--aQ-oo .UBQ_Card-module__backgroundImage--Ge-Nx {
  transform: scale(1.1);
}
.UBQ_Card-module__block--xvGNL:active > .UBQ_Card-module__stateRepresentation---iD2q {
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-pressed);
}
.UBQ_Card-module__block--xvGNL:active[data-active=true] > .UBQ_Card-module__stateRepresentation---iD2q {
  box-shadow: inset 0 0 0 calc(var(--ubq-scale-base) / 4) var(--ubq-foreground-active), inset 0 0 0 var(--ubq-scale-base) var(--ubq-interactive-pressed);
}
@supports not (contain: none) {
  .UBQ_Card-module__block--xvGNL:focus {
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_Card-module__block--xvGNL:focus-visible {
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Card-module__block--xvGNL:disabled {
  opacity: 0.55;
  pointer-events: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Section/Section.module.scss */
.UBQ_Section-module__block--ZZ2wD {
  min-height: min-content;
}
.UBQ_Section-module__block--ZZ2wD > hr {
  margin-block: 0;
}
.UBQ_Section-module__block--ZZ2wD:first-child > hr {
  display: none;
}
.UBQ_Section-module__block--ZZ2wD:has(> .UBQ_Section-module__content--YoHpW:empty) {
  display: none;
}
hr + .UBQ_Section-module__block--ZZ2wD > hr {
  display: none;
}
.UBQ_Section-module__heading--lUkHF {
  padding: var(--ubq-margin-s) var(--ubq-margin-l);
  display: flex;
  align-items: center;
  overflow: visible;
}
.UBQ_Section-module__headingTitle--xf5O9 {
  flex: 1 1 auto;
  margin: var(--ubq-margin-xs) 0;
}
.UBQ_Section-module__headingArea--boScQ {
  flex: 0 0 auto;
  margin-left: var(--ubq-margin-xs);
}
.UBQ_Section-module__headingArea--boScQ,
.UBQ_Section-module__headingArea--boScQ * {
  overflow: visible !important;
}
.UBQ_Section-module__content--YoHpW {
  padding: var(--ubq-margin-xs) var(--ubq-margin-l) var(--ubq-margin-l) var(--ubq-margin-l);
}
.UBQ_Section-module__content--YoHpW.UBQ_Section-module__titleless--SEdYL {
  padding-top: var(--ubq-margin-l);
}
.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__heading--lUkHF {
  padding: var(--ubq-margin-s) var(--ubq-margin-m);
}
.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__headingTitle--xf5O9 {
  padding-left: var(--ubq-margin-xs);
}
.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__content--YoHpW {
  padding: var(--ubq-margin-xs) var(--ubq-margin-m) var(--ubq-margin-m) var(--ubq-margin-m);
}
.UBQ_Section-module__modern--B0bDq .UBQ_Section-module__content--YoHpW.UBQ_Section-module__titleless--SEdYL {
  padding-top: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/SectionBlock/SectionBlock.module.scss */
.UBQ_SectionBlock-module__block--lgNgP {
  margin-bottom: var(--ubq-margin-m);
  display: flex;
  flex-direction: column;
}
.UBQ_SectionBlock-module__block--lgNgP:last-child,
.UBQ_SectionBlock-module__block--lgNgP:only-child {
  margin-bottom: 0;
}
.UBQ_SectionBlock-module__block--lgNgP > * {
  margin-bottom: var(--ubq-margin-s);
}
.UBQ_SectionBlock-module__block--lgNgP > *:last-child {
  margin-bottom: 0;
}
.UBQ_SectionBlock-module__block--lgNgP:empty {
  display: none;
}
.UBQ_SectionBlock-module__block--lgNgP > hr {
  margin-block: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Panel/Panel.module.scss */
.UBQ_Panel-module__block--Q2Gnk {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  height: 100%;
  width: calc(72 * var(--ubq-scale-base));
  background: var(--ubq-elevation-2-blur);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 14;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
}
.UBQ_Panel-module__block--Q2Gnk:last-of-type {
  opacity: 1;
}
.UBQ_Panel-module__block--Q2Gnk.UBQ_Panel-module__floating--FSA7n {
  position: absolute;
  top: 0;
}
.UBQ_Panel-module__block--Q2Gnk.UBQ_Panel-module__left--8NLpk {
  left: 0;
  border-right: 1px solid var(--ubq-stroke-contrast-1);
}
.UBQ_Panel-module__block--Q2Gnk.UBQ_Panel-module__right--8z0t6 {
  right: 0;
  border-left: 1px solid var(--ubq-stroke-contrast-1);
}
.UBQ_Panel-module__block--Q2Gnk.UBQ_Panel-module__bottom--JSDSZ {
  width: auto;
}
:where(.UBQ_Panel-module__block--Q2Gnk).UBQ_Panel-module__modern--L67-h {
  width: calc(74 * var(--ubq-scale-base));
}
:where(.UBQ_Panel-module__block--Q2Gnk) hr {
  margin-block: var(--ubq-margin-m);
}
.UBQ_Panel-module__verticalLayout--ypgiz {
  border-top: 1px solid var(--ubq-stroke-contrast-1);
  border-top-left-radius: var(--ubq-border_radius-l);
  border-top-right-radius: var(--ubq-border_radius-l);
  height: calc(var(--ubq_internal-containerquery-height, 100%) / 2);
}
.UBQ_Panel-module__verticalLayout--ypgiz.UBQ_Panel-module__floating--FSA7n {
  inset: 0;
  height: var(--ubq_internal-containerquery-height, 100%);
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.UBQ_Panel-module__verticalLayout--ypgiz.UBQ_Panel-module__fixed--o01rI {
  height: calc(var(--ubq_internal-containerquery-height, 100%) / 2);
}
.UBQ_Panel-module__verticalLayout--ypgiz.UBQ_Panel-module__fullHeight--xoctd {
  height: var(--ubq_internal-containerquery-height, 100%);
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.UBQ_Panel-module__borderLeft--7l9ps {
  box-shadow: inset 1px 0px var(--ubq-stroke-contrast-1);
}
.UBQ_Panel-module__borderRight--fVU3r {
  box-shadow: inset -1px 0px var(--ubq-stroke-contrast-1);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/CodeBlock/CodeBlock.module.scss */
.UBQ_CodeBlock-module__block---SfMX {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  white-space: pre;
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
  margin: 0;
  min-height: calc(12 * var(--ubq-typography-input-m-line_height));
  width: 80ch;
  max-width: 100%;
  border-radius: var(--ubq-border_radius-m);
  border: none;
  background: var(--ubq-input-default);
  color: var(--ubq-foreground-default);
}
.UBQ_CodeBlock-module__block---SfMX::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_CodeBlock-module__block---SfMX::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_CodeBlock-module__block---SfMX::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_CodeBlock-module__block---SfMX::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not (contain: none) {
  .UBQ_CodeBlock-module__block---SfMX:focus {
    background: var(--ubq-input-hover);
    color: var(--ubq-foreground-default);
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_CodeBlock-module__block---SfMX:focus-visible {
  z-index: 1;
  background: var(--ubq-input-hover);
  color: var(--ubq-foreground-default);
  box-shadow: var(--ubq-effect-focus);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Menu/Menu.module.scss */
.UBQ_Menu-module__block--DPA1k {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.UBQ_Menu-module__block--DPA1k button {
  width: 100%;
}
.UBQ_Menu-module__block--DPA1k hr {
  margin-inline: 0;
}
.UBQ_Menu-module__heading--BqMTP {
  color: var(--ubq-foreground-info);
  margin: var(--ubq-margin-xs);
}
.UBQ_Menu-module__heading--BqMTP:not(:first-child) {
  padding-top: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TreeView/TreeView.module.scss */
.UBQ_TreeView-module__block--RapMl {
  border-radius: var(--ubq-border_radius-l);
  background: var(--ubq-interactive-group-default);
  padding-left: 0;
}
.UBQ_TreeView-module__block--RapMl:hover {
  background: var(--ubq-interactive-group-hover);
}
.UBQ_TreeView-module__block--RapMl:not(:last-child) {
  margin-bottom: var(--ubq-margin-l);
}
.UBQ_TreeView-module__isGroupActive--Vyiv9 {
  background: var(--ubq-interactive-group-active-default);
}
.UBQ_TreeView-module__isGroupActive--Vyiv9:hover {
  background: var(--ubq-interactive-group-active-hover);
}
.UBQ_TreeView-module__header--jQbpX,
.UBQ_TreeView-module__item--v4fGD {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--ubq-margin-xs) 0 0;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}
.UBQ_TreeView-module__header--jQbpX:first-child,
.UBQ_TreeView-module__item--v4fGD:first-child {
  border-top-left-radius: calc(var(--ubq-border_radius-l) - 1px);
  border-top-right-radius: calc(var(--ubq-border_radius-l) - 1px);
}
.UBQ_TreeView-module__header--jQbpX:last-child,
.UBQ_TreeView-module__item--v4fGD:last-child {
  border-bottom-left-radius: calc(var(--ubq-border_radius-l) - 1px);
  border-bottom-right-radius: calc(var(--ubq-border_radius-l) - 1px);
}
.UBQ_TreeView-module__header--jQbpX .UBQ_TreeView-module__icon--3ljKX,
.UBQ_TreeView-module__item--v4fGD .UBQ_TreeView-module__icon--3ljKX {
  width: calc(4 * var(--ubq-scale-base));
  height: calc(4 * var(--ubq-scale-base));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--ubq-margin-s);
}
.UBQ_TreeView-module__header--jQbpX:hover,
.UBQ_TreeView-module__item--v4fGD:hover {
  background: var(--ubq-interactive-hover);
}
.UBQ_TreeView-module__header--jQbpX:hover .UBQ_TreeView-module__menuButton--9KdTA,
.UBQ_TreeView-module__item--v4fGD:hover .UBQ_TreeView-module__menuButton--9KdTA {
  opacity: 1;
}
.UBQ_TreeView-module__header--jQbpX:active,
.UBQ_TreeView-module__item--v4fGD:active {
  background: var(--ubq-interactive-pressed);
}
.UBQ_TreeView-module__header--jQbpX.UBQ_TreeView-module__isActive--o7n4r,
.UBQ_TreeView-module__item--v4fGD.UBQ_TreeView-module__isActive--o7n4r {
  background: var(--ubq-interactive-active-default);
  color: var(--ubq-foreground-accent);
}
.UBQ_TreeView-module__header--jQbpX.UBQ_TreeView-module__isActive--o7n4r .UBQ_TreeView-module__link--LG0JG,
.UBQ_TreeView-module__header--jQbpX.UBQ_TreeView-module__isActive--o7n4r .UBQ_TreeView-module__button--Is7y8,
.UBQ_TreeView-module__header--jQbpX.UBQ_TreeView-module__isActive--o7n4r *,
.UBQ_TreeView-module__item--v4fGD.UBQ_TreeView-module__isActive--o7n4r .UBQ_TreeView-module__link--LG0JG,
.UBQ_TreeView-module__item--v4fGD.UBQ_TreeView-module__isActive--o7n4r .UBQ_TreeView-module__button--Is7y8,
.UBQ_TreeView-module__item--v4fGD.UBQ_TreeView-module__isActive--o7n4r * {
  color: var(--ubq-foreground-accent);
}
.UBQ_TreeView-module__header--jQbpX.UBQ_TreeView-module__isActive--o7n4r:hover,
.UBQ_TreeView-module__item--v4fGD.UBQ_TreeView-module__isActive--o7n4r:hover {
  background: var(--ubq-interactive-active-hover);
}
.UBQ_TreeView-module__header--jQbpX.UBQ_TreeView-module__isActive--o7n4r .UBQ_TreeView-module__menuButton--9KdTA,
.UBQ_TreeView-module__item--v4fGD.UBQ_TreeView-module__isActive--o7n4r .UBQ_TreeView-module__menuButton--9KdTA {
  opacity: 1;
}
@supports not (contain: none) {
  .UBQ_TreeView-module__header--jQbpX:focus,
  .UBQ_TreeView-module__item--v4fGD:focus {
    z-index: 1;
    box-shadow: var(--ubq-effect-focus);
  }
}
.UBQ_TreeView-module__header--jQbpX:focus-visible,
.UBQ_TreeView-module__item--v4fGD:focus-visible {
  z-index: 1;
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_TreeView-module__button--Is7y8,
.UBQ_TreeView-module__link--LG0JG {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: var(--ubq-border_radius-l);
  text-decoration: none;
  outline: none;
  word-break: break-word;
}
.UBQ_TreeView-module__button--Is7y8:focus-visible,
.UBQ_TreeView-module__link--LG0JG:focus-visible {
  z-index: 1;
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_TreeView-module__button--Is7y8 {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
}
.UBQ_TreeView-module__header--jQbpX {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-m-font_family));
  font-size: var(--ubq-typography-headline-m-size);
  font-weight: var(--ubq-typography-headline-m-weight);
  letter-spacing: var(--ubq-typography-headline-m-letter_spacing);
  line-height: var(--ubq-typography-headline-m-line_height);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: calc(2 * var(--ubq-margin-l));
}
.UBQ_TreeView-module__header--jQbpX .UBQ_TreeView-module__headerIcon--tgWIH {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: var(--ubq-margin-s);
}
.UBQ_TreeView-module__header--jQbpX > .UBQ_TreeView-module__button--Is7y8,
.UBQ_TreeView-module__header--jQbpX > .UBQ_TreeView-module__link--LG0JG {
  padding: var(--ubq-margin-xs);
  color: var(--ubq-foreground-default);
}
.UBQ_TreeView-module__item--v4fGD > .UBQ_TreeView-module__button--Is7y8,
.UBQ_TreeView-module__item--v4fGD > .UBQ_TreeView-module__link--LG0JG {
  padding-left: calc(var(--ubq-margin-l) * 2);
  padding-top: var(--ubq-margin-s);
  padding-bottom: var(--ubq-margin-s);
  color: var(--ubq-foreground-light);
  background: transparent;
}
.UBQ_TreeView-module__menuButton--9KdTA {
  opacity: 0;
  margin-left: var(--ubq-margin-s);
  flex-shrink: 0;
}
.UBQ_TreeView-module__menuButton--9KdTA:focus-visible {
  z-index: 1;
  opacity: 1;
  box-shadow: var(--ubq-effect-focus);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Avatar/Avatar.module.scss */
.UBQ_Avatar-module__block---1ZCt {
  font-family: var(--ubq-typography-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: flex;
  justify-content: center;
  align-items: center;
  height: calc(var(--ubq-scale-base) * 6);
  width: calc(var(--ubq-scale-base) * 6);
  border-radius: var(--ubq-border_radius-m);
  color: var(--ubq-foreground-default);
  background: var(--ubq-canvas);
}
.UBQ_Avatar-module__block---1ZCt.UBQ_Avatar-module__circle--Z86ZA {
  border-radius: 50%;
}
.UBQ_Avatar-module__block---1ZCt.UBQ_Avatar-module__background--Q1Ov2 {
  background: var(--ubq-interactive-default);
}
.UBQ_Avatar-module__block---1ZCt.UBQ_Avatar-module__background--Q1Ov2 > svg {
  width: calc(4 * var(--ubq-scale-base));
  height: calc(4 * var(--ubq-scale-base));
}
.UBQ_Avatar-module__block---1ZCt.UBQ_Avatar-module__fallback--CrfvX {
  font-size: var(--ubq-typography-label-s-size);
  text-transform: uppercase;
}
.UBQ_Avatar-module__img--EnSs7 {
  object-fit: cover;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ExternalLink/ExternalLink.module.scss */
@supports not (contain: none) {
  .UBQ_ExternalLink-module__block--wBUgC:focus {
    z-index: calc(0 + 1);
    box-shadow: var(--ubq-effect-focus);
    color: var(--ubq-foreground-default);
    border-radius: var(--ubq-border_radius-s);
  }
}
.UBQ_ExternalLink-module__block--wBUgC:focus-visible {
  z-index: calc(0 + 1);
  box-shadow: var(--ubq-effect-focus);
  color: var(--ubq-foreground-default);
  border-radius: var(--ubq-border_radius-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Dock/Dock.module.scss */
.UBQ_Dock-module__block--05e4Z {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--ubq-margin-xs);
  box-sizing: border-box;
  z-index: 15;
  background: var(--ubq-elevation-2-blur);
  border-right: 1px solid var(--ubq-stroke-contrast-1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background-color 0.2s ease-in-out;
  flex: 0 0 auto;
  height: 100%;
}
.UBQ_Dock-module__block--05e4Z::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_Dock-module__block--05e4Z::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_Dock-module__block--05e4Z::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Dock-module__block--05e4Z::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_Dock-module__block--05e4Z > hr {
  display: none;
}
.UBQ_Dock-module__block--05e4Z > :not(hr, x-spacer):not(:empty) ~ hr:has(+ :not(hr, x-spacer):not(:empty)) {
  display: block;
}
@supports not selector(:has(a)) {
  .UBQ_Dock-module__block--05e4Z > :not(hr, x-spacer):not(:empty):not(:last-of-type) + hr {
    display: block;
  }
}
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ) > * {
  margin-top: var(--ubq-margin-xs);
}
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ) > :first-child,
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ) > hr,
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ) > hr + *,
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ) > x-spacer,
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ) > x-spacer + * {
  margin-top: 0;
}
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ > * {
  margin-left: var(--ubq-margin-xs);
}
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ > :first-child,
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ > hr,
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ > hr + *,
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ > x-spacer,
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ > x-spacer + * {
  margin-left: 0;
}
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__hasSelected--r6TZp {
  background: var(--ubq-elevation-1);
}
.UBQ_Dock-module__block--05e4Z .UBQ_Dock-module__button--U0VQf {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-s-font_family));
  font-size: var(--ubq-typography-label-s-size);
  font-weight: var(--ubq-typography-label-s-weight);
  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
  line-height: var(--ubq-typography-label-s-line_height);
  padding: var(--ubq-margin-s) var(--ubq-margin-xs);
  width: 100%;
  min-height: calc(var(--ubq-scale-base) * 10);
  flex: 0 0 fit-content;
}
.UBQ_Dock-module__block--05e4Z .UBQ_Dock-module__button--U0VQf > span::after {
  left: unset;
  bottom: calc(var(--ubq-margin-xs) * -1);
}
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ).UBQ_Dock-module__small--84f5u {
  width: calc(var(--ubq-scale-base) * 12);
}
.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ).UBQ_Dock-module__big--R-soZ {
  width: calc(var(--ubq-scale-base) * 18);
}
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ.UBQ_Dock-module__small--84f5u {
  height: calc(var(--ubq-scale-base) * 12);
}
.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ.UBQ_Dock-module__big--R-soZ {
  height: calc(var(--ubq-scale-base) * 18);
}
.UBQ_Dock-module__horizontal--5G5VQ {
  flex-direction: row;
  height: inherit;
  width: 100%;
  border-right: none;
  border-top: 1px solid var(--ubq-stroke-contrast-1);
}
.UBQ_Dock-module__right--PdvI7 {
  border-right: none;
  border-left: 1px solid var(--ubq-stroke-contrast-1);
}
.UBQ_Dock-module__horizontal--5G5VQ .UBQ_Dock-module__button--U0VQf {
  min-width: calc(var(--ubq-scale-base) * 14);
  max-width: calc(var(--ubq-scale-base) * 14);
}
.UBQ_Dock-module__buttonLabel--LR8E1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ubq-margin-xs);
  width: 100%;
}
.UBQ_Dock-module__horizontal--5G5VQ .UBQ_Dock-module__button--U0VQf .UBQ_Dock-module__buttonLabel--LR8E1 > span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.UBQ_Dock-module__hideLabels--lD51s .UBQ_Dock-module__buttonLabel--LR8E1 > span {
  display: none;
}
.UBQ_Dock-module__buttonLabel--LR8E1 > span {
  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;
  overflow-wrap: break-word;
  width: 100%;
}
.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__block--05e4Z {
  padding: var(--ubq-margin-s);
}
.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ).UBQ_Dock-module__small--84f5u {
  width: calc(var(--ubq-scale-base) * 14);
}
.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__block--05e4Z:not(.UBQ_Dock-module__horizontal--5G5VQ).UBQ_Dock-module__big--R-soZ {
  width: calc(var(--ubq-scale-base) * 20);
}
.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ.UBQ_Dock-module__small--84f5u {
  height: calc(var(--ubq-scale-base) * 14);
}
.UBQ_Dock-module__modern--LAxLk.UBQ_Dock-module__block--05e4Z.UBQ_Dock-module__horizontal--5G5VQ.UBQ_Dock-module__big--R-soZ {
  height: calc(var(--ubq-scale-base) * 20);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/MasonryGrid/MasonryGrid.module.scss */
.UBQ_MasonryGrid-module__block--DkiFd {
  display: grid;
  grid-gap: var(--ubq-margin-s);
  grid-auto-rows: 0;
}
.UBQ_MasonryGrid-module__block--DkiFd.UBQ_MasonryGrid-module__modern--GUNQI {
  grid-gap: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/MediaStrip/MediaStrip.module.scss */
.UBQ_MediaStrip-module__block--efmGw {
  border-radius: var(--ubq-border_radius-m);
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "stack";
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.UBQ_MediaStrip-module__block--efmGw > * {
  grid-area: stack;
}
.UBQ_MediaStrip-module__contentContainer--iE2a5 {
  z-index: 10;
}
.UBQ_MediaStrip-module__content--Jgocq {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.UBQ_MediaStrip-module__backgroundContainer--y4ya0 {
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.UBQ_MediaStrip-module__singleFrame--2kALk {
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-size: auto 100%;
}
.UBQ_MediaStrip-module__solidColorFrame--NHoLN {
  width: 100%;
  height: 100%;
}
.UBQ_MediaStrip-module__maskedSvg--15KOo {
  -webkit-mask-size: contain;
  mask-size: contain;
  height: 100%;
  background-color: var(--ubq-foreground-default);
  opacity: 0.12;
}
.UBQ_MediaStrip-module__atlas--AYpWs {
  width: 100%;
  height: 100%;
}
.UBQ_MediaStrip-module__selected--cwSUS {
  box-shadow: inset 0 0 0 2px var(--ubq-focus-default);
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/ResizeHandle/ResizeHandle.module.scss */
.UBQ_ResizeHandle-module__block--VA-QK {
  border-radius: var(--ubq-border_radius-s);
  box-shadow: 0 0 0 1px var(--ubq-static-selection-frame);
  height: calc(4 * var(--ubq-scale-base));
  width: var(--ubq-scale-base);
  background: var(--ubq-static-contrast-white);
  cursor: col-resize;
}
.UBQ_ResizeHandle-module__block--VA-QK.UBQ_ResizeHandle-module__vertical--myLmB {
  height: var(--ubq-scale-base);
  width: calc(4 * var(--ubq-scale-base));
  cursor: row-resize;
}
.UBQ_ResizeHandle-module__block--VA-QK:focus-visible {
  box-shadow: var(--ubq-effect-focus);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/IndicatorLabel/IndicatorLabel.module.scss */
.UBQ_IndicatorLabel-module__block--InWqj {
  font-family: var(--ubq-typography-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);
  width: fit-content;
  border-radius: var(--ubq-border_radius-s);
  padding-inline: var(--ubq-margin-xs);
  background-color: rgba(0, 0, 0, 0.3);
  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);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/MediaTrim/MediaTrim.module.scss */
.UBQ_MediaTrim-module__block--JwZVb {
  box-sizing: border-box;
  width: 100%;
  height: calc(var(--ubq-scale-base) * 6);
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--ubq-border_radius-s);
  box-shadow: var(--ubq-effect-shadow);
}
.UBQ_MediaTrim-module__containedWrapper--ChTv0 {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "stack";
  grid-template-rows: 100%;
  grid-template-columns: 100%;
}
.UBQ_MediaTrim-module__contained--52wt6 {
  grid-area: stack;
  height: 100%;
  background-color: transparent;
  box-shadow: inset calc(-1px * var(--ubq_internal-MediaTrim-overlay-width)) 0 var(--ubq-static-selection-frame);
  opacity: 70%;
}
.UBQ_MediaTrim-module__containedChildren--G3qUy {
  grid-area: stack;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.UBQ_MediaTrim-module__outerMediaStrip--0T1Zp,
.UBQ_MediaTrim-module__innerMediaStrip--8HrfJ {
  border-radius: var(--ubq-border_radius-s);
}
.UBQ_MediaTrim-module__innerMediaStrip--8HrfJ {
  background: transparent;
  box-shadow: 0 0 0 100vmax hsla(0, 0%, 0%, 0.55), inset 0 0 0 2px var(--ubq-focus-default);
  cursor: grab;
}
.UBQ_MediaTrim-module__grabbing--l1uB0 {
  cursor: grabbing;
}
.UBQ_MediaTrim-module__handle--iXUVy {
  cursor: col-resize;
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/Seeker/Seeker.module.scss */
.UBQ_Seeker-module__seeker--x0UJe {
  --ubq_internal-Seeker_interaction_area-size: calc(5 * var(--ubq-scale-base));
  height: 100%;
  display: grid;
  grid-template-areas: "trackerStack";
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  justify-items: center;
  align-items: start;
  pointer-events: none;
}
.UBQ_Seeker-module__seeker--x0UJe:focus-visible {
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_Seeker-module__head--FyhpE {
  grid-area: trackerStack;
  width: calc(var(--ubq-scale-base) * 2);
  height: calc(var(--ubq-scale-base) * 3);
  padding-inline: var(--ubq_internal-Seeker_interaction_area-size);
  padding-top: var(--ubq_internal-Seeker_interaction_area-size);
  transform: translateY(calc(-1 * var(--ubq_internal-Seeker_interaction_area-size)));
  display: flex;
  color: var(--ubq-static-selection-frame);
  pointer-events: initial;
  cursor: grab;
}
.UBQ_Seeker-module__head--FyhpE.UBQ_Seeker-module__grabbing--eifTn {
  cursor: grabbing;
}
.UBQ_Seeker-module__head--FyhpE svg {
  width: calc(var(--ubq-scale-base) * 2);
  height: calc(var(--ubq-scale-base) * 3);
  display: block;
  fill: var(--ubq-static-contrast-white);
  stroke: var(--ubq-static-selection-frame);
}
.UBQ_Seeker-module__bar--elhDL {
  grid-area: trackerStack;
  width: 2px;
  height: 100%;
  border-radius: var(--ubq-border_radius-s);
  background-color: var(--ubq-static-selection-frame);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/MediaSeeker/MediaSeeker.module.scss */
.UBQ_MediaSeeker-module__block--noP7u {
  --top-offset: calc(-1 * (calc(var(--ubq-scale-base) * 3) - var(--ubq-margin-xs)));
  position: relative;
  overflow: visible;
}
.UBQ_MediaSeeker-module__block--noP7u.UBQ_MediaSeeker-module__big--9u3yp {
  --top-offset: var(--ubq-margin-xs);
}
.UBQ_MediaSeeker-module__overlay--gHxIi {
  position: absolute;
  height: calc(100% - var(--top-offset));
  top: var(--top-offset);
  margin-left: calc(calc(var(--ubq-scale-base) * 12) / -2);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--ubq-margin-xs);
  pointer-events: none;
}
.UBQ_MediaSeeker-module__overlay--gHxIi.UBQ_MediaSeeker-module__flipLabel--4SNen {
  margin-left: calc(var(--ubq_internal-seeker-width) * -1 + calc(var(--ubq-scale-base) * 12) / 2);
  flex-direction: row-reverse;
}
.UBQ_MediaSeeker-module__overlay--gHxIi > label {
  font-family: var(--ubq-typography-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);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/FloatingActionButton/FloatingActionButton.module.scss */
.UBQ_FloatingActionButton-module__block--hL6uI {
  height: calc(12 * var(--ubq-scale-base));
  width: calc(12 * var(--ubq-scale-base));
  border-radius: 50%;
  background: var(--ubq-elevation-1);
}
.UBQ_FloatingActionButton-module__button--ekk5q {
  height: 100%;
  width: 100%;
  padding: 0;
  display: grid;
  place-content: center;
  appearance: none;
  border: 0;
  border-radius: 50%;
  background: var(--ubq-interactive-default);
  color: var(--ubq-foreground-default);
  cursor: pointer;
  box-shadow: var(--ubq-effect-shadow);
}
.UBQ_FloatingActionButton-module__button--ekk5q:hover {
  background: var(--ubq-interactive-hover);
}
.UBQ_FloatingActionButton-module__button--ekk5q:active {
  background: var(--ubq-interactive-pressed);
  color: var(--ubq-foreground-default);
}
.UBQ_FloatingActionButton-module__button--ekk5q:focus {
  outline: none;
}
.UBQ_FloatingActionButton-module__button--ekk5q:focus-visible {
  box-shadow: var(--ubq-effect-focus);
  background: var(--ubq-interactive-hover);
}
.UBQ_FloatingActionButton-module__button--ekk5q > span {
  display: grid;
  place-content: center;
}
.UBQ_FloatingActionButton-module__ubq-size_small--kOHhM {
  height: calc(10 * var(--ubq-scale-base));
  width: calc(10 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelineVideoStrip/TimelineVideoStrip.module.scss */
.UBQ_TimelineVideoStrip-module__block--lCkw- {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.UBQ_TimelineVideoStrip-module__strip--M2Iij {
  height: calc(16 * var(--ubq-scale-base));
  flex-shrink: 0;
}
.UBQ_TimelineVideoStrip-module__strip--M2Iij:hover .UBQ_TimelineVideoStrip-module__indicator--iemaO,
.UBQ_TimelineVideoStrip-module__strip--M2Iij:hover .UBQ_TimelineVideoStrip-module__handle--KuMG8,
.UBQ_TimelineVideoStrip-module__strip--M2Iij:focus-visible .UBQ_TimelineVideoStrip-module__indicator--iemaO,
.UBQ_TimelineVideoStrip-module__strip--M2Iij:focus-visible .UBQ_TimelineVideoStrip-module__handle--KuMG8,
.UBQ_TimelineVideoStrip-module__strip--M2Iij.UBQ_TimelineVideoStrip-module__isSelected--G8Y9Q .UBQ_TimelineVideoStrip-module__indicator--iemaO,
.UBQ_TimelineVideoStrip-module__strip--M2Iij.UBQ_TimelineVideoStrip-module__isSelected--G8Y9Q .UBQ_TimelineVideoStrip-module__handle--KuMG8 {
  opacity: 1;
}
.UBQ_TimelineVideoStrip-module__strip--M2Iij:focus-visible {
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_TimelineVideoStrip-module__label--43X4x {
  font-family: var(--ubq-typography-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;
  color: var(--ubq-foreground-light);
  padding: var(--ubq-margin-xs) 0 0 var(--ubq-margin-s);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_TimelineVideoStrip-module__indicator--iemaO {
  margin: 0 0 var(--ubq-margin-xs) var(--ubq-margin-xs);
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_TimelineVideoStrip-module__handleContainer--NEFqr {
  padding: 0 var(--ubq-margin-s);
  cursor: col-resize;
}
.UBQ_TimelineVideoStrip-module__handle--KuMG8 {
  opacity: 0;
}
.UBQ_TimelineVideoStrip-module__handle--KuMG8:focus-visible {
  opacity: 1;
}
.UBQ_TimelineVideoStrip-module__isSelected--G8Y9Q {
  opacity: 1;
}
.UBQ_TimelineVideoStrip-module__hidden--bD9CN {
  visibility: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelineAudioStrip/TimelineAudioStrip.module.scss */
.UBQ_TimelineAudioStrip-module__block--SxYnJ {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.UBQ_TimelineAudioStrip-module__block--SxYnJ.UBQ_TimelineAudioStrip-module__isSelected--W2ZkB .UBQ_TimelineAudioStrip-module__duration--yksQF,
.UBQ_TimelineAudioStrip-module__block--SxYnJ.UBQ_TimelineAudioStrip-module__isSelected--W2ZkB .UBQ_TimelineAudioStrip-module__handle--yUc9U {
  display: block;
}
.UBQ_TimelineAudioStrip-module__strip--WiDnL {
  height: calc(6 * var(--ubq-scale-base));
  flex-shrink: 0;
}
.UBQ_TimelineAudioStrip-module__strip--WiDnL.UBQ_TimelineAudioStrip-module__isDragging--ninLc {
  cursor: grabbing;
}
.UBQ_TimelineAudioStrip-module__strip--WiDnL:hover .UBQ_TimelineAudioStrip-module__handle--yUc9U,
.UBQ_TimelineAudioStrip-module__strip--WiDnL:hover .UBQ_TimelineAudioStrip-module__duration--yksQF,
.UBQ_TimelineAudioStrip-module__strip--WiDnL:focus-visible .UBQ_TimelineAudioStrip-module__handle--yUc9U,
.UBQ_TimelineAudioStrip-module__strip--WiDnL:focus-visible .UBQ_TimelineAudioStrip-module__duration--yksQF,
.UBQ_TimelineAudioStrip-module__strip--WiDnL.UBQ_TimelineAudioStrip-module__selected--aZhRl .UBQ_TimelineAudioStrip-module__handle--yUc9U,
.UBQ_TimelineAudioStrip-module__strip--WiDnL.UBQ_TimelineAudioStrip-module__selected--aZhRl .UBQ_TimelineAudioStrip-module__duration--yksQF {
  display: block;
}
.UBQ_TimelineAudioStrip-module__strip--WiDnL:hover .UBQ_TimelineAudioStrip-module__middleLeftWrapper--HH5Ux,
.UBQ_TimelineAudioStrip-module__strip--WiDnL:focus-visible .UBQ_TimelineAudioStrip-module__middleLeftWrapper--HH5Ux,
.UBQ_TimelineAudioStrip-module__strip--WiDnL.UBQ_TimelineAudioStrip-module__selected--aZhRl .UBQ_TimelineAudioStrip-module__middleLeftWrapper--HH5Ux {
  width: calc(100% - 12 * var(--ubq-scale-base));
}
.UBQ_TimelineAudioStrip-module__strip--WiDnL > *:first-child {
  background: var(--ubq-elevation-3);
}
.UBQ_TimelineAudioStrip-module__draggable--cwWqX {
  cursor: grab;
}
.UBQ_TimelineAudioStrip-module__strip--WiDnL:focus-visible {
  box-shadow: var(--ubq-effect-focus);
}
.UBQ_TimelineAudioStrip-module__setChildWidth--CyrUk > *:first-child {
  width: 100%;
  max-width: 100%;
}
.UBQ_TimelineAudioStrip-module__middleLeftWrapper--HH5Ux {
  display: flex;
  width: calc(100% - var(--ubq-margin-s));
}
.UBQ_TimelineAudioStrip-module__duration--yksQF,
.UBQ_TimelineAudioStrip-module__filename--a1QI3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--ubq-typography-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);
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_TimelineAudioStrip-module__filename--a1QI3:only-child {
  margin-left: var(--ubq-margin-s);
}
.UBQ_TimelineAudioStrip-module__duration--yksQF {
  margin: 0 var(--ubq-margin-xs);
  padding: 0 var(--ubq-margin-s);
  flex-shrink: 0;
  display: none;
}
.UBQ_TimelineAudioStrip-module__handleContainer--KglB8 {
  cursor: col-resize;
  padding: 0 var(--ubq-margin-s);
}
.UBQ_TimelineAudioStrip-module__handle--yUc9U {
  display: none;
}
.UBQ_TimelineAudioStrip-module__handle--yUc9U:focus-visible {
  display: block;
}
.UBQ_TimelineAudioStrip-module__hidden--blq3w {
  visibility: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/DisabledOverlay/DisabledOverlay.module.scss */
.UBQ_DisabledOverlay-module__block--FoyqS {
  position: relative;
  isolation: isolate;
}
.UBQ_DisabledOverlay-module__content--Ylw6Z {
  isolation: isolate;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.UBQ_DisabledOverlay-module__content--Ylw6Z * {
  pointer-events: none;
}
.UBQ_DisabledOverlay-module__overlay--9GFNC {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.UBQ_DisabledOverlay-module__interactive--Dosf2 {
  cursor: pointer;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/NewTimeline/NewTimeline.module.scss */
.UBQ_NewTimeline-module__timeline--BnqT9 {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.UBQ_NewTimeline-module__dragBounds--is5OC {
  display: grid;
  grid-auto-flow: row;
  align-items: stretch;
  gap: 0px;
  min-width: 100%;
  width: max-content;
  height: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_NewTimeline-module__droppableTrack--KV7Vc {
  padding-top: calc(var(--ubq-margin-base) * 0.25);
  padding-bottom: calc(var(--ubq-margin-base) * 0.25);
  border-top: calc(var(--ubq-margin-base) * 0.5) solid transparent;
  width: 100%;
}
.UBQ_NewTimeline-module__droppableTrack--KV7Vc.UBQ_NewTimeline-module__dropping--uLz7S {
  border-top: calc(var(--ubq-margin-base) * 0.5) solid var(--ubq-focus-default);
}
.UBQ_NewTimeline-module__timelineElement--ZnoJj {
  position: absolute;
}
.UBQ_NewTimeline-module__fixed--rpCjh {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.UBQ_NewTimeline-module__blueGhost--k1TzW {
  border: 1px dashed blue;
  position: absolute;
  inset: 0px;
  background-color: rgba(255, 255, 255, 0.5);
}
.UBQ_NewTimeline-module__timelineContent--pzlkT {
  box-sizing: border-box;
  border: 1px solid blue;
  position: absolute;
  background: white;
  position: absolute;
  inset: 0px;
  overflow: hidden;
}
.UBQ_NewTimeline-module__elementInsertBefore--qftBz {
  position: absolute;
  width: 2px;
  border-left: var(--ubq-focus-default) 3px solid;
}
.UBQ_NewTimeline-module__timelineScale--8Bo7J {
  width: 100%;
  background: silver;
  display: flex;
}
.UBQ_NewTimeline-module__timelineScaleStep--EKhPZ {
  border-left: 1px solid gray;
  height: 100%;
  box-sizing: border-box;
  flex: none;
  padding-left: 2px;
  padding-top: 10px;
  padding-bottom: 4px;
}
.UBQ_NewTimeline-module__shadedBackground---8XOF {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.UBQ_NewTimeline-module__handle--PZ8zI {
  width: 20px;
  background: gray;
  position: absolute;
  top: 0px;
  bottom: 0px;
  cursor: ew-resize;
}
.UBQ_NewTimeline-module__handleLeft--32Ina {
  left: 0px;
}
.UBQ_NewTimeline-module__handleRight--3mXWb {
  right: 0px;
}
.UBQ_NewTimeline-module__ghost--f12W- {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: "hidden";
  opacity: 0.55;
  background-color: var(--ubq-elevation-3);
  border: calc(var(--ubq-scale-base) / 2) solid var(--ubq-focus-default);
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelineRuler/TimelineRuler.module.scss */
.UBQ_TimelineRuler-module__block--cxjzp {
  height: calc(var(--ubq-scale-base) * 6);
  overflow: hidden;
  border-bottom: 1px solid var(--ubq-stroke-contrast-1);
  background-color: var(--ubq-elevation-3-blur);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.UBQ_TimelineRuler-module__block--cxjzp.UBQ_TimelineRuler-module__hidden--vqPnz {
  opacity: 0;
}
.UBQ_TimelineRuler-module__block--cxjzp.UBQ_TimelineRuler-module__hidden--vqPnz,
.UBQ_TimelineRuler-module__block--cxjzp.UBQ_TimelineRuler-module__hidden--vqPnz .UBQ_TimelineRuler-module__second--YhcIw {
  height: calc(var(--ubq-scale-base) * 4);
}
.UBQ_TimelineRuler-module__second--YhcIw {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  position: absolute;
  top: 0;
  height: calc(var(--ubq-scale-base) * 6);
  background-color: transparent;
}
.UBQ_TimelineRuler-module__second--YhcIw::before {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-s-font_family));
  font-size: var(--ubq-typography-label-s-size);
  font-weight: var(--ubq-typography-label-s-weight);
  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
  line-height: var(--ubq-typography-label-s-line_height);
  content: attr(data-second);
  position: absolute;
  left: 0;
  top: 60%;
  transform: translate(-50%, -50%);
  color: var(--ubq-foreground-info);
}
.UBQ_TimelineRuler-module__tick---fx7P {
  position: relative;
}
.UBQ_TimelineRuler-module__tick---fx7P:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 60%;
  right: calc(var(--ubq-scale-base) * -0.5);
  width: calc(var(--ubq-scale-base) * 0.25);
  height: calc(var(--ubq-scale-base) * 0.5);
  background-color: var(--ubq-stroke-contrast-2);
}
.UBQ_TimelineRuler-module__tickOverlay--p88se {
  position: absolute;
  top: 0;
  height: calc(var(--ubq-scale-base) * 6);
  background-image:
    linear-gradient(
      135deg,
      transparent 25%,
      var(--ubq-stroke-contrast-1) 25%,
      var(--ubq-stroke-contrast-1) 50%,
      transparent 50%,
      transparent 75%,
      var(--ubq-stroke-contrast-1) 75%,
      var(--ubq-stroke-contrast-1) 100%);
  background-size: calc(var(--ubq-scale-base) * 3) calc(var(--ubq-scale-base) * 3);
  opacity: 0.75;
}
.UBQ_TimelineRuler-module__minDuration--TS8Q3 {
  position: absolute;
  top: 0;
  width: calc(var(--ubq-scale-base) * 0.25);
  height: calc(var(--ubq-scale-base) * 6);
  border-right: 1px dashed var(--ubq-notice-error);
}
.UBQ_TimelineRuler-module__minDuration--TS8Q3::before {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-s-font_family));
  font-size: var(--ubq-typography-label-s-size);
  font-weight: var(--ubq-typography-label-s-weight);
  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
  line-height: var(--ubq-typography-label-s-line_height);
  content: "min";
  position: absolute;
  top: calc(var(--ubq-scale-base) * -0.5);
  right: calc(var(--ubq-scale-base) * 0.25);
  color: var(--ubq-notice-error);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelineOverlay/TimelineOverlay.module.scss */
.UBQ_TimelineOverlay-module__block--fhCY3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.UBQ_TimelineOverlay-module__overlay--1gpDs {
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--ubq-elevation-1);
  opacity: 0.75;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelineClip/TimelineClip.module.scss */
.UBQ_TimelineClip-module__block--J7w6O {
  isolation: isolate;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: max-content minmax(0, max-content) minmax(0, 1fr) max-content;
  grid-template-rows: 1fr;
  grid-template-areas: "left-handle meta content right-handle";
  border-radius: var(--ubq-border_radius-m);
  overflow: hidden;
  background-color: var(--ubq-elevation-1);
}
.UBQ_TimelineClip-module__block--J7w6O::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-1);
}
.UBQ_TimelineClip-module__block--J7w6O::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ubq-static-card-background);
  z-index: -2;
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__trimHandle--muNQB {
  position: relative;
  box-sizing: border-box;
  width: calc(var(--ubq-scale-base) * 4);
  display: grid;
  place-items: center;
  cursor: col-resize;
  z-index: 3;
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__trimHandle--muNQB > svg {
  display: block;
  fill: var(--ubq-static-contrast-white);
  stroke: var(--ubq-static-selection-frame);
  stroke-width: calc(var(--ubq-scale-base) / 2);
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__trimHandle--muNQB.UBQ_TimelineClip-module__trimHandleLeft--5avl2 {
  grid-area: left-handle;
  padding-left: var(--ubq-margin-xs);
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__trimHandle--muNQB.UBQ_TimelineClip-module__trimHandleRight--OGH5f {
  grid-area: right-handle;
  padding-right: var(--ubq-margin-xs);
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__meta--3S22M {
  grid-area: meta;
  justify-self: start;
  align-self: center;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: calc(var(--ubq-scale-base) * 0.5);
  width: max-content;
  height: min-content;
  margin-left: var(--ubq-margin-xs);
  padding: 0 var(--ubq-margin-xs);
  border-radius: var(--ubq-border_radius-s);
  background-color: rgba(0, 0, 0, 0.3);
  color: var(--ubq-static-contrast-white);
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__meta--3S22M .UBQ_TimelineClip-module__metaLabel--POYp2 {
  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;
  font-family: var(--ubq-typography-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);
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__meta--3S22M .UBQ_TimelineClip-module__metaIcon--0FJKP > svg {
  width: calc(4 * var(--ubq-scale-base));
  height: calc(4 * var(--ubq-scale-base));
  display: block;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__description--I8ZkE {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--ubq-typography-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);
  grid-area: content;
  width: 100%;
  align-self: center;
  margin-left: calc(var(--ubq-margin-base) * 0.5);
  overflow: hidden;
  color: var(--ubq-foreground-default);
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__thumbnail--ngzLl {
  position: sticky;
  right: calc(var(--ubq-scale-base) * 4.5);
  grid-area: content;
  justify-self: start;
  align-self: center;
  width: max-content;
  height: calc(100% - var(--ubq-scale-base) * 0.5);
  margin: calc(var(--ubq-margin-base) * 0.25) calc(var(--ubq-margin-base) * 0.5);
  overflow: hidden;
  z-index: -1;
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__atlas--aKD3M {
  isolation: isolate;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: inherit;
}
.UBQ_TimelineClip-module__block--J7w6O .UBQ_TimelineClip-module__contextMenu--y9tFr {
  position: absolute;
  top: 50%;
  right: calc(var(--ubq-margin-base) * 5);
  transform: translateY(-50%);
  height: calc(var(--ubq-scale-base) * 4);
  padding-block: 0;
  z-index: 2;
}
.UBQ_TimelineClip-module__block--J7w6O[aria-selected=true]::before {
  box-shadow: inset 0 0 0 2px var(--ubq-static-selection-frame);
}
.UBQ_TimelineClip-module__block--J7w6O:not(:hover) [data-show=hover] {
  display: none;
}
.UBQ_TimelineClip-module__block--J7w6O:not([aria-selected=true]) [data-show=selected] {
  display: none;
}
.UBQ_TimelineClip-module__block--J7w6O:not([aria-selected=true]):not(:hover) [data-show=both] {
  display: none;
}
.UBQ_TimelineClip-module__modern--BjOzV .UBQ_TimelineClip-module__contextMenu--y9tFr {
  border-radius: var(--ubq-border_radius-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/TimelinePlayHead/TimelinePlayHead.module.scss */
.UBQ_TimelinePlayHead-module__block--PmbQM {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  pointer-events: none;
}
.UBQ_TimelinePlayHead-module__playHead--RZbsD {
  isolation: isolate;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  border-radius: var(--ubq-border_radius-s);
  background-color: var(--ubq-static-selection-frame);
  box-shadow: var(--ubq-effect-shadow);
}
.UBQ_TimelinePlayHead-module__playHead--RZbsD .UBQ_TimelinePlayHead-module__head--pr0jS {
  position: sticky;
  top: 0;
  transform: translateX(calc(-50% + 1px));
  width: calc(var(--ubq-scale-base) * 2.5);
  height: calc(var(--ubq-scale-base) * 3.5);
  color: var(--ubq-static-selection-frame);
}
.UBQ_TimelinePlayHead-module__playHead--RZbsD .UBQ_TimelinePlayHead-module__head--pr0jS svg {
  display: block;
  fill: var(--ubq-static-contrast-white);
  stroke: var(--ubq-static-selection-frame);
  stroke-width: calc(var(--ubq-scale-base) / 2);
}
.UBQ_TimelinePlayHead-module__playHead--RZbsD .UBQ_TimelinePlayHead-module__head--pr0jS::before {
  content: "";
  position: absolute;
  inset-inline: calc(-2 * var(--ubq-scale-base));
  inset-block: 0 calc(-1 * var(--ubq-scale-base));
  pointer-events: initial;
}
.UBQ_TimelinePlayHead-module__ghost--1cwsj {
  position: absolute;
  top: calc(3 * var(--ubq-scale-base));
  width: 1px;
  height: calc(100% - 3 * var(--ubq-scale-base));
  background-color: var(--ubq-foreground-info);
  pointer-events: none;
  z-index: 2;
  opacity: 0.4;
  transform: translateX(1px);
}
.UBQ_TimelinePlayHead-module__ghost--1cwsj .UBQ_TimelinePlayHead-module__head--pr0jS {
  position: sticky;
  margin-top: calc(-3 * var(--ubq-scale-base));
  transform: translateX(calc(-50% + 0.5px));
  width: calc(var(--ubq-scale-base) * 2.5);
  height: calc(var(--ubq-scale-base) * 3.5);
}
.UBQ_TimelinePlayHead-module__ghost--1cwsj .UBQ_TimelinePlayHead-module__head--pr0jS svg {
  display: block;
  fill: var(--ubq-foreground-info);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/FileUpload/FileUpload.module.scss */
.UBQ_FileUpload-module__input--nmt4c {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Shortcuts/ShortcutScope.module.scss */
.UBQ_ShortcutScope-module__block---dZny:focus,
.UBQ_ShortcutScope-module__block---dZny:focus-visible {
  outline: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/base/DropLayer/DropLayer.module.scss */
.UBQ_DropLayer-module__block--1V8vk {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 11;
}
.UBQ_DropLayer-module__block--1V8vk.UBQ_DropLayer-module__isDragging--6I8uF {
  pointer-events: auto;
}
.UBQ_DropLayer-module__block--1V8vk.UBQ_DropLayer-module__isDragging--6I8uF::before {
  content: "";
  position: absolute;
  top: var(--ubq-margin-l);
  bottom: var(--ubq-margin-l);
  left: var(--ubq-margin-l);
  right: var(--ubq-margin-l);
  border: 1px dashed var(--ubq-stroke-contrast-2);
  border-radius: var(--ubq-border_radius-m);
  transition: all 0.15s ease-out;
}
.UBQ_DropLayer-module__block--1V8vk.UBQ_DropLayer-module__isDragging--6I8uF.UBQ_DropLayer-module__dragOver--Knkkt::before {
  box-shadow: 0px 0px 80px 0px rgba(51, 85, 255, 0.24) inset;
  border: 1px dashed #3355ff;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/Canvas.module.scss */
.UBQ_Canvas-module__block--Es62A {
  --safe-area-top: 0px;
  --safe-area-bottom: 0px;
  --safe-area-left: 0px;
  --safe-area-right: 0px;
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: var(--safe-area-left) 1fr var(--safe-area-right);
  grid-template-rows: var(--safe-area-top) 1fr var(--safe-area-bottom);
  background: var(--ubq-canvas);
}
.UBQ_Canvas-module__canvas--faTVo {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.UBQ_Canvas-module__uiElements--HuBna {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100%;
  grid-column: 2/3;
  grid-row: 2/3;
  pointer-events: none;
}
.UBQ_Canvas-module__uiElements--HuBna > * {
  pointer-events: auto;
}
.UBQ_Canvas-module__shortcutScope--pYLhX {
  width: 100%;
  height: 100%;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/Inspector.module.scss */
.UBQ_Inspector-module__block--epBkD {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.UBQ_Inspector-module__block--epBkD::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_Inspector-module__block--epBkD::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_Inspector-module__block--epBkD::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Inspector-module__block--epBkD::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_Inspector-module__inspectorHeaderContentHidden--t0jau {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.UBQ_Inspector-module__renameTextInput--zeMDB {
  width: 100%;
  margin-left: 0 !important;
}
.UBQ_Inspector-module__multiSelectionNotice--IqLzG {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
  font-size: var(--ubq-typography-body-m-size);
  font-weight: var(--ubq-typography-body-m-weight);
  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
  line-height: var(--ubq-typography-body-m-line_height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: var(--ubq-foreground-info);
  text-align: center;
  white-space: pre-wrap;
}
.UBQ_Inspector-module__multiSelectionNotice--IqLzG p {
  margin: var(--ubq-margin-s) 0 0;
  max-width: 28ch;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/CanvasLayers/CanvasLayers.module.scss */
.UBQ_CanvasLayers-module__block--YbYJt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/CanvasState/CanvasState.module.scss */
.UBQ_CanvasState-module__block--Ra7-d {
  position: absolute;
  inset: 0;
  z-index: 50;
  background: var(--ubq-canvas);
}
.UBQ_CanvasState-module__container--WWE5C {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  color: var(--ubq-foreground-default);
}
.UBQ_CanvasState-module__message--XHJD6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ubq-margin-l);
}
.UBQ_CanvasState-module__message--XHJD6 h2 {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
  margin: 0;
  color: var(--ubq-foreground-default);
}
.UBQ_CanvasState-module__message--XHJD6 p {
  font-family: var(--ubq-typography-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);
  margin: 0;
  text-align: center;
  color: var(--ubq-foreground-light);
}
.UBQ_CanvasState-module__info--fUeEb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ubq-margin-xs);
}
.UBQ_CanvasState-module__loader--LAwEW {
  width: 65px;
  aspect-ratio: 1;
  position: relative;
  opacity: 0.2;
}
.UBQ_CanvasState-module__loader--LAwEW:before,
.UBQ_CanvasState-module__loader--LAwEW:after {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 2px inset var(--ubq-foreground-light);
  animation: UBQ_CanvasState-module__l5--oe3dp 2.5s infinite reverse;
}
.UBQ_CanvasState-module__loader--LAwEW:after {
  animation-delay: -1.25s;
  border-radius: 0;
}
@keyframes UBQ_CanvasState-module__l5--oe3dp {
  0% {
    inset: 0 35px 35px 0;
  }
  12.5% {
    inset: 0 35px 0 0;
  }
  25% {
    inset: 35px 35px 0 0;
  }
  37.5% {
    inset: 35px 0 0 0;
  }
  50% {
    inset: 35px 0 0 35px;
  }
  62.5% {
    inset: 0 0 0 35px;
  }
  75% {
    inset: 0 0 35px 35px;
  }
  87.5% {
    inset: 0 0 35px 0;
  }
  100% {
    inset: 0 35px 35px 0;
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/Ruler/Ruler.module.scss */
.UBQ_Ruler-module__container--XPOX2 {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.UBQ_Ruler-module__backgroundHorizontal--p0o32,
.UBQ_Ruler-module__backgroundVertical--J0Ec4 {
  position: absolute;
  background: var(--ubq-elevation-1-blur);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.UBQ_Ruler-module__backgroundHorizontal--p0o32::after,
.UBQ_Ruler-module__backgroundVertical--J0Ec4::after {
  content: "";
  position: absolute;
  background: var(--ubq-stroke-contrast-1);
}
.UBQ_Ruler-module__backgroundHorizontal--p0o32 {
  top: 0;
  left: 0;
  right: 0;
  height: calc(6 * var(--ubq-scale-base));
}
.UBQ_Ruler-module__backgroundHorizontal--p0o32::after {
  bottom: 0;
  left: calc(6 * var(--ubq-scale-base));
  right: 0;
  height: 1px;
}
.UBQ_Ruler-module__backgroundVertical--J0Ec4 {
  top: calc(6 * var(--ubq-scale-base));
  left: 0;
  bottom: 0;
  width: calc(6 * var(--ubq-scale-base));
}
.UBQ_Ruler-module__backgroundVertical--J0Ec4::after {
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
}
.UBQ_Ruler-module__horizontal--AhHYk {
  position: absolute;
  top: 0;
  left: calc(6 * var(--ubq-scale-base));
  right: 0;
  height: calc(6 * var(--ubq-scale-base));
  pointer-events: none;
}
.UBQ_Ruler-module__vertical--Sfpwm {
  position: absolute;
  top: calc(6 * var(--ubq-scale-base));
  left: 0;
  bottom: 0;
  width: calc(6 * var(--ubq-scale-base));
  pointer-events: none;
}
.UBQ_Ruler-module__fadeBottom--7ac0- {
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - calc(6 * var(--ubq-scale-base))),
      transparent);
  mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - calc(6 * var(--ubq-scale-base))),
      transparent);
}
.UBQ_Ruler-module__corner--rU3yc {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(6 * var(--ubq-scale-base));
  height: calc(6 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/ScrollBar/ScrollBar.module.scss */
.UBQ_ScrollBar-module__block--on2Lf {
  position: absolute;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.4s ease;
  transition-delay: 1s;
  cursor: pointer;
}
.UBQ_ScrollBar-module__block--on2Lf:hover,
.UBQ_ScrollBar-module__block--on2Lf.UBQ_ScrollBar-module__show--drFy1 {
  opacity: 1;
  transition-delay: 0s;
}
.UBQ_ScrollBar-module__block--on2Lf:hover .UBQ_ScrollBar-module__handle--dxO8i {
  opacity: 0.5;
  transition-delay: 0s;
}
.UBQ_ScrollBar-module__block--on2Lf.UBQ_ScrollBar-module__horizontal--knmMS {
  height: calc(2 * var(--ubq-scale-base));
  left: 0;
  right: 0;
  bottom: var(--ubq-margin-xs);
}
.UBQ_ScrollBar-module__block--on2Lf.UBQ_ScrollBar-module__vertical--Cr-e1 {
  width: calc(2 * var(--ubq-scale-base));
  top: 0;
  right: var(--ubq-margin-xs);
  bottom: 0;
}
.UBQ_ScrollBar-module__handle--dxO8i {
  position: absolute;
  width: calc(2 * var(--ubq-scale-base));
  border-radius: 8px;
  background: #000000;
  border: 1px solid #ffffff;
  z-index: 4;
  cursor: grab;
  opacity: 0.25;
  transition: opacity 0.4s ease;
  transition-delay: 1s;
  box-sizing: border-box;
}
.UBQ_ScrollBar-module__handle--dxO8i.UBQ_ScrollBar-module__horizontal--knmMS {
  top: 0;
  bottom: 0;
  left: 0;
}
.UBQ_ScrollBar-module__handle--dxO8i.UBQ_ScrollBar-module__vertical--Cr-e1 {
  top: 0;
  left: 0;
  right: 0;
}
.UBQ_ScrollBar-module__handle--dxO8i.UBQ_ScrollBar-module__isDragging--D6cEm {
  opacity: 0.5;
}
.UBQ_ScrollBar-module__isDisabled--ef7zz {
  display: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/CustomIcon.module.scss */
.UBQ_CustomIcon-module__customIconWrapper--oPj82 {
  background-repeat: no-repeat;
  background-position: center;
}
.UBQ_CustomIcon-module__customIconWrapperLarge--H8K3c {
  height: 24px;
  width: 24px;
}
.UBQ_CustomIcon-module__customIconWrapperNormal--CW7Rh {
  height: 16px;
  width: 16px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryBreadcrumb/AssetLibraryBreadcrumb.module.scss */
.UBQ_AssetLibraryBreadcrumb-module__breadcrumb--J7U53 {
  display: flex;
  align-items: center;
  margin: var(--ubq-margin-xs) var(--ubq-margin-m);
  padding-block-start: var(--ubq-margin-s);
}
.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm,
.UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
.UBQ_AssetLibraryBreadcrumb-module__divider--ZHdnp {
  font-family: var(--ubq-typography-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-info);
}
.UBQ_AssetLibraryBreadcrumb-module__divider--ZHdnp {
  flex: 0 0 auto;
  padding: 0 var(--ubq-margin-xs);
}
.UBQ_AssetLibraryBreadcrumb-module__button--H9k1U,
.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm {
  flex: 0 1 auto;
  max-width: 100%;
}
.UBQ_AssetLibraryBreadcrumb-module__label--oMzYm {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ubq-foreground-default);
  margin-left: var(--ubq-margin-xs);
  padding-left: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryCard.module.scss */
.UBQ_AssetLibraryCard-module__wrapper--stQdN {
  display: flex;
  flex-direction: column;
  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__stack--qnDzG.UBQ_AssetLibraryCard-module__isSquareCard--yIzU6 {
  height: auto;
}
.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,
.UBQ_AssetLibraryCard-module__labelBelow--sZi-b.UBQ_AssetLibraryCard-module__isPreview--7ZqFG {
  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;
  align-items: center;
  background-size: 100%;
  transition: background-size 0.15s cubic-bezier(0.2, 0, 0, 1);
}
.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__containsLabel--tsqhH {
  flex-direction: column-reverse;
}
.UBQ_AssetLibraryCard-module__block--z689o.UBQ_AssetLibraryCard-module__hasBackground--XuHUW .UBQ_AssetLibraryCard-module__label---NNY5 {
  font-family: var(--ubq-typography-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: 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__block--z689o:hover,
.UBQ_AssetLibraryCard-module__block--z689o:active {
  background-size: calc(100% - var(--ubq-margin-xs));
}
.UBQ_AssetLibraryCard-module__block--z689o:hover .UBQ_AssetLibraryCard-module__svgBackground--QqZbB,
.UBQ_AssetLibraryCard-module__block--z689o:active .UBQ_AssetLibraryCard-module__svgBackground--QqZbB {
  transform: scale(1.1);
}
.UBQ_AssetLibraryCard-module__dragPreview--OmKMq {
  overflow: hidden;
  border-radius: var(--ubq-border-radius-l);
  background: var(--ubq-elevation-2);
}
.UBQ_AssetLibraryCard-module__label---NNY5 {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-s-font_family));
  font-size: var(--ubq-typography-label-s-size);
  font-weight: var(--ubq-typography-label-s-weight);
  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
  line-height: var(--ubq-typography-label-s-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;
  width: calc(100% - 2 * var(--ubq-margin-xs));
  text-align: center;
  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__label---NNY5.UBQ_AssetLibraryCard-module__active--2-GY4 {
  color: var(--ubq-foreground-active);
}
.UBQ_AssetLibraryCard-module__singleLineTruncation--QqQ8w {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.UBQ_AssetLibraryCard-module__multiLineTruncation--yNIbR {
  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;
}
.UBQ_AssetLibraryCard-module__border--QhSq0 {
  box-shadow: inset 0 0 0 1px var(--ubq-stroke-contrast-2);
}
.UBQ_AssetLibraryCard-module__spotColorIndicator--7iifr {
  border-radius: var(--ubq-border_radius-m);
  position: absolute;
  inset: 0;
  background-size: calc(4.5 * var(--ubq-scale-base));
  background-position: top right;
  background-repeat: no-repeat;
  pointer-events: none;
}
.UBQ_AssetLibraryCard-module__svgBackground--QqZbB {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  transition: transform 0.15s cubic-bezier(0.2, 0, 0, 1);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/properties/AssetLibraryPropertyPopover.module.scss */
.UBQ_AssetLibraryPropertyPopover-module__block--A3c-n {
  width: calc(var(--ubq-scale-base) * 70);
  padding-inline: var(--ubq-margin-l);
  padding-bottom: var(--ubq-margin-s);
  background-color: var(--ubq-elevation-3);
}
.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 {
  margin: var(--ubq-margin-xs);
  border-radius: var(--ubq-border_radius-s);
  background-color: var(--ubq-overlay);
}
.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1:hover:not(:active):not(:disabled) {
  background-color: var(--ubq-overlay);
}
.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 .UBQ_AssetLibraryPropertyPopover-module__iconBackground--2Z36A {
  --ubq-internal-icon-size: calc(var(--ubq-scale-base) * 4);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: calc(var(--ubq-internal-icon-size) + var(--ubq-margin-s) * 2);
  height: calc(var(--ubq-internal-icon-size) + var(--ubq-margin-s) * 2);
  background-color: var(--ubq-interactive-default);
  border: 1px solid var(--ubq-interactive-active-default);
  border-radius: 50%;
  box-shadow: var(--ubq-effect-shadow);
}
.UBQ_AssetLibraryPropertyPopover-module__trigger--hC8J1 .UBQ_AssetLibraryPropertyPopover-module__iconBackground--2Z36A svg {
  width: var(--ubq-internal-icon-size);
  height: var(--ubq-internal-icon-size);
  color: var(--ubq-interactive-active-default);
}
.UBQ_AssetLibraryPropertyPopover-module__header--O30QG {
  display: flex;
  align-items: center;
  padding-block: var(--ubq-margin-s);
}
.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-m-font_family));
  font-size: var(--ubq-typography-headline-m-size);
  font-weight: var(--ubq-typography-headline-m-weight);
  letter-spacing: var(--ubq-typography-headline-m-letter_spacing);
  line-height: var(--ubq-typography-headline-m-line_height);
  width: fit-content;
  color: var(--ubq-foreground-default);
}
.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__actions--8Udd3 {
  width: max-content;
  flex-grow: 0;
  display: flex;
  align-items: center;
  gap: var(--ubq-margin-s);
}
.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__actions--8Udd3:has(+ .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl) {
  margin-right: var(--ubq-margin-s);
}
.UBQ_AssetLibraryPropertyPopover-module__header--O30QG .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl + .UBQ_AssetLibraryPropertyPopover-module__actions--8Udd3 {
  margin-left: auto;
}
.UBQ_AssetLibraryPropertyPopover-module__modern--y-o3Y.UBQ_AssetLibraryPropertyPopover-module__block--A3c-n {
  padding-inline: var(--ubq-margin-m);
}
.UBQ_AssetLibraryPropertyPopover-module__modern--y-o3Y .UBQ_AssetLibraryPropertyPopover-module__heading--ZMjsl {
  padding-left: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/ColorSelection.module.scss */
.UBQ_ColorSelection-module__block--hQIfN {
  width: min(70 * var(--ubq-scale-base), 0.8 * var(--ubq_internal-containerquery-width, 80vw));
  padding: var(--ubq-margin-s);
}
.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl {
  width: 100%;
  padding: 0;
}
.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__section--R1UZS {
  padding: 0;
}
.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__section--R1UZS:not(:last-child) {
  margin-bottom: var(--ubq-margin-m);
}
.UBQ_ColorSelection-module__block--hQIfN.UBQ_ColorSelection-module__noPopover--K51bl .UBQ_ColorSelection-module__sectionRow--R-VVL > label {
  flex: 0 0 calc(18 * var(--ubq-scale-base));
}
.UBQ_ColorSelection-module__header--59n9c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--ubq-margin-m);
}
.UBQ_ColorSelection-module__header--59n9c > *:not(.UBQ_ColorSelection-module__heading--3lEKT) {
  flex: 0 0 auto;
}
.UBQ_ColorSelection-module__heading--3lEKT {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
}
.UBQ_ColorSelection-module__section--R1UZS {
  padding-top: var(--ubq-margin-xs);
  display: flex;
  flex-direction: column;
}
.UBQ_ColorSelection-module__section--R1UZS:not(:last-child) {
  padding-bottom: var(--ubq-margin-l);
}
.UBQ_ColorSelection-module__section--R1UZS > div:not(:last-child) {
  margin-bottom: var(--ubq-margin-s);
}

/* 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-static-contrast-white);
  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-static-contrast-white);
}
.UBQ_AssetMediaPlayer-module__block--2enRm time {
  font-family: var(--ubq-typography-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 .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-within + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus-visible + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
.UBQ_AssetMediaPlayer-module__sibling--KCgcZ:focus + .UBQ_AssetMediaPlayer-module__block--2enRm .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
.UBQ_AssetMediaPlayer-module__block--2enRm:hover .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
.UBQ_AssetMediaPlayer-module__block--2enRm:focus-within .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0,
.UBQ_AssetMediaPlayer-module__block--2enRm[data-expanded=true] .UBQ_AssetMediaPlayer-module__playButton--sRBJU.UBQ_AssetMediaPlayer-module__modern--Es0G0 {
  width: calc(8 * var(--ubq-scale-base));
}
.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);
}
.UBQ_AssetMediaPlayer-module__modern--Es0G0.UBQ_AssetMediaPlayer-module__block--2enRm {
  border-radius: var(--ubq-border_radius-m);
  height: calc(8 * var(--ubq-scale-base));
}
.UBQ_AssetMediaPlayer-module__modern--Es0G0 .UBQ_AssetMediaPlayer-module__layout--nxR1x {
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetContextPopover.module.scss */
.UBQ_AssetContextPopover-module__block--mBBDc {
  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-static-contrast-white);
  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-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);
  width: calc(72 * var(--ubq-scale-base));
  color: var(--ubq-foreground-default);
}
.UBQ_AssetContextPopover-module__content--ZKSmX > *:not(hr) {
  margin-left: var(--ubq-margin-s);
  margin-right: var(--ubq-margin-s);
}
.UBQ_AssetContextPopover-module__content--ZKSmX hr {
  margin-block: var(--ubq-margin-m);
}
.UBQ_AssetContextPopover-module__heading--IoULF {
  margin-block: var(--ubq-margin-xs) var(--ubq-margin-m);
}
.UBQ_AssetContextPopover-module__license--FjDkN,
.UBQ_AssetContextPopover-module__credits--lIm0T {
  color: var(--ubq-foreground-light);
}
.UBQ_AssetContextPopover-module__license--FjDkN a,
.UBQ_AssetContextPopover-module__credits--lIm0T a {
  color: var(--ubq-foreground-light);
}
.UBQ_AssetContextPopover-module__tags--1JGaE {
  display: flex;
  justify-content: center;
}
.UBQ_AssetContextPopover-module__tag--Ao6oh {
  display: inline-block;
  background: var(--ubq-interactive-default);
  border-radius: var(--ubq-border_radius-l);
  padding: var(--ubq-margin-xs) var(--ubq-margin-s);
  color: var(--ubq-foreground-light);
}
.UBQ_AssetContextPopover-module__tag--Ao6oh:not(:last-child) {
  margin-right: var(--ubq-margin-xs);
}
.UBQ_AssetContextPopover-module__license--FjDkN {
  display: flex;
  align-items: center;
}
.UBQ_AssetContextPopover-module__licenseUrl--XuFgL {
  display: flex;
  align-items: center;
  margin-left: var(--ubq-margin-xs);
}
footer {
  padding-block: var(--ubq-margin-s);
}
.UBQ_AssetContextPopover-module__confirmationDialog---Y73- {
  width: calc(80 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLoadingSpinner/AssetLoadingSpinner.module.scss */
.UBQ_AssetLoadingSpinner-module__block--sa-XM {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ubq-foreground-default);
}
.UBQ_AssetLoadingSpinner-module__loadingSpinnerIcon--p8Z3l {
  animation: UBQ_AssetLoadingSpinner-module__loading--CJ2M7 1.1s infinite linear, UBQ_AssetLoadingSpinner-module__fade-in--fMZk4 200ms 1 ease-in-out;
  animation-delay: 200ms;
  height: calc(var(--ubq-scale-base) * 12);
  width: calc(var(--ubq-scale-base) * 12);
  opacity: 0;
}
@keyframes UBQ_AssetLoadingSpinner-module__loading--CJ2M7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes UBQ_AssetLoadingSpinner-module__fade-in--fMZk4 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetResultContainer/AssetResultContainer.module.scss */
.UBQ_AssetResultContainer-module__block---28wZ {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  height: 100%;
  width: 100%;
}
.UBQ_AssetResultContainer-module__block---28wZ .UBQ_AssetResultContainer-module__creditsButton--t--Ce {
  position: absolute;
  top: var(--ubq-margin-xs);
  right: var(--ubq-margin-xs);
  opacity: 0;
}
.UBQ_AssetResultContainer-module__block---28wZ:focus-within .UBQ_AssetResultContainer-module__creditsButton--t--Ce,
.UBQ_AssetResultContainer-module__block---28wZ:hover .UBQ_AssetResultContainer-module__creditsButton--t--Ce {
  opacity: 1;
  z-index: 2;
}
.UBQ_AssetResultContainer-module__block---28wZ .UBQ_AssetResultContainer-module__creditsButton--t--Ce[data-expanded=true] {
  opacity: 1;
  z-index: 2;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/sources/LocalSourceSectionHeaderUpload/LocalSourceSectionHeaderUpload.module.scss */
.UBQ_LocalSourceSectionHeaderUpload-module__block--MyifH {
  max-width: max-content;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/sources/LocalSourceGridUpload/LocalSourceGridUpload.module.scss */
.UBQ_LocalSourceGridUpload-module__block--tOb8-,
.UBQ_LocalSourceGridUpload-module__wrapper--zk1zi {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ubq-margin-s);
}
.UBQ_LocalSourceGridUpload-module__block--tOb8- {
  min-height: calc(var(--ubq-scale-base) * 12);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGrid.module.scss */
.UBQ_AssetLibraryGrid-module__block--CAXT- {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  flex: 1;
  padding: var(--ubq-margin-m);
  padding-block-start: calc(2 * var(--ubq-margin-s));
  height: 100%;
  overflow-y: scroll;
}
.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_AssetLibraryGrid-module__block--CAXT-::-webkit-scrollbar-corner {
  background: transparent;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGridLoadingAnchor.module.scss */
.UBQ_AssetLibraryGridLoadingAnchor-module__block--9RbWn {
  font-family: var(--ubq-typography-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);
  width: 100%;
  height: calc(10 * var(--ubq-scale-base));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: var(--ubq-margin-m);
  color: var(--ubq-foreground-info);
}
.UBQ_AssetLibraryGridLoadingAnchor-module__noMoreItems--7JuDW {
  display: none;
}
.UBQ_AssetLibraryGridLoadingAnchor-module__anchor--gytBf {
  height: 1px;
  width: 100%;
  transform: translateY(-250px);
}
.UBQ_AssetLibraryGridLoadingAnchor-module__anchor--gytBf > svg {
  width: calc(var(--ubq-scale-base) * 9);
  height: calc(var(--ubq-scale-base) * 9);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryGrid/AssetLibraryGridSkeleton.module.scss */
.UBQ_AssetLibraryGridSkeleton-module__grid--G6I7Y {
  position: relative;
}
.UBQ_AssetLibraryGridSkeleton-module__label--gdSHY {
  color: var(--ubq-foreground-info);
  margin-left: var(--ubq-margin-s);
}
.UBQ_AssetLibraryGridSkeleton-module__gradient--M3qR- {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      180deg,
      rgba(18, 25, 33, 0) 0%,
      var(--ubq-elevation-2) 60%);
}
.UBQ_AssetLibraryGridSkeleton-module__labelContainer--saTFS {
  font-family: var(--ubq-typography-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);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--ubq-foreground-default);
}
.UBQ_AssetLibraryGridSkeleton-module__prependedSourceUIComponentContainer--D38b8 {
  margin-top: var(--ubq-margin-m);
}
.UBQ_AssetLibraryGridSkeleton-module__cardWrapper--1za-F {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.UBQ_AssetLibraryGridSkeleton-module__loadingSpinnerIcon---60AY {
  animation: UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg 1.1s infinite linear;
}
@keyframes UBQ_AssetLibraryGridSkeleton-module__loading--nAVXg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryLoading.module.scss */
.UBQ_AssetLibraryLoading-module__block--stvVP {
  padding: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryEmpty.module.scss */
.UBQ_AssetLibraryEmpty-module__block--sQ81G {
  padding: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySection.module.scss */
.UBQ_AssetLibrarySection-module__block--GjBKH {
  --ubq_internal-effect-focus-inset:
    inset 0px 0px 0px 2px var(--ubq-elevation-2),
    inset 0px 0px 0px 3px var(--ubq-focus-default),
    inset 0px 0px 0px 7px var(--ubq-focus-outline);
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
.UBQ_AssetLibrarySection-module__block--GjBKH.UBQ_AssetLibrarySection-module__visible--jDroU {
  opacity: 1;
}
.UBQ_AssetLibrarySection-module__header--zaDtl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--ubq-margin-m);
  margin-inline: var(--ubq-margin-l);
}
.UBQ_AssetLibrarySection-module__heading--wwrkD {
  flex: 1;
}
.UBQ_AssetLibrarySection-module__moreButton--evCHL {
  flex: 0 1 auto;
  margin-left: var(--ubq-margin-xs);
}
.UBQ_AssetLibrarySection-module__previews--tS0xD {
  position: relative;
  display: grid;
  grid-gap: var(--ubq-margin-s);
  grid-auto-flow: column;
  margin-inline: var(--ubq-margin-l);
  margin-block: var(--ubq-margin-s) var(--ubq-margin-m);
}
.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB {
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
  -webkit-mask-image:
    linear-gradient(
      to right,
      black 0%,
      black 100%);
  mask-image:
    linear-gradient(
      to right,
      black 0%,
      black 100%);
}
.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB.UBQ_AssetLibrarySection-module__maskLeft--6GUH2 {
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent calc(40px * 0.4985),
      black 40px,
      black 100%);
  mask-image:
    linear-gradient(
      to right,
      transparent calc(40px * 0.4985),
      black 40px,
      black 100%);
}
.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB.UBQ_AssetLibrarySection-module__maskRight--R97th {
  -webkit-mask-image:
    linear-gradient(
      to left,
      transparent calc(40px * 0.4985),
      black 40px,
      black 100%);
  mask-image:
    linear-gradient(
      to left,
      transparent calc(40px * 0.4985),
      black 40px,
      black 100%);
}
.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB.UBQ_AssetLibrarySection-module__maskLeft--6GUH2.UBQ_AssetLibrarySection-module__maskRight--R97th {
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent calc(40px * 0.4985),
      black 40px,
      black calc(100% - 40px),
      transparent calc(100% - calc(40px * 0.4985)));
  mask-image:
    linear-gradient(
      to right,
      transparent calc(40px * 0.4985),
      black 40px,
      black calc(100% - 40px),
      transparent calc(100% - calc(40px * 0.4985)));
}
.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB::-webkit-scrollbar {
  display: none;
}
.UBQ_AssetLibrarySection-module__scrollContainer--vz2MB:focus-visible {
  z-index: 2;
  border-radius: var(--ubq-border_radius-s);
  outline: none;
  box-shadow: var(--ubq_internal-effect-focus-inset);
}
.UBQ_AssetLibrarySection-module__paginationContainer--4-kTI {
  position: relative;
  margin-inline: 1px;
}
.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn {
  position: absolute;
  top: 0;
  z-index: 3;
  height: 100%;
  width: calc(10 * var(--ubq-scale-base));
  border: none;
  background: transparent;
  padding-bottom: calc(var(--ubq-margin-m));
  display: grid;
  place-content: center;
  color: var(--ubq-foreground-light);
  cursor: pointer;
}
.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn svg {
  border-radius: var(--ubq-border_radius-s);
}
.UBQ_AssetLibrarySection-module__paginationButtonLeft--Jzbym {
  left: 0;
  padding-left: var(--ubq-margin-l);
}
.UBQ_AssetLibrarySection-module__paginationButtonLeft--Jzbym svg {
  margin-left: calc(-1 * var(--ubq-margin-l));
}
.UBQ_AssetLibrarySection-module__paginationButtonRight----DAi {
  right: 0;
  padding-right: var(--ubq-margin-l);
}
.UBQ_AssetLibrarySection-module__paginationButtonRight----DAi svg {
  margin-right: calc(-1 * var(--ubq-margin-l));
}
.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:hover,
.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:focus-visible {
  color: var(--ubq-foreground-default);
}
.UBQ_AssetLibrarySection-module__paginationButton--ZB0fn:focus-visible {
  border-radius: var(--ubq-border_radius-s);
  outline: none;
  box-shadow: var(--ubq_internal-effect-focus-inset);
}
.UBQ_AssetLibrarySection-module__moreIcon--dBquf {
  padding-left: var(--ubq-margin-xs);
}
.UBQ_AssetLibrarySection-module__inlineMoreButtonContainer--lv-sU {
  --ubq-typography-button-m-line_height: calc(6 * var(--ubq-scale-base));
  display: grid;
  justify-content: left;
  align-content: center;
  padding-left: var(--ubq-margin-s);
}
.UBQ_AssetLibrarySection-module__inlineMoreButton--Zqp2y {
  height: calc(10 * var(--ubq-scale-base));
  width: calc(10 * var(--ubq-scale-base));
  border-radius: 100%;
}
.UBQ_AssetLibrarySection-module__modern--kX9ne .UBQ_AssetLibrarySection-module__header--zaDtl {
  margin-block: var(--ubq-margin-xs);
  margin-inline: var(--ubq-margin-m);
}
.UBQ_AssetLibrarySection-module__modern--kX9ne .UBQ_AssetLibrarySection-module__header--zaDtl .UBQ_AssetLibrarySection-module__heading--wwrkD {
  padding-left: var(--ubq-margin-xs);
}
.UBQ_AssetLibrarySection-module__modern--kX9ne .UBQ_AssetLibrarySection-module__previews--tS0xD {
  margin-block: var(--ubq-margin-xs) var(--ubq-margin-l);
  margin-inline: var(--ubq-margin-m);
  grid-gap: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySection/AssetLibrarySectionSkeleton.module.scss */
.UBQ_AssetLibrarySectionSkeleton-module__block--mWs38 {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_AssetLibrarySectionSkeleton-module__content--q4nH2 {
  font-family: var(--ubq-typography-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);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ubq-foreground-default);
}
.UBQ_AssetLibrarySectionSkeleton-module__label--9610J {
  margin-left: var(--ubq-margin-s);
}
.UBQ_AssetLibrarySectionSkeleton-module__loadingSpinnerIcon---n0-v {
  animation: UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk 1.1s infinite linear;
}
@keyframes UBQ_AssetLibrarySectionSkeleton-module__loading--OKjqk {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryOverview/AssetLibraryOverview.module.scss */
.UBQ_AssetLibraryOverview-module__block--eHaxL {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  overflow: auto;
  height: 100%;
  padding-block-start: calc(2 * var(--ubq-margin-s));
}
.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_AssetLibraryOverview-module__block--eHaxL::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_AssetLibraryOverview-module__block--eHaxL.UBQ_AssetLibraryOverview-module__modern--Q9-uV {
  padding-block-start: var(--ubq-margin-xs);
}
.UBQ_AssetLibraryOverview-module__block--eHaxL hr {
  margin-block: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibraryContent/AssetLibraryContent.module.scss */
.UBQ_AssetLibraryContent-module__block--SroUk {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
.UBQ_AssetLibraryContent-module__block--SroUk hr {
  margin-top: var(--ubq-margin-xs);
  margin-bottom: 0;
  width: 100%;
}
.UBQ_AssetLibraryContent-module__motionWrapper--Bxmsh {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetLibrarySearch/AssetLibrarySearch.module.scss */
.UBQ_AssetLibrarySearch-module__block--mcAtt {
  display: flex;
  align-items: center;
  box-sizing: content-box;
  padding-inline: var(--ubq-margin-s);
  padding-block-start: var(--ubq-margin-s);
}
.UBQ_AssetLibrarySearch-module__searchInput--GoKQU,
.UBQ_AssetLibrarySearch-module__searchInput--GoKQU.UBQ_AssetLibrarySearch-module__modern--ROnZZ {
  height: calc(var(--ubq-scale-base) * 10);
  border-radius: var(--ubq-border_radius-m);
  padding-left: calc(var(--ubq-typography-label-m-line_height) + var(--ubq-margin-s) + var(--ubq-margin-xs));
  padding-right: calc(var(--ubq-typography-label-m-line_height) + var(--ubq-margin-s) + var(--ubq-margin-xs) + 2 * var(--ubq-margin-xs));
  padding-top: var(--ubq-margin-m);
  padding-bottom: var(--ubq-margin-m);
}
.UBQ_AssetLibrarySearch-module__inputContainer--0-LjK {
  position: relative;
  width: 100%;
}
.UBQ_AssetLibrarySearch-module__searchIconContainer--MQrw6,
.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.UBQ_AssetLibrarySearch-module__searchIconContainer--MQrw6 {
  left: var(--ubq-margin-s);
}
.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd {
  right: var(--ubq-margin-s);
}
.UBQ_AssetLibrarySearch-module__clearSearchIconContainer--pxocd.UBQ_AssetLibrarySearch-module__hasEmptySearchValue--c5Ttf {
  display: none;
}
.UBQ_AssetLibrarySearch-module__searchIcon--6Rq2Q,
.UBQ_AssetLibrarySearch-module__clearSearchIcon--KOtYH {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
  color: var(--ubq-foreground-default);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/LibraryPanel.module.scss */
.UBQ_LibraryPanel-module__panelContent--rmasN {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/BaseBuilder.module.scss */
.UBQ_BaseBuilder-module__dropdownList--sdhIw {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw > hr {
  display: none;
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw > :not(hr, x-spacer):not(:empty) ~ hr:has(+ :not(hr, x-spacer):not(:empty)) {
  display: block;
}
@supports not selector(:has(a)) {
  .UBQ_BaseBuilder-module__dropdownList--sdhIw > :not(hr, x-spacer):not(:empty):not(:last-of-type) + hr {
    display: block;
  }
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw > li {
  display: flex;
  margin-top: var(--ubq-margin-xs);
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw > li:first-child {
  margin-top: 0;
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw > li:empty {
  display: none;
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw hr + li {
  margin-top: 0;
}
.UBQ_BaseBuilder-module__dropdownList--sdhIw > hr {
  margin-inline: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/BuilderSelect.module.scss */
.UBQ_BuilderSelect-module__compact--16v9d {
  display: flex;
  align-items: center;
  gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/Suffix.module.scss */
.UBQ_Suffix-module__block--W2fb5 {
  box-shadow: inset 0 0 0 0 transparent;
  flex: 0 0 calc(6 * var(--ubq-scale-base));
  display: flex;
  justify-content: center;
}
.UBQ_Suffix-module__emptyGap--H74OF {
  flex: 0 0 calc(6 * var(--ubq-scale-base));
  display: hidden;
  -webkit-user-select: none;
  user-select: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/SectionElement.module.scss */
.UBQ_SectionElement-module__sectionRowSuffixForInputLabelTop--f01Ez {
  justify-content: space-between;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/PanelBuilder.module.scss */
.UBQ_PanelBuilder-module__block--T3ctJ {
  width: 100%;
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4 {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > li {
  display: flex;
  margin-top: var(--ubq-margin-xs);
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > li:first-child {
  margin-top: 0;
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4 hr + li {
  margin-top: 0;
}
.UBQ_PanelBuilder-module__dropdownContent--0Brv4 > hr {
  margin-inline: 0;
}
.UBQ_PanelBuilder-module__textParagraph--YANJ7 {
  font-family: var(--ubq-typography-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-light);
}
.UBQ_PanelBuilder-module__textParagraph--YANJ7.UBQ_PanelBuilder-module__alignCenter--k6Qmn {
  text-align: center;
}
.UBQ_PanelBuilder-module__textParagraph--YANJ7.UBQ_PanelBuilder-module__alignRight--qMRvG {
  text-align: right;
}
.UBQ_PanelBuilder-module__textParagraph--YANJ7:first-child {
  margin-top: 0;
}
.UBQ_PanelBuilder-module__textParagraph--YANJ7:last-child {
  margin-bottom: 0;
}
.UBQ_PanelBuilder-module__section--x3-yI > div:has(> ul[role=menu]) {
  padding: var(--ubq-margin-s);
}
.UBQ_PanelBuilder-module__scrollableSection--7-Zw9 {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_PanelBuilder-module__scrollableSection--7-Zw9::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_PanelBuilder-module__spinner--F0SiK {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--ubq-margin-s);
  width: 100%;
  padding-block: var(--ubq-margin-s);
  color: var(--ubq-foreground-info);
}
.UBQ_PanelBuilder-module__spinner--F0SiK > svg {
  width: calc(var(--ubq-scale-base) * 9);
  height: calc(var(--ubq-scale-base) * 9);
}
.UBQ_PanelBuilder-module__spinnerLabel--nhOYi {
  font-family: var(--ubq-typography-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-light);
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/experimental/BaseBuilder.module.scss */
.UBQ_BaseBuilder-module__popoverContent--48Ghd {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  width: calc(72 * var(--ubq-scale-base));
  max-height: min(97.5 * var(--ubq-scale-base), 0.6 * var(--ubq_internal-containerquery-height, 60vh));
}
.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_BaseBuilder-module__popoverContent--48Ghd::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_BaseBuilder-module__menuItem--b9Mzp:not(:last-child) {
  margin-bottom: var(--ubq-margin-xs);
}
.UBQ_BaseBuilder-module__buttonRow--aitsr {
  display: flex;
  flex-direction: row;
  gap: var(--ubq-margin-xs);
  margin-top: var(--ubq-margin-s);
}
.UBQ_BaseBuilder-module__buttonRow--aitsr > * {
  margin-bottom: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/CanvasMenu/CanvasMenu.module.scss */
.UBQ_CanvasMenu-module__block--hk7CF {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--ubq-margin-xs);
  padding: var(--ubq-margin-xs);
  box-shadow: var(--ubq-effect-shadow), inset 0 0 0 1px var(--ubq-border-default);
  border-radius: var(--ubq-border_radius-l);
  background: var(--ubq-elevation-2);
}
.UBQ_CanvasMenu-module__block--hk7CF:empty {
  display: none;
}
@supports selector(:has(a, b)) {
  .UBQ_CanvasMenu-module__block--hk7CF {
    display: none;
  }
  .UBQ_CanvasMenu-module__block--hk7CF:has(> *:not(hr)) {
    display: flex;
  }
}
.UBQ_CanvasMenu-module__block--hk7CF > hr {
  display: none;
}
.UBQ_CanvasMenu-module__block--hk7CF > :not(hr):not(:last-of-type) + hr {
  display: block;
}
.UBQ_CanvasMenu-module__block--hk7CF > hr {
  height: unset;
  width: 1px;
  align-self: stretch;
  margin-top: calc(-1 * (var(--ubq-margin-xs) - 1px));
  margin-bottom: calc(-1 * (var(--ubq-margin-xs) - 1px));
}
.UBQ_CanvasMenu-module__tippy--Y7c0P {
  max-width: unset !important;
}
.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.UBQ_CanvasMenu-module__tippy--Y7c0P[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/frame/box.module.scss */
.UBQ_box-module__block--n0qcC {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0% 0%;
  outline: none;
  cursor: move;
  z-index: 6;
}
.UBQ_box-module__block--n0qcC.UBQ_box-module__disabledFrame--0FGdV .cesdk__frameHandle {
  display: none;
}
.UBQ_box-module__disabled--s2QQv {
  cursor: not-allowed;
}
.UBQ_box-module__page--xsbUn {
  cursor: default;
}
.UBQ_box-module__dragging--rKfnM {
  cursor: inherit;
}
.UBQ_box-module__nonPageBoxShadow--LmEpP {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.UBQ_box-module__deletingBoxShadow--djaxf {
  box-shadow: inset 0 0 0 1px var(--ubq-notice-error);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Canvas/CanvasSizer.module.scss */
.UBQ_CanvasSizer-module__block--MtUms {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/CanvasBars.module.scss */
.UBQ_CanvasBars-module__block--hQNKs {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 11;
}
.UBQ_CanvasBars-module__bar--cPGyA {
  position: absolute;
  left: var(--ubq-margin-m);
  right: var(--ubq-margin-m);
  display: flex;
  gap: var(--ubq-margin-m);
}
.UBQ_CanvasBars-module__bar--cPGyA > hr {
  display: none;
}
.UBQ_CanvasBars-module__bar--cPGyA > :not(hr, x-spacer):not(:empty) ~ hr:has(+ :not(hr, x-spacer):not(:empty)) {
  display: block;
}
@supports not selector(:has(a)) {
  .UBQ_CanvasBars-module__bar--cPGyA > :not(hr, x-spacer):not(:empty):not(:last-of-type) + hr {
    display: block;
  }
}
.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__renderOptimizedSmallViewport--NSAIy {
  gap: var(--ubq-margin-l);
}
.UBQ_CanvasBars-module__bar--cPGyA > * {
  pointer-events: auto;
  flex: 0 0 auto;
}
.UBQ_CanvasBars-module__bar--cPGyA > hr {
  height: unset;
  align-self: stretch;
  margin: 0;
  flex: 0 0 1px;
}
.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__bottom--AFs8k {
  bottom: var(--ubq-margin-m);
}
.UBQ_CanvasBars-module__bar--cPGyA.UBQ_CanvasBars-module__top--k8O0E {
  top: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Dialogs.module.scss */
.UBQ_Dialogs-module__buttonWrapper--OvWys {
  display: flex;
  justify-content: flex-end;
  gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/DockSeparator.module.scss */
.UBQ_DockSeparator-module__block--8XSWX {
  height: 0px;
  width: 0px;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: var(--ubq-margin-xl);
  margin-right: var(--ubq-margin-xl);
  border: 0px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/DockBuilder.module.scss */
svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__normal--vlkdb {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
}
svg.UBQ_DockBuilder-module__circularProgress---105B.UBQ_DockBuilder-module__large--fv3VZ {
  height: calc(var(--ubq-scale-base) * 6);
  width: calc(var(--ubq-scale-base) * 6);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/ClipLines/ClipLines.module.scss */
.UBQ_ClipLines-module__button--BZdAt > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/Panel.module.scss */
.UBQ_Panel-module__block--ktFvC {
  height: 100%;
}
.UBQ_Panel-module__header--qDeg3 {
  display: flex;
  align-items: center;
  padding: var(--ubq-margin-m) var(--ubq-margin-l);
  height: calc(12 * var(--ubq-scale-base) - 2 * var(--ubq-margin-m) - 1px);
  max-height: calc(12 * var(--ubq-scale-base));
  border-bottom: 1px solid var(--ubq-stroke-contrast-1);
}
.UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__modern--0cIE- {
  padding: var(--ubq-margin-m);
}
.UBQ_Panel-module__header--qDeg3.UBQ_Panel-module__hidden---Zatz {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerCenter--DSLEc {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF {
  margin-right: var(--ubq-margin-s);
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er {
  margin-left: var(--ubq-margin-s);
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF,
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er {
  display: flex;
  flex: 0 0 auto;
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerLeft--yQHMF > *:not(:first-child),
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__headerRight--bn0er > *:not(:first-child) {
  margin-left: var(--ubq-margin-s);
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__heading--pa7qn {
  width: fit-content;
  color: var(--ubq-foreground-default);
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-headline-l-font_family));
  font-size: var(--ubq-typography-headline-l-size);
  font-weight: var(--ubq-typography-headline-l-weight);
  letter-spacing: var(--ubq-typography-headline-l-letter_spacing);
  line-height: var(--ubq-typography-headline-l-line_height);
}
.UBQ_Panel-module__header--qDeg3 .UBQ_Panel-module__heading--pa7qn.UBQ_Panel-module__modern--0cIE-:first-child {
  padding-left: var(--ubq-margin-xs);
}
.UBQ_Panel-module__header--qDeg3 + hr {
  margin-block: 0;
}
.UBQ_Panel-module__panelContent--2-JT3 {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  display: flex;
  flex-direction: column;
  height: calc(100% - 12 * var(--ubq-scale-base));
  box-sizing: border-box;
  overflow: auto;
}
.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_Panel-module__panelContent--2-JT3::-webkit-scrollbar-corner {
  background: transparent;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/PanelPortal.module.scss */
.UBQ_PanelPortal-module__block--Zlqwp {
  height: 100%;
  position: relative;
  display: grid;
  grid-template-areas: "stack";
  grid-template-rows: 100%;
}
.UBQ_PanelPortal-module__block--Zlqwp > * {
  grid-area: stack;
}
.UBQ_PanelPortal-module__fullWidth--AJvKV > * {
  width: var(--ubq_internal-containerquery-width);
}
.UBQ_PanelPortal-module__bottomPanel--4HasY {
  min-width: 0;
  display: grid;
  grid-template-areas: "stack";
  grid-template-columns: minmax(0, 1fr);
}
.UBQ_PanelPortal-module__bottomPanel--4HasY > * {
  grid-area: stack;
  min-width: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/PropertyToggle/PropertyToggle.module.scss */
.UBQ_PropertyToggle-module__block--1Putg {
  box-shadow: inset 0 0 0 0 transparent;
  flex: 0 0 calc(6 * var(--ubq-scale-base));
  min-width: unset;
}
.UBQ_PropertyToggle-module__emptyGap--KNCCA {
  flex: 0 0 calc(6 * var(--ubq-scale-base));
  display: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_PropertyToggle-module__emptyGap--KNCCA.UBQ_PropertyToggle-module__modern--Le9Uk {
  flex: 0 0 calc(8 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AnimationSubInspector.module.scss */
.UBQ_AnimationSubInspector-module__panelContent--kCSYF {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/assets/AssetPresetSection/AssetPresetSection.module.scss */
.UBQ_AssetPresetSection-module__noPadding--A-DGN {
  padding: 0;
}
.UBQ_AssetPresetSection-module__noPadding--A-DGN.UBQ_AssetPresetSection-module__titleless--RdZj4 {
  padding-top: 0;
}
.UBQ_AssetPresetSection-module__noMargin--Bh1FO {
  margin: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/AspectLock/AspectLock.module.scss */
.UBQ_AspectLock-module__aspectLock--nMzUZ {
  flex-grow: 0;
  flex-basis: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(2 * (2 * var(--ubq-margin-xs) + var(--ubq-typography-input-m-line_height)) + var(--ubq-margin-m));
  align-self: flex-start;
}
.UBQ_AspectLock-module__aspectLock--nMzUZ.UBQ_AspectLock-module__modern--ax0dL {
  height: calc(2 * (var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height)) + var(--ubq-margin-m) + var(--ubq-margin-m));
}
.UBQ_AspectLock-module__aspectIsUnlocked--zF52P > svg {
  opacity: 0.55;
}
.UBQ_AspectLock-module__aspectLockButton--AbRfH {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: initial;
}
.UBQ_AspectLock-module__aspectLockVector--hfbR7 {
  color: var(--ubq-foreground-info);
  align-self: center;
  margin-left: -50%;
  width: calc(3 * var(--ubq-scale-base));
  height: calc(2 * var(--ubq-scale-base));
}
.UBQ_AspectLock-module__aspectLockVector--hfbR7:last-child {
  transform: scale(1, -1);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/crop/CropFillModeSelect.module.scss */
.UBQ_CropFillModeSelect-module__options--r2Pr2 {
  min-width: calc(var(--ubq-scale-base) * 34);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/crop/InBarCropControls.module.scss */
.UBQ_InBarCropControls-module__cropStraighten--i8ZEN {
  flex-shrink: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/InspectorLibrary/InspectorLibrary.module.scss */
.UBQ_InspectorLibrary-module__block--jzZCr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--ubq-margin-m);
}
.UBQ_InspectorLibrary-module__singleColumn--ZzuED {
  display: flex;
  flex-direction: column;
  grid-gap: 0;
}
.UBQ_InspectorLibrary-module__singleColumn--ZzuED > * {
  margin-bottom: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/effects/Effects.module.scss */
.UBQ_Effects-module__loadingSpinner--9tto5 {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}
.UBQ_Effects-module__loadingSpinner--9tto5 > svg {
  width: calc(var(--ubq-scale-base) * 9);
  height: calc(var(--ubq-scale-base) * 9);
}
.UBQ_Effects-module__container--l82pJ {
  min-width: calc(100% - 2 * var(--ubq-margin-l));
  min-height: calc(100% - 2 * var(--ubq-margin-l));
  padding: var(--ubq-margin-l);
}
.UBQ_Effects-module__iconStack--oMlPH.UBQ_Effects-module__disabled--NCvNX:first-child {
  opacity: 0.55;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/ColorSelection/ColorLibrary.module.scss */
.UBQ_ColorLibrary-module__libraries--V0DjZ {
  margin-left: calc(-1 * var(--ubq-margin-l));
  margin-right: calc(-1 * var(--ubq-margin-l));
}
.UBQ_ColorLibrary-module__search--AyDuU {
  padding-block-start: var(--ubq-margin-m);
}
.UBQ_ColorLibrary-module__panelContent--0-u3S {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/color/ColorSubInspector.module.scss */
.UBQ_ColorSubInspector-module__container--B7bZ6 {
  min-width: calc(100% - 2 * var(--ubq-margin-l));
  min-height: calc(100% - 2 * var(--ubq-margin-l));
  padding: var(--ubq-margin-l);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/trim/TrimSubInspector.module.scss */
.UBQ_TrimSubInspector-module__resetButton--h-S3L {
  flex: 0 0 calc(6 * var(--ubq-scale-base));
}
.UBQ_TrimSubInspector-module__areaGroup--8IXNI {
  display: flex;
  gap: var(--ubq-margin-xs);
  align-items: center;
  margin: 0 var(--ubq-margin-l);
}
.UBQ_TrimSubInspector-module__containerTrimModeInterface--YVMh4 {
  width: 100%;
}
.UBQ_TrimSubInspector-module__buttonTrimPlay--gvaOL {
  flex: 0 0 auto;
}
.UBQ_TrimSubInspector-module__numberInputTrimDuration--IFSKe {
  flex: 0 0 calc(16 * var(--ubq-scale-base));
}
.UBQ_TrimSubInspector-module__containerMediaTrim--SQCGA {
  flex: 1 1 100%;
  margin: 0 var(--ubq-margin-m);
}
.UBQ_TrimSubInspector-module__buttonTrimDone--Duafg {
  flex: 0 0 fit-content;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/volume/VolumeControls.module.scss */
.UBQ_VolumeControls-module__volumeOptions--ksBDa {
  width: calc(69 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/speed/SpeedControls.module.scss */
.UBQ_SpeedControls-module__toggleButton---Ynyr {
  flex: 0 0 calc(6 * var(--ubq-scale-base));
}
.UBQ_SpeedControls-module__toggleButton---Ynyr.UBQ_SpeedControls-module__modern--XcNiL {
  flex: 0 0 calc(8 * var(--ubq-scale-base));
}
.UBQ_SpeedControls-module__popover--baGwA {
  width: calc(72 * var(--ubq-scale-base));
}
.UBQ_SpeedControls-module__popover--baGwA.UBQ_SpeedControls-module__modern--XcNiL {
  width: calc(74 * var(--ubq-scale-base));
}
.UBQ_SpeedControls-module__triggerButton--avxHR {
  display: flex;
  align-items: center;
  gap: calc(1 * var(--ubq-scale-base));
  padding: calc(1 * var(--ubq-scale-base)) calc(2 * var(--ubq-scale-base));
}
.UBQ_SpeedControls-module__triggerButton--avxHR.UBQ_SpeedControls-module__modern--XcNiL {
  padding: calc(2 * var(--ubq-scale-base)) calc(2.5 * var(--ubq-scale-base));
}
.UBQ_SpeedControls-module__speedValue--HyRBx {
  font-variant-numeric: tabular-nums;
  font-size: var(--ubq-font-size-small);
}
.UBQ_SpeedControls-module__popoverContent--PDmW2 {
  padding: calc(2 * var(--ubq-scale-base));
  display: flex;
  flex-direction: column;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/fill/FillInspectorControls.module.scss */
.UBQ_FillInspectorControls-module__contentBox--KoUDx {
  margin-bottom: var(--ubq-margin-l);
  box-sizing: border-box;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/fill/FillInspector.module.scss */
.UBQ_FillInspector-module__iconStack--YwvAg.UBQ_FillInspector-module__disabled--ugVp5:first-child {
  opacity: 0.55;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/pageResize/PageSizeSettings.module.scss */
.UBQ_PageSizeSettings-module__applyButton--7Tz6K {
  width: calc(100% - var(--ubq-scale-base) * 8);
}
.UBQ_PageSizeSettings-module__applyButton--7Tz6K.UBQ_PageSizeSettings-module__modern--loswq {
  width: calc(100% - var(--ubq-scale-base) * 10);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/pageResize/PageResizeInspector.module.scss */
.UBQ_PageResizeInspector-module__noMargin--m6CLd {
  margin: 0;
}
.UBQ_PageResizeInspector-module__button--kgINo {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: initial;
}
.UBQ_PageResizeInspector-module__inBar--oBVBa {
  display: inline-flex;
}
.UBQ_PageResizeInspector-module__option--JN49D {
  display: inline-block;
  white-space: nowrap;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/shadow/ShadowInspector.module.scss */
.UBQ_ShadowInspector-module__smallButton--qgfMm {
  flex: 0 0 auto;
}
.UBQ_ShadowInspector-module__iconStack--LGoR3.UBQ_ShadowInspector-module__disabled--P9qVs:first-child {
  opacity: 0.55;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/stroke/StrokePropertiesInspector.module.scss */
.UBQ_StrokePropertiesInspector-module__container--2p36N {
  min-width: calc(100% - 2 * var(--ubq-margin-l));
  min-height: calc(100% - 2 * var(--ubq-margin-l));
  padding: var(--ubq-margin-l);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/InspectorBar/InspectorBar.module.scss */
.UBQ_InspectorBar-module__block--5q45J {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  z-index: 13;
  box-sizing: border-box;
  position: absolute;
  top: var(--ubq-margin-s);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: stretch;
  width: fit-content;
  max-width: calc(100% - 2 * var(--ubq-margin-s));
  padding: var(--ubq-margin-m);
  min-height: calc(var(--ubq-scale-base) * 6);
  max-height: calc(12 * var(--ubq-scale-base));
  background: var(--ubq-InspectorBar-background, var(--ubq-elevation-1));
  border: 1px solid var(--ubq-border-default);
  border-radius: var(--ubq-border_radius-xl);
  box-shadow: var(--ubq-effect-shadow-1);
  overflow-x: auto;
  overflow-y: hidden;
}
.UBQ_InspectorBar-module__block--5q45J::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_InspectorBar-module__block--5q45J::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_InspectorBar-module__block--5q45J::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_InspectorBar-module__block--5q45J::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj {
  flex: 1 0 auto;
  max-width: 100%;
  min-height: calc(var(--ubq-scale-base) * 6);
  display: flex;
  gap: var(--ubq-margin-s);
  align-items: center;
}
.UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj > hr {
  display: none;
}
.UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj > :not(hr, x-spacer):not(:empty) ~ hr:has(+ :not(hr, x-spacer):not(:empty)) {
  display: block;
}
@supports not selector(:has(a)) {
  .UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj > :not(hr, x-spacer):not(:empty):not(:last-of-type) + hr {
    display: block;
  }
}
.UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj hr {
  height: unset;
  align-self: stretch;
  margin: 0;
  flex: 0 0 1px;
}
.UBQ_InspectorBar-module__block--5q45J .UBQ_InspectorBar-module__scrollableContent--J0TUj > button {
  flex: 0 0 fit-content;
}
.UBQ_InspectorBar-module__block--5q45J.UBQ_InspectorBar-module__modeBar--YMbF3 .UBQ_InspectorBar-module__scrollableContent--J0TUj {
  margin-inline-start: 0;
}
.UBQ_InspectorBar-module__block--5q45J.UBQ_InspectorBar-module__fullWidth--gFk30 {
  width: 100%;
}
.UBQ_InspectorBar-module__block--5q45J.UBQ_InspectorBar-module__hidden--7qsJj {
  opacity: 0;
  pointer-events: none;
}
.UBQ_InspectorBar-module__block--5q45J:not(:has(.UBQ_InspectorBar-module__scrollableContent--J0TUj > *:not(hr):not(x-spacer))) {
  opacity: 0;
  pointer-events: none;
}
.UBQ_InspectorBar-module__modern--5GUuH.UBQ_InspectorBar-module__block--5q45J {
  padding: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/NavigationBarBuilder.module.scss */
.UBQ_NavigationBarBuilder-module__heading--6hOzh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/NavigationBar.module.scss */
.UBQ_NavigationBar-module__block--arCer {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: var(--ubq-margin-m) var(--ubq-margin-l);
  min-height: calc(var(--ubq-margin-xs) * 2 + var(--ubq-typography-button-m-line_height));
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--ubq-elevation-3-blur);
  border-bottom: 1px solid var(--ubq-stroke-contrast-1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.UBQ_NavigationBar-module__block--arCer::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_NavigationBar-module__block--arCer::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_NavigationBar-module__block--arCer::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_NavigationBar-module__block--arCer::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm {
  width: 100%;
  min-height: calc(var(--ubq-margin-xs) * 2 + var(--ubq-typography-button-m-line_height));
  display: flex;
  align-items: center;
  gap: var(--ubq-margin-m);
}
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm.UBQ_NavigationBar-module__renderOptimizedSmallViewport--3XGiN {
  gap: calc(1 * var(--ubq-margin-l));
}
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > * {
  min-height: calc(var(--ubq-margin-xs) * 2 + var(--ubq-typography-button-m-line_height));
  flex: 0 0 auto;
}
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > h1,
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > h2,
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > h3,
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > h4,
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > h5,
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > h6 {
  flex: 0 1 max-content;
  min-height: initial;
  min-width: 5ch;
  text-align: center;
}
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > hr {
  height: unset;
  align-self: stretch;
  margin: 0;
  flex: 0 0 1px;
}
.UBQ_NavigationBar-module__block--arCer .UBQ_NavigationBar-module__scrollableContent--pnGsm > button {
  flex: 0 0 fit-content;
}
.UBQ_NavigationBar-module__modern--xcm5y.UBQ_NavigationBar-module__block--arCer {
  padding: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/ErrorDialog.module.scss */
.UBQ_ErrorDialog-module__errorDialog--KnjHV p {
  width: 40ch;
  max-width: 100%;
  margin: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/builder/ComponentOrder.module.scss */
.UBQ_ComponentOrder-module__container--zAWeN > hr {
  display: none;
}
.UBQ_ComponentOrder-module__container--zAWeN > :not(hr, x-spacer):not(:empty) ~ hr:has(+ :not(hr, x-spacer):not(:empty)) {
  display: block;
}
@supports not selector(:has(a)) {
  .UBQ_ComponentOrder-module__container--zAWeN > :not(hr, x-spacer):not(:empty):not(:last-of-type) + hr {
    display: block;
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CustomPanelError.module.scss */
.UBQ_CustomPanelError-module__block--k98jX {
  width: 100%;
  padding-top: calc(var(--ubq-margin-xl) * 2);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.UBQ_CustomPanelError-module__heading--lmAVM {
  width: 100%;
  box-sizing: border-box;
  padding: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/scene/ClipContent/ClipContent.module.scss */
.UBQ_ClipContent-module__button--Y6fUP {
  flex: 1;
  text-align: center;
}
.UBQ_ClipContent-module__button--Y6fUP > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/scene/PageLayout/PageLayout.module.scss */
.UBQ_PageLayout-module__button--K7G9x {
  flex: 1;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/document/PageSettingsReadOnly.module.scss */
.UBQ_PageSettingsReadOnly-module__value--raz2H {
  font-family: var(--ubq-typography-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);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/Placeholder/PlaceholderSettings.module.scss */
.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i {
  background: var(--ubq-interactive-template-default);
  color: var(--ubq-foreground-accent);
}
.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:hover:not([data-active=true]):not(:active) {
  background: var(--ubq-interactive-template-hover);
}
.UBQ_PlaceholderSettings-module__placeholderPopoverButton--OBw2i:active {
  background: var(--ubq-interactive-template-pressed);
}
.UBQ_PlaceholderSettings-module__subScopeMenuItem--kdwPR {
  padding-left: var(--ubq-margin-l);
}
.UBQ_PlaceholderSettings-module__spacer--q-B6X {
  width: var(--ubq-margin-xs);
}
.UBQ_PlaceholderSettings-module__hidden--GpS4n {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.UBQ_PlaceholderSettings-module__separator--7Zpcr {
  margin: var(--ubq-margin-xs);
}
.UBQ_PlaceholderSettings-module__checkbox--GACd3:not(:last-child),
.UBQ_PlaceholderSettings-module__indentedCheckbox--j5RrA:not(:last-child) {
  margin-bottom: var(--ubq-margin-xs);
}
.UBQ_PlaceholderSettings-module__indentedCheckbox--j5RrA {
  padding-left: var(--ubq-margin-xl);
}
.UBQ_PlaceholderSettings-module__wrapper--aTaWS {
  height: 100%;
}
.UBQ_PlaceholderSettings-module__containerSection--iWUhH {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  height: calc(100% - 12 * var(--ubq-scale-base));
  box-sizing: border-box;
  overflow: auto;
}
.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_PlaceholderSettings-module__containerSection--iWUhH::-webkit-scrollbar-corner {
  background: transparent;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/InspectorPanelNameInput.module.scss */
.UBQ_InspectorPanelNameInput-module__input--OLYOo {
  display: flex;
  align-items: center;
}
.UBQ_InspectorPanelNameInput-module__renameTextInput--0xrWE {
  width: 100%;
  margin-left: 0 !important;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AlignAndArrangeDropdown.module.scss */
.UBQ_AlignAndArrangeDropdown-module__menu--d-w2r {
  min-width: calc(var(--ubq-scale-base) * 65);
  padding: 0;
  display: flex;
  flex-direction: column;
}
.UBQ_AlignAndArrangeDropdown-module__sectionContent--epGjE {
  display: flex;
  flex-direction: column;
  gap: var(--ubq-margin-s);
}
.UBQ_AlignAndArrangeDropdown-module__grid--bpuIA {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/AlignAndArrangeSectionRow.module.scss */
.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
  gap: calc(6 * var(--ubq-scale-base));
}
.UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
  display: flex;
  gap: var(--ubq-margin-s);
  margin-right: 0;
}
.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN.UBQ_AlignAndArrangeSectionRow-module__sectionRow--YCPJ7 {
  gap: var(--ubq-margin-m);
}
.UBQ_AlignAndArrangeSectionRow-module__modern--6jJoN .UBQ_AlignAndArrangeSectionRow-module__buttonGroup--BY3xO {
  gap: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/BlendModeSelect.module.scss */
.UBQ_BlendModeSelect-module__options--Oel9f {
  max-height: calc(var(--ubq-scale-base) * 108);
}
.UBQ_BlendModeSelect-module__smallViewport--CNKnK {
  max-height: calc(var(--ubq-scale-base) * 64);
}
.UBQ_BlendModeSelect-module__option--CBAfX {
  min-width: calc(var(--ubq-scale-base) * 42);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/generic/inspector/Transform/Transform.module.scss */
.UBQ_Transform-module__rotationGroup--z2I6N {
  display: flex;
}
.UBQ_Transform-module__rotationGroup--z2I6N > *:not(:last-child) {
  margin-right: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/text/TextBackgroundControls.module.scss */
.UBQ_TextBackgroundControls-module__popoverContent--qy726 {
  width: calc(60 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSize/FontSize.module.scss */
.UBQ_FontSize-module__inputLabel--volPX {
  flex-shrink: 0;
}
.UBQ_FontSize-module__labelBox--GYggq {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding-right: 0;
  color: var(--ubq-foreground-default);
}
.UBQ_FontSize-module__labelBox--GYggq:hover {
  color: var(--ubq-foreground-default);
  background: var(--ubq-input-default);
}
.UBQ_FontSize-module__inBar--0otIU {
  width: calc(var(--ubq-scale-base) * 19);
  flex-shrink: 0;
}
.UBQ_FontSize-module__modern--CRnLa.UBQ_FontSize-module__inBar--0otIU {
  width: calc(var(--ubq-scale-base) * 23);
}
.UBQ_FontSize-module__modern--CRnLa .UBQ_FontSize-module__labelBox--GYggq {
  border-radius: var(--ubq-border_radius-m);
  height: calc(var(--ubq-margin-s) * 2 + var(--ubq-typography-input-m-line_height));
  padding-block: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontSizeRange/FontSizeRange.module.scss */
.UBQ_FontSizeRange-module__segmentedGroup--N2N-B {
  grid-template-columns: 1fr 1fr;
  grid-gap: calc(var(--ubq-margin-xs) / 2);
}
.UBQ_FontSizeRange-module__segmentedGroup--N2N-B > * > input {
  border-radius: inherit;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontStyleSelect/FontStyleSelect.module.scss */
.UBQ_FontStyleSelect-module__inBar--F0-HH {
  min-width: calc(var(--ubq-scale-base) * 22);
  max-width: calc(var(--ubq-scale-base) * 22);
}
.UBQ_FontStyleSelect-module__separator--Cv1QZ {
  height: 1px;
  width: 100%;
  margin: var(--ubq-margin-xs) 0;
  flex-shrink: 0;
  background: var(--ubq-stroke-contrast-1);
  border: none;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/FontStyleSelect/FontStyleSelectItem.module.scss */
.UBQ_FontStyleSelectItem-module__block--O1xQO {
  min-width: 100px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/TypefaceSelect/TypefaceSelect.module.scss */
.UBQ_TypefaceSelect-module__block---i9F3 {
  padding: 0;
  width: min(var(--ubq-scale-base) * 75, 0.6 * var(--ubq_internal-containerquery-width, 60vw));
  min-width: calc(50 * var(--ubq-scale-base));
}
.UBQ_TypefaceSelect-module__options--YnDoG {
  padding-inline: var(--ubq-margin-s);
}
.UBQ_TypefaceSelect-module__search--u75dX {
  margin-block: var(--ubq-margin-s);
}
.UBQ_TypefaceSelect-module__separator--FSE-- {
  margin: 0;
}
.UBQ_TypefaceSelect-module__noResults--3mQ7X {
  margin-inline: var(--ubq-margin-s);
  margin-block: var(--ubq-margin-xs);
  color: var(--ubq-foreground-light);
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-label-s-font_family));
  font-size: var(--ubq-typography-label-s-size);
  font-weight: var(--ubq-typography-label-s-weight);
  letter-spacing: var(--ubq-typography-label-s-letter_spacing);
  line-height: var(--ubq-typography-label-s-line_height);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/TypefaceSelect/TypefaceSelectItem.module.scss */
.UBQ_TypefaceSelectItem-module__block--pzqad {
  display: flex;
  align-items: center;
  height: calc(var(--ubq-scale-base) * 7.5);
}
.UBQ_TypefaceSelectItem-module__text--B3knY {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/FontInput/FontInput.module.scss */
.UBQ_FontInput-module__block--DCCC5 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 24px;
  column-gap: var(--ubq-margin-s);
  row-gap: var(--ubq-margin-s);
}
.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
.UBQ_FontInput-module__fontStyleSelect--8--vg {
  display: flex;
}
.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
.UBQ_FontInput-module__fontStyleSelect--8--vg {
  display: flex;
}
.UBQ_FontInput-module__fontFamilySelect--CIZ0u,
.UBQ_FontInput-module__fontSizeSelect--flszW {
  grid-column-start: 1;
  grid-column-end: span 3;
}
.UBQ_FontInput-module__fontStyleSelect--8--vg,
.UBQ_FontInput-module__fontStyleToggles--XOeir {
  grid-column-start: 4;
  grid-column-end: span 3;
}
.UBQ_FontInput-module__fontStyleToggles--XOeir {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/Cutout/CutoutType/CutoutType.module.scss */
.UBQ_CutoutType-module__option--1kzfV {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--ubq-margin-xs);
  min-width: 70px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/BooleanOperations/BooleanOperationsErrorDialog.module.scss */
.UBQ_BooleanOperationsErrorDialog-module__dialog--dfiOa > div {
  width: calc(var(--ubq-scale-base) * 80);
}
.UBQ_BooleanOperationsErrorDialog-module__dialog--dfiOa > div .UBQ_BooleanOperationsErrorDialog-module__heading--6oMaL {
  white-space: normal;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/InspectorPanel.module.scss */
.UBQ_InspectorPanel-module__renameButton---BwuO {
  flex: 0 0 auto;
  margin-left: var(--ubq-margin-xs);
}
.UBQ_InspectorPanel-module__viewmodeButtonGroup--NnGhV {
  grid-auto-columns: 1fr;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Credits.module.scss */
.UBQ_Credits-module__block---OeoC {
  max-height: 70vh;
  overflow-y: auto;
}
.UBQ_Credits-module__header--1oyNH {
  display: flex;
  align-items: center;
}
.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__version--HQm60 {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  color: var(--ubq-foreground-default);
}
.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__headerLeft--0V20Z {
  padding-right: var(--ubq-margin-l);
}
.UBQ_Credits-module__header--1oyNH .UBQ_Credits-module__description---Smvk {
  color: var(--ubq-foreground-default);
}
.UBQ_Credits-module__cesdkLogo--nW5AU {
  color: var(--ubq-foreground-default);
}
.UBQ_Credits-module__igorContainer--xxKV9 {
  padding: var(--ubq-margin-l);
}
.UBQ_Credits-module__contributors--s2Cig {
  column-count: 3;
}
.UBQ_Credits-module__singleColumn--N0sgh {
  column-count: 1;
}
.UBQ_Credits-module__imglyLogo--nuOv- {
  width: 58px !important;
  height: 13px !important;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Credits/Igor.module.scss */
.UBQ_Igor-module__block--PPnie {
  width: 100%;
  height: 100%;
  color: white;
}
.UBQ_Igor-module__block--PPnie:hover {
  cursor: not-allowed;
}
.UBQ_Igor-module__block--PPnie svg {
  pointer-events: none;
}
.UBQ_Igor-module__block--PPnie.UBQ_Igor-module__pissed--T4eg3 {
  animation: 3.5s linear 0s UBQ_Igor-module__igor-pissed--EVQ0o;
}
@keyframes UBQ_Igor-module__ubq-igor-eye--oVe3D {
  0% {
    transform: translate3d(0px, 0.3px, 0px);
  }
  25% {
    transform: translate3d(-0.5px, 0.5px, 0px);
  }
  75% {
    transform: translate3d(0.5px, 0.5px, 0px);
  }
  100% {
    transform: translate3d(0px, 0.3px, 0px);
  }
}
@keyframes UBQ_Igor-module__igor-pissed--EVQ0o {
  25% {
    transform: scale(1.1) translate3d(-10px, -20px, 0) rotate(0.1turn);
  }
  50% {
    transform: scale(1.2) translate3d(-10px, 10px, 0) rotate(-0.1turn);
  }
  to {
    transform: scale(1.1) translate3d(0, 0, 0) rotate(0.1turn);
    opacity: 0.2;
  }
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/AssetPanelSection.module.scss */
.UBQ_AssetPanelSection-module__button--T84IN {
  flex: 1;
}
.UBQ_AssetPanelSection-module__button--T84IN > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/DockIconSizeSelect.module.scss */
.UBQ_DockIconSizeSelect-module__button--ZhQKf {
  flex: 1;
}
.UBQ_DockIconSizeSelect-module__button--ZhQKf > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/DockLabelVisibilityToggle.module.scss */
.UBQ_DockLabelVisibilityToggle-module__button--q3QDL {
  flex: 1;
}
.UBQ_DockLabelVisibilityToggle-module__button--q3QDL > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPanelSection.module.scss */
.UBQ_InspectorPanelSection-module__button--p-gav {
  flex: 1;
}
.UBQ_InspectorPanelSection-module__button--p-gav > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/InspectorPositionSelect.module.scss */
.UBQ_InspectorPositionSelect-module__button--ebMYa {
  flex: 1;
  text-align: center;
}
.UBQ_InspectorPositionSelect-module__button--ebMYa > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/LanguageSelect.module.scss */
.UBQ_LanguageSelect-module__option--0FoJ- {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 70px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleAppendPageNameToggle.module.scss */
.UBQ_PageTitleAppendPageNameToggle-module__button--9V94o {
  flex: 1;
}
.UBQ_PageTitleAppendPageNameToggle-module__button--9V94o > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleDefaultTitleVisibilityToggle.module.scss */
.UBQ_PageTitleDefaultTitleVisibilityToggle-module__button--q5EJU {
  flex: 1;
}
.UBQ_PageTitleDefaultTitleVisibilityToggle-module__button--q5EJU > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleShowOnSinglePageToggle.module.scss */
.UBQ_PageTitleShowOnSinglePageToggle-module__button--SVO3I {
  flex: 1;
}
.UBQ_PageTitleShowOnSinglePageToggle-module__button--SVO3I > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/PageTitleVisibilityToggle.module.scss */
.UBQ_PageTitleVisibilityToggle-module__button--9bv5W {
  flex: 1;
}
.UBQ_PageTitleVisibilityToggle-module__button--9bv5W > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ReplacePanelSection.module.scss */
.UBQ_ReplacePanelSection-module__button--iWiqH {
  flex: 1;
}
.UBQ_ReplacePanelSection-module__button--iWiqH > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/RoleSelect.module.scss */
.UBQ_RoleSelect-module__option--rbjSf {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 70px;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ScalingSelect.module.scss */
.UBQ_ScalingSelect-module__button--SuD4n {
  flex: 1;
}
.UBQ_ScalingSelect-module__button--SuD4n > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ThemeSelect.module.scss */
.UBQ_ThemeSelect-module__button--yhuSS {
  flex: 1;
  text-align: center;
}
.UBQ_ThemeSelect-module__button--yhuSS > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/SettingsPanel/ViewSelect.module.scss */
.UBQ_ViewSelect-module__button--bD9lO {
  flex: 1;
  text-align: center;
}
.UBQ_ViewSelect-module__button--bD9lO > span > span {
  text-align: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/UploadModal/UploadModal.module.scss */
.UBQ_UploadModal-module__content--bWxul p {
  width: 40ch;
  margin: 0;
}

/* 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) * 12);
}
.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-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) * 12);
  padding-inline: var(--ubq-margin-l);
  visibility: hidden;
  z-index: -999999;
}

/* 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/Clip.module.scss */
.UBQ_Clip-module__ghost--tCq5- {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: "hidden";
  background-color: var(--ubq-elevation-3);
  border: 1px dashed var(--ubq-focus-default);
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/ClipAtlas.module.scss */
.UBQ_ClipAtlas-module__videoAtlas--vAotA {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}
.UBQ_ClipAtlas-module__staticAtlas--gs2HR {
  display: block;
  position: absolute;
  inset: 0;
  background-repeat: repeat-x;
  background-size: contain;
}
.UBQ_ClipAtlas-module__thumbnail--iaJWJ {
  max-width: calc(var(--ubq-scale-base) * 14);
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.UBQ_ClipAtlas-module__audioAtlas--FJKNv {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: inherit;
  -webkit-mask-size: contain;
  mask-size: contain;
  height: 100%;
  background-color: var(--ubq-foreground-default);
  opacity: 0.2;
}
.UBQ_ClipAtlas-module__placeholder--sBp8n {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-repeat: repeat-x;
}
.UBQ_ClipAtlas-module__leftPlaceholder--9d7to {
  background-position: right top;
}
.UBQ_ClipAtlas-module__animatedBackground--iH96z {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  background:
    linear-gradient(
      to right,
      transparent 20%,
      var(--ubq-interactive-pressed) 50%,
      transparent 80%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: translateX(-100%);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimelineControls.module.scss */
.UBQ_VideoTimelineControls-module__block--51LSm {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: max-content;
  justify-items: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: var(--ubq-margin-s) var(--ubq-margin-l);
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.UBQ_VideoTimelineControls-module__group--O98jr {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  gap: var(--ubq-margin-s);
}
.UBQ_VideoTimelineControls-module__group--O98jr:first-child {
  justify-self: flex-start;
}
.UBQ_VideoTimelineControls-module__group--O98jr:last-child {
  justify-self: flex-end;
}
.UBQ_VideoTimelineControls-module__playbackControls--tTdue {
  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__playbackControlsSmall--bt51V {
  grid-template-columns: 2fr min-content 1fr;
}
.UBQ_VideoTimelineControls-module__playbackInfo--qBo24 {
  font-family: var(--ubq-typography-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;
  gap: var(--ubq-margin-xs);
  padding-inline-end: var(--ubq-margin-xs);
  font-variant-numeric: tabular-nums;
}
.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);
}
.UBQ_VideoTimelineControls-module__modern--SBxyN.UBQ_VideoTimelineControls-module__block--51LSm {
  padding: var(--ubq-margin-s) var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/utils/getScrollbarHeight.module.scss */
.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_getScrollbarHeight-module__scrollbarMeasurement--5EFDV::-webkit-scrollbar-corner {
  background: transparent;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/design-system/components/CaptionDragBounds/NewTimeline.module.scss */
.UBQ_NewTimeline-module__timeline--6rCKO {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.UBQ_NewTimeline-module__dragBounds--BnVaf {
  display: grid;
  grid-auto-flow: row;
  align-items: stretch;
  min-width: 100%;
  width: max-content;
  height: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_NewTimeline-module__droppableTrack--dFtao {
  padding-top: calc(var(--ubq-margin-base) * 0.25);
  padding-bottom: calc(var(--ubq-margin-base) * 0.25);
  border-top: calc(var(--ubq-margin-base) * 0.5) solid transparent;
  width: 100%;
}
.UBQ_NewTimeline-module__droppableTrack--dFtao.UBQ_NewTimeline-module__dropping--7N8Ng {
  border-top: calc(var(--ubq-margin-base) * 0.5) solid var(--ubq-focus-default);
}
.UBQ_NewTimeline-module__timelineElement--yFnTG {
  position: absolute;
}
.UBQ_NewTimeline-module__fixed--mrFbh {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.UBQ_NewTimeline-module__ghost--loxmc {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: "hidden";
  opacity: 0.55;
  background-color: var(--ubq-elevation-3);
  border: calc(var(--ubq-scale-base) / 2) solid var(--ubq-focus-default);
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/SelectionRectangle.module.scss */
.UBQ_SelectionRectangle-module__rectangle--IhB4f {
  position: absolute;
  border: 1px solid var(--ubq-static-selection-frame);
  background-color: color-mix(in srgb, var(--ubq-static-selection-frame) 10%, transparent);
  pointer-events: none;
  z-index: 1000;
  z-index: calc(infinity);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Video/VideoTimeline.module.scss */
.UBQ_VideoTimeline-module__blockWrapper--h7Hee {
  position: relative;
  align-self: end;
  isolation: isolate;
  margin: 0 var(--ubq-margin-m) var(--ubq-margin-m) var(--ubq-margin-m);
}
.UBQ_VideoTimeline-module__blockWrapper--h7Hee,
.UBQ_VideoTimeline-module__blockWrapper--h7Hee * {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_VideoTimeline-module__block--7jS2p {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  background: var(--ubq-elevation-1-blur);
  border: 1px solid var(--ubq-stroke-contrast-1);
  border-radius: var(--ubq-border_radius-xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: calc(var(--ubq_internal-containerquery-height) - max(var(--ubq_internal-containerquery-height) * 0.4, 200px) - var(--ubq-margin-m));
}
.UBQ_VideoTimeline-module__block--7jS2p::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.UBQ_VideoTimeline-module__resizeHandle--BwFFh {
  position: absolute;
  top: 0;
  left: var(--ubq-margin-m);
  right: var(--ubq-margin-m);
  transform: translateY(-50%);
  height: calc(var(--ubq-scale-base) * 0.5);
  background-color: var(--ubq-focus-default);
  border-radius: var(--ubq-border_radius-s);
  z-index: 10;
  opacity: 0;
  transition: 0.2s opacity 0.2s ease-in-out;
}
.UBQ_VideoTimeline-module__resizeHandle--BwFFh::after {
  content: "";
  position: absolute;
  top: calc(var(--ubq-scale-base) * -2.5);
  inset-inline: calc(-1 * var(--ubq-margin-m));
  height: calc(var(--ubq-scale-base) * 5);
}
.UBQ_VideoTimeline-module__resizeHandle--BwFFh:hover:not([aria-disabled=true]),
.UBQ_VideoTimeline-module__resizeHandle--BwFFh[data-resizing=true] {
  opacity: 1;
  cursor: row-resize;
}
.UBQ_VideoTimeline-module__scrollContainerWrapper--7dmag {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.UBQ_VideoTimeline-module__scrollContainer--ZSu2E {
  isolation: isolate;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--ubq-foreground-info) transparent;
  overflow: scroll;
  scrollbar-gutter: both-edges;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar {
  width: calc(2 * var(--ubq-scale-base));
  height: calc(1.5 * var(--ubq-scale-base));
}
.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-track {
  background: transparent;
  margin: var(--ubq-margin-s) var(--ubq-margin-s);
}
.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-thumb {
  background-color: var(--ubq-foreground-info);
  border-radius: var(--ubq-border_radius-m);
}
.UBQ_VideoTimeline-module__scrollContainer--ZSu2E::-webkit-scrollbar-corner {
  background: transparent;
}
.UBQ_VideoTimeline-module__scrollContainer--ZSu2E.UBQ_VideoTimeline-module__hideVerticalOverflow--dPGRy {
  overflow-y: hidden;
}
.UBQ_VideoTimeline-module__timelineWrapper--3GAM9 {
  flex-shrink: 0;
  position: relative;
  min-width: 100%;
  min-height: 100%;
  width: max-content;
  display: grid;
  grid-template-rows: max-content auto max-content;
}
.UBQ_VideoTimeline-module__timelineWrapper--3GAM9.UBQ_VideoTimeline-module__simplifiedTimeline--y63s8 {
  grid-template-rows: max-content max-content max-content;
}
.UBQ_VideoTimeline-module__foregroundTracks--NrHt- {
  margin-block: var(--ubq-margin-xs);
  margin-right: var(--ubq-margin-l);
  align-self: flex-end;
}
.UBQ_VideoTimeline-module__foregroundTracks--NrHt-.UBQ_VideoTimeline-module__simplifiedTimeline--y63s8 {
  margin-top: 0;
  align-self: center;
}
.UBQ_VideoTimeline-module__foregroundTracks--NrHt-.UBQ_VideoTimeline-module__fluidHeight--SoR0g {
  height: max-content;
}
.UBQ_VideoTimeline-module__backgroundTracks--KH3zZ {
  position: sticky;
  bottom: 0;
  isolation: isolate;
  box-sizing: border-box;
  min-width: 100%;
  width: max-content;
  min-height: calc(var(--ubq-scale-base) * 16);
  height: fit-content;
  align-self: self-end;
  padding-top: var(--ubq-margin-s);
  padding-bottom: var(--ubq-margin-m);
  padding-right: var(--ubq-margin-l);
  display: grid;
  grid-template-columns: repeat(2, max-content);
  grid-template-areas: "background-clips add-button";
  align-items: center;
  gap: var(--ubq-margin-m);
  background-color: var(--ubq-elevation-2);
  border-top: 1px solid var(--ubq-stroke-contrast-1);
  z-index: 2;
}
.UBQ_VideoTimeline-module__timeRuler--jUJdX {
  position: sticky;
  top: -1px;
  z-index: 1;
}
.UBQ_VideoTimeline-module__hideVerticalOverflow--dPGRy .UBQ_VideoTimeline-module__timeRuler--jUJdX {
  border-bottom: none;
}

/* esbuild-sass-plugin:css-chunk:packages/cesdk/themes/GlobalStyles.module.scss */
.react-draggable-transparent-selection {
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_GlobalStyles-module__block--zGWhl {
  height: 100%;
  width: 100%;
}
:host {
  all: initial;
}

/* esbuild-sass-plugin:css-chunk:packages/cesdk/components/IconSets.module.scss */
.UBQ_IconSets-module__block--1Epfj {
  width: 0px;
  height: 0px;
  box-sizing: border-box;
  overflow: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/cesdk/components/Editor/Editor.module.scss */
.UBQ_Editor-module__globalContainerQuery--Jq7sz {
  height: 100%;
  width: 100%;
  isolation: isolate;
  overflow: hidden;
}
.UBQ_Editor-module__block--XnWXF {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "editor";
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.UBQ_Editor-module__block--XnWXF > * {
  grid-area: editor;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.UBQ_Editor-module__layout--wlINr {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  opacity: 1 !important;
  pointer-events: none;
}
.UBQ_Editor-module__layout--wlINr > * {
  pointer-events: auto;
}
.UBQ_Editor-module__navigation--x2yHa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 auto;
  -webkit-user-select: none;
  user-select: none;
}
.UBQ_Editor-module__navigation--x2yHa.UBQ_Editor-module__bottom--tua5R {
  order: 1;
}
.UBQ_Editor-module__body--Pwi6o {
  position: relative;
  width: 100%;
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 1fr max-content;
  grid-template-areas: "dockLeft canvas dockRight" "dockBottom dockBottom dockBottom";
  overflow: hidden;
  pointer-events: none;
}
.UBQ_Editor-module__body--Pwi6o > * {
  pointer-events: auto;
}
.UBQ_Editor-module__dockLeft--74aFg {
  grid-area: dockLeft;
}
.UBQ_Editor-module__dockRight--TTGTL {
  grid-area: dockRight;
}
.UBQ_Editor-module__dockBottom---Aj-s {
  grid-area: dockBottom;
}
.UBQ_Editor-module__canvasViewport--URkpK {
  grid-area: canvas;
  position: relative;
  display: flex;
  overflow: hidden;
  pointer-events: none;
}
.UBQ_Editor-module__canvasViewport--URkpK > * {
  pointer-events: auto;
}
.UBQ_Editor-module__canvasAndTimelineWrapper--8yyeK {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: none;
}
.UBQ_Editor-module__canvasAndTimelineWrapper--8yyeK > * {
  pointer-events: auto;
}
.UBQ_Editor-module__canvasContainer--oG4y4 {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: none;
}
.UBQ_Editor-module__canvasContainer--oG4y4 > * {
  pointer-events: auto;
}
.UBQ_Editor-module__bottomArea--o8Z9Z {
  flex: 0 0 auto;
  min-width: 0;
  display: grid;
  grid-template-areas: "stack";
  grid-template-columns: minmax(0, 1fr);
}
.UBQ_Editor-module__bottomArea--o8Z9Z > * {
  grid-area: stack;
  min-width: 0;
}
.UBQ_Editor-module__videoTimeline--CUN-C {
  overflow: hidden;
}
.UBQ_Editor-module__dialog--kJqRj {
  width: calc(var(--ubq-scale-base) * 100);
}
.UBQ_Editor-module__notifications--qaddH {
  z-index: 90;
  position: absolute;
  right: var(--ubq-margin-m);
  bottom: var(--ubq-margin-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/CanvasBarAddPageButton.module.scss */
.UBQ_CanvasBarAddPageButton-module__block--Y2Z-1 {
  background: var(--ubq-elevation-1);
  border-radius: var(--ubq-border_radius-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/CanvasBarSettingsButton.module.scss */
.UBQ_CanvasBarSettingsButton-module__block--gYXgN {
  background: var(--ubq-elevation-1);
  border-radius: var(--ubq-border_radius-s);
}
.UBQ_CanvasBarSettingsButton-module__block--gYXgN.UBQ_CanvasBarSettingsButton-module__modern--xt7GJ {
  border-radius: var(--ubq-border_radius-m);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/TextCanvasActions/TextVariableAction/TextVariableAction.module.scss */
.UBQ_TextVariableAction-module__optionLabel--yRJ8W {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionForm.module.scss */
.UBQ_CaptionForm-module__block--4ESXW {
  display: grid;
  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
  grid-template-rows: auto;
  gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionInput.module.scss */
.UBQ_CaptionInput-module__captionInputWrapper---E69c {
  --ubq_internal-caption_panel-time_inputs-row_height: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: var(--ubq-margin-s);
  position: relative;
}
.UBQ_CaptionInput-module__captionInputWrapper---E69c textarea {
  height: calc(8 * var(--ubq-scale-base));
  min-height: calc(8 * var(--ubq-scale-base));
  max-height: unset;
}
.UBQ_CaptionInput-module__captionInputWrapper---E69c .UBQ_CaptionInput-module__timeInputs--i4wmQ + textarea {
  height: calc(16 * var(--ubq-scale-base) + var(--ubq-margin-xs));
  min-height: calc(16 * var(--ubq-scale-base) + var(--ubq-margin-xs));
}
.UBQ_CaptionInput-module__captionInputWrapper---E69c:has(> .UBQ_CaptionInput-module__timeInputs--i4wmQ) {
  grid-template-columns: calc(18 * var(--ubq-scale-base)) 1fr;
  grid-template-rows: inherit;
}
.UBQ_CaptionInput-module__captionInputWrapper---E69c::before {
  content: " ";
  position: absolute;
  left: calc(-1 * var(--ubq-margin-s));
  width: calc(var(--ubq-scale-base) / 2);
  height: 100%;
  background-color: transparent;
}
.UBQ_CaptionInput-module__captionInputWrapper---E69c:hover::before {
  background-color: var(--ubq-interactive-hover);
}
.UBQ_CaptionInput-module__captionInputWrapper---E69c[data-selected=true]::before {
  background-color: var(--ubq-interactive-accent-default);
}
.UBQ_CaptionInput-module__timeInputs--i4wmQ {
  display: flex;
  flex-direction: column;
  gap: var(--ubq-margin-xs);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionRow.module.scss */
.UBQ_CaptionRow-module__block--ipIhT {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
  grid-template-rows: auto;
  gap: var(--ubq-margin-s);
}
.UBQ_CaptionRow-module__block--ipIhT:hover .UBQ_CaptionRow-module__rowOptionsMenu--WQMH9,
.UBQ_CaptionRow-module__block--ipIhT:has(.UBQ_CaptionRow-module__captionInput--fVJMX[data-selected=true]) .UBQ_CaptionRow-module__rowOptionsMenu--WQMH9 {
  visibility: visible;
}
.UBQ_CaptionRow-module__rowOptionsMenu--WQMH9 {
  align-self: start;
  visibility: hidden;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionPanelAdd.module.scss */
.UBQ_CaptionPanelAdd-module__wrapper--0S1tg {
  display: grid;
  grid-template-columns: 1fr calc(6 * var(--ubq-scale-base));
  gap: var(--ubq-margin-s);
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionImport.module.scss */
.UBQ_CaptionImport-module__paragraph--5xKW- {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-body-m-font_family));
  font-size: var(--ubq-typography-body-m-size);
  font-weight: var(--ubq-typography-body-m-weight);
  letter-spacing: var(--ubq-typography-body-m-letter_spacing);
  line-height: var(--ubq-typography-body-m-line_height);
  text-align: center;
  color: var(--ubq-foreground-light);
}
.UBQ_CaptionImport-module__fileUploadButton--LG4LK {
  margin-right: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/panels/CaptionPanel/CaptionPresetLibrary.module.scss */
.UBQ_CaptionPresetLibrary-module__wrapper--yqCtU {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.UBQ_CaptionPresetLibrary-module__wrapper--yqCtU [class*=AssetLibraryGrid-module__block],
.UBQ_CaptionPresetLibrary-module__wrapper--yqCtU [class*=AssetLibraryOverview-module__block] {
  padding: 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/OpacityOptions.module.scss */
.UBQ_OpacityOptions-module__opacityPopoverContent--vm6Wu {
  width: calc(60 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/stroke/StrokeControls.module.scss */
.UBQ_StrokeControls-module__popoverContent--DfgE7 {
  width: calc(60 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/Inspector/vectorEdit/VectorEditMirrorMode.module.scss */
.UBQ_VectorEditMirrorMode-module__option--P1EJz {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.UBQ_VectorEditMirrorMode-module__option--P1EJz > *:not(:last-child) {
  margin-right: var(--ubq-margin-xs);
}
.UBQ_VectorEditMirrorMode-module__option--P1EJz svg {
  height: calc(4 * var(--ubq-scale-base));
  width: calc(4 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/inputs/Cutout/CutoutSmoothing/CutoutSmoothing.module.scss */
.UBQ_CutoutSmoothing-module__popoverContent--bzG-7 {
  width: calc(60 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/shapes/common/ShapeOptions.module.scss */
.UBQ_ShapeOptions-module__shapePopoverContent--43lVm {
  width: calc(60 * var(--ubq-scale-base));
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/blocks/text/TextAlignmentSelect/TextAlignmentSelect.module.scss */
.UBQ_TextAlignmentSelect-module__option--YlC8o {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.UBQ_TextAlignmentSelect-module__option--YlC8o > *:not(:last-child) {
  margin-right: var(--ubq-margin-xs);
}
.UBQ_TextAlignmentSelect-module__option--YlC8o svg {
  height: calc(4 * var(--ubq-scale-base));
  width: calc(4 * var(--ubq-scale-base));
}
.UBQ_TextAlignmentSelect-module__divider--omZFb {
  display: block;
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background: var(--ubq-stroke-contrast-1);
  border: none;
  margin: var(--ubq-margin-xs) 0;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/NavigationBarUndoControls.module.scss */
.UBQ_NavigationBarUndoControls-module__block--mNDbM {
  display: inline-flex;
}

/* esbuild-sass-plugin:css-chunk:packages/ui/components/NavigationBarZoomControls.module.scss */
.UBQ_NavigationBarZoomControls-module__label--hxaR- {
  min-width: calc(19 * var(--ubq-scale-base));
}
.UBQ_NavigationBarZoomControls-module__label--hxaR- > span > span {
  text-align: left;
}
.UBQ_NavigationBarZoomControls-module__optionsMenu--VYvd9 .UBQ_NavigationBarZoomControls-module__option--xgHwa > span {
  font-family: var(--ubq-typography-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);
  position: relative;
  padding-left: var(--ubq-margin-l);
  border-radius: var(--ubq-border_radius-s);
  color: var(--ubq-foreground-default);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.UBQ_NavigationBarZoomControls-module__optionsMenu--VYvd9 .UBQ_NavigationBarZoomControls-module__option--xgHwa > span .UBQ_NavigationBarZoomControls-module__checkIcon--42pMU {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
}
.UBQ_NavigationBarZoomControls-module__optionsMenu--VYvd9 .UBQ_NavigationBarZoomControls-module__option--xgHwa > span .UBQ_NavigationBarZoomControls-module__shortcutContainer--nioUn {
  font-family: var(--ubq-typography-font_family, var(--ubq-typography-input-m-font_family));
  font-size: var(--ubq-typography-input-m-size);
  font-weight: var(--ubq-typography-input-m-weight);
  letter-spacing: var(--ubq-typography-input-m-letter_spacing);
  line-height: var(--ubq-typography-input-m-line_height);
  color: var(--ubq-foreground-info);
  display: inline-flex;
  align-items: center;
  flex-grow: 0;
  margin-left: calc(var(--ubq-margin-base) * 14);
}
.UBQ_NavigationBarZoomControls-module__optionsMenu--VYvd9 .UBQ_NavigationBarZoomControls-module__option--xgHwa > span .UBQ_NavigationBarZoomControls-module__shortcutContainer--nioUn > svg {
  height: calc(var(--ubq-scale-base) * 4);
  width: calc(var(--ubq-scale-base) * 4);
}