@cesdk/cesdk-js 1.8.0-alpha.0 → 1.8.0-alpha.1

package/assets/ui/stylesheets/cesdk.css

@@ -1,7 +1,7 @@
 .UBQ_Button__block--HEFkx{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:z("default");margin:0;border:none;border-radius:var(--ubq-border_radius-s);min-width:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-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__block--HEFkx>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__block--HEFkx>span>span{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;margin:0 var(--ubq-margin-xs)}.UBQ_Button__block--HEFkx>span>svg{height:var(--ubq-typography-button-m-line_height);width:var(--ubq-typography-button-m-line_height)}.UBQ_Button__block--HEFkx>span>svg:first-child{margin-left:calc(var(--ubq-margin-xs)/2)}.UBQ_Button__block--HEFkx>span>svg:last-child{margin-right:calc(var(--ubq-margin-xs)/2)}.UBQ_Button__block--HEFkx>span>svg:only-child{margin:0}.UBQ_Button__block--HEFkx[data-loading=true]{pointer-events:none}.UBQ_Button__block--HEFkx .UBQ_Button__spinner--XO4xq{height:var(--ubq-typography-button-m-line_height);width:var(--ubq-typography-button-m-line_height)}.UBQ_Button__block--HEFkx .UBQ_Button__spinner--XO4xq>svg{height:inherit;width:inherit;stroke-width:2}.UBQ_Button__block--HEFkx svg{color:inherit;flex-shrink:0}.UBQ_Button__block--HEFkx:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-hover);color:var(--ubq-foreground-default)}.UBQ_Button__block--HEFkx:active{background:var(--ubq-interactive-pressed);color:var(--ubq-foreground-default)}.UBQ_Button__block--HEFkx:disabled{opacity:.55;pointer-events:none}@supports not (contain: none){.UBQ_Button__block--HEFkx:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);background:var(--ubq-interactive-hover)}}.UBQ_Button__block--HEFkx:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);background:var(--ubq-interactive-hover)}.UBQ_Button__link--VBmmF{text-decoration:none}.UBQ_Button__ubq-variant_Accent--__QkQ{background:var(--ubq-interactive-accent-default);color:var(--ubq-foreground-accent)}.UBQ_Button__ubq-variant_Accent--__QkQ:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-accent-hover);color:var(--ubq-foreground-accent)}.UBQ_Button__ubq-variant_Accent--__QkQ:active{background:var(--ubq-interactive-accent-pressed);color:var(--ubq-foreground-accent)}@supports not (contain: none){.UBQ_Button__ubq-variant_Accent--__QkQ:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-accent);background:var(--ubq-interactive-accent-hover)}}.UBQ_Button__ubq-variant_Accent--__QkQ:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-accent);background:var(--ubq-interactive-accent-hover)}.UBQ_Button__ubq-variant_Danger--fq41d{background:var(--ubq-interactive-danger-default);color:var(--ubq-foreground-accent)}.UBQ_Button__ubq-variant_Danger--fq41d:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-danger-hover)}.UBQ_Button__ubq-variant_Danger--fq41d:active{background:var(--ubq-interactive-danger-pressed)}@supports not (contain: none){.UBQ_Button__ubq-variant_Danger--fq41d:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-accent);background:var(--ubq-interactive-danger-hover)}}.UBQ_Button__ubq-variant_Danger--fq41d:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-accent);background:var(--ubq-interactive-danger-hover)}.UBQ_Button__ubq-variant_Plain--UDC0y{background:none}.UBQ_Button__ubq-variant_Active--MLf8x{background:var(--ubq-interactive-active-default);color:var(--ubq-foreground-active)}.UBQ_Button__ubq-variant_Active--MLf8x:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-active-hover)}.UBQ_Button__ubq-variant_Active--MLf8x:active{background:var(--ubq-interactive-active-pressed);color:var(--ubq-foreground-active)}@supports not (contain: none){.UBQ_Button__ubq-variant_Active--MLf8x:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-active);background:var(--ubq-interactive-active-hover)}}.UBQ_Button__ubq-variant_Active--MLf8x:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-active);background:var(--ubq-interactive-active-hover)}.UBQ_Button__ubq-variant_Selected--sm8yc{background:var(--ubq-interactive-selected);box-shadow:inset 0 0 0 1px var(--ubq-border-outline)}.UBQ_Button__ubq-size_Large--txKDF{padding:var(--ubq-margin-m)}@keyframes UBQ_Button__spin--_7gQN{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
 .UBQ_PlainToggleButton__block--w1sg_{background:none;color:var(--ubq-foreground-default)}.UBQ_PlainToggleButton__block--w1sg_:hover:not(:active){background:var(--ubq-interactive-hover)}.UBQ_PlainToggleButton__block--w1sg_:active{background:var(--ubq-interactive-pressed);color:var(--ubq-foreground-default)}@supports not (contain: none){.UBQ_PlainToggleButton__block--w1sg_:focus{background:var(--ubq-interactive-hover);color:var(--ubq-foreground-default)}}.UBQ_PlainToggleButton__block--w1sg_:focus-visible{background:var(--ubq-interactive-hover);color:var(--ubq-foreground-default)}
 .UBQ_Theme__block--ZM2Cr{height:100%;width:100%}.UBQ_Theme__transition--_mgYZ * *{transition:color,background-color .2s ease-in-out}
-.UBQ_Layout__block--ydlZ3{display:grid;grid-template-rows:calc(var(--ubq-scale-base)*12) 1fr calc(var(--ubq-scale-base)*12);grid-template-columns:calc(var(--ubq-scale-base)*72) 1fr;position:absolute;top:0;bottom:0;left:0;right:0}.UBQ_Layout__topbar--xbXF_{grid-column:2/-1;color:var(--ubq-foreground-default);background:var(--ubq-elevation-1);padding:0 var(--ubq-margin-l)}.UBQ_Layout__main--CqghO{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);overflow-x:auto;grid-row:2/-1;color:var(--ubq-foreground-default);background:var(--ubq-canvas)}.UBQ_Layout__main--CqghO::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_Layout__main--CqghO::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_Layout__main--CqghO::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_Layout__main--CqghO::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_Layout__sidebar--_RCCy{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);overflow-x:auto;grid-row:1/-1;color:var(--ubq-foreground-default);background:var(--ubq-elevation-2)}.UBQ_Layout__sidebar--_RCCy::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_Layout__sidebar--_RCCy::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_Layout__sidebar--_RCCy::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_Layout__sidebar--_RCCy::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_Layout__sidebarFooter--kTIn8{grid-row:-2/-1;grid-column:1/2;color:var(--ubq-foreground-default);background:var(--ubq-elevation-2)}.UBQ_Layout__sidebarFooter--kTIn8+.UBQ_Layout__sidebar--_RCCy{grid-row:1/-2}
+.UBQ_LayoutEdge__block--QxfaW{display:grid;grid-template-columns:100%;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"top" "middle" "bottom";height:100%;width:100%}.UBQ_LayoutEdge__block--QxfaW>*{grid-area:middle;justify-self:center;align-self:center}.UBQ_LayoutEdge__topLeft--mwDOH{grid-area:top;justify-self:start;align-self:start;display:flex}.UBQ_LayoutEdge__middleLeft--_9OSz{grid-area:middle;justify-self:start;align-self:center;display:flex}.UBQ_LayoutEdge__bottomLeft--Lge04{grid-area:bottom;justify-self:start;align-self:end;display:flex}.UBQ_LayoutEdge__topCenter--Xu5R5{grid-area:top;justify-self:center;align-self:start;display:flex}.UBQ_LayoutEdge__bottomCenter--QXmrL{grid-area:bottom;justify-self:center;align-self:end;display:flex}.UBQ_LayoutEdge__topRight--czbSR{grid-area:top;justify-self:end;align-self:start;display:flex}.UBQ_LayoutEdge__middleRight--CTGqo{grid-area:middle;justify-self:end;align-self:center;display:flex}.UBQ_LayoutEdge__bottomRight--_ho8f{grid-area:bottom;justify-self:end;align-self:end;display:flex}
 .UBQ_CircularProgress__block--VzCNj{width:calc(9*var(--ubq-scale-base));height:calc(9*var(--ubq-scale-base))}.UBQ_CircularProgress__block--VzCNj>svg{height:calc(9*var(--ubq-scale-base));width:calc(9*var(--ubq-scale-base))}.UBQ_CircularProgress__circle--uXQTo{transform-origin:50% 50%;transform:rotate(-90deg);fill:none;stroke:var(--ubq-progress)}
 .UBQ_AsyncResult__progress--V6yQx{display:flex;justify-content:center;align-items:center;height:100%;width:100%}
 .UBQ_SegmentedGroup__block--__41e{display:grid;grid-auto-columns:auto;grid-auto-flow:column}.UBQ_SegmentedGroup__block--__41e.UBQ_SegmentedGroup__equalWidth--sjmnm{grid-auto-columns:1fr}.UBQ_SegmentedGroup__block--__41e>*{border-radius:0}.UBQ_SegmentedGroup__block--__41e>*:first-child{border-top-left-radius:var(--ubq-border_radius-s);border-bottom-left-radius:var(--ubq-border_radius-s)}.UBQ_SegmentedGroup__block--__41e>*:last-child{border-top-right-radius:var(--ubq-border_radius-s);border-bottom-right-radius:var(--ubq-border_radius-s)}
@@ -41,7 +41,6 @@
 .UBQ_Progress__block--NT_yt{display:flex;width:100%}.UBQ_Progress__block--NT_yt>progress,.UBQ_Progress__block--NT_yt>.UBQ_Progress__indeterminateProgress--tSqsR{height:4px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;border:0;border-radius:var(--ubq-border_radius-m);background:rgba(0,0,0,0)}.UBQ_Progress__block--NT_yt>progress::-moz-progress-bar,.UBQ_Progress__block--NT_yt>.UBQ_Progress__indeterminateProgress--tSqsR::-moz-progress-bar{background:var(--ubq-progress);border-radius:var(--ubq-border_radius-m)}.UBQ_Progress__block--NT_yt>progress::-webkit-progress-bar,.UBQ_Progress__block--NT_yt>.UBQ_Progress__indeterminateProgress--tSqsR::-webkit-progress-bar{background:rgba(0,0,0,0);border-radius:var(--ubq-border_radius-m)}.UBQ_Progress__block--NT_yt>progress::-webkit-progress-value,.UBQ_Progress__block--NT_yt>.UBQ_Progress__indeterminateProgress--tSqsR::-webkit-progress-value{background:var(--ubq-progress);border-radius:var(--ubq-border_radius-m)}.UBQ_Progress__block--NT_yt>progress>.UBQ_Progress__indeterminateProgressFill--eyjf6,.UBQ_Progress__block--NT_yt>.UBQ_Progress__indeterminateProgress--tSqsR>.UBQ_Progress__indeterminateProgressFill--eyjf6{background:var(--ubq-progress);border-radius:var(--ubq-border_radius-m);height:4px;animation:1.4s infinite UBQ_Progress__indeterminate--v219k}@keyframes UBQ_Progress__indeterminate--v219k{0%{margin-left:100%;width:20%}20%{width:70%}100%{margin-left:-10%;width:10%}}
 .UBQ_Dialog__block--axLKe{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__block--axLKe>.UBQ_Dialog__dialog--y2IOC{position:absolute;min-width:calc(var(--ubq-margin-l)*20);background:var(--ubq-elevation-2);box-shadow:var(--ubq-effect-shadow);border:1px solid var(--ubq-border-outline);border-radius:var(--ubq-border_radius-l);display:flex;flex-direction:column;outline:none}.UBQ_Dialog__block--axLKe>.UBQ_Dialog__dialog--y2IOC>.UBQ_Dialog__footer--eyPW7{flex-grow:0;padding:var(--ubq-margin-s);display:flex;flex-direction:row;justify-content:space-between}.UBQ_Dialog__block--axLKe>.UBQ_Dialog__dialog--y2IOC>.UBQ_Dialog__footer--eyPW7>*{flex-grow:0}.UBQ_Dialog__block--axLKe>.UBQ_Dialog__dialog--y2IOC>.UBQ_Dialog__footer--eyPW7>*:only-child{margin-left:auto}.UBQ_Dialog__content--vAeMB{color:var(--ubq-foreground-light);min-width:0;word-break:break-word;padding:var(--ubq-margin-l);box-sizing:border-box}.UBQ_Dialog__content--vAeMB h1,.UBQ_Dialog__content--vAeMB h2,.UBQ_Dialog__content--vAeMB h3,.UBQ_Dialog__content--vAeMB h4,.UBQ_Dialog__content--vAeMB h5,.UBQ_Dialog__content--vAeMB h6{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__content--vAeMB p{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__withIcon--A8Zm3{display:flex;flex-direction:row}.UBQ_Dialog__withIcon--A8Zm3>.UBQ_Dialog__icon--X6vh1{align-self:flex-start;padding:var(--ubq-margin-l) 0;padding-left:var(--ubq-margin-l)}.UBQ_Dialog__info--StqpS .UBQ_Dialog__icon--X6vh1{color:var(--ubq-notice-info)}.UBQ_Dialog__success--__INl .UBQ_Dialog__icon--X6vh1{color:var(--ubq-notice-success)}.UBQ_Dialog__warning--C6CmU .UBQ_Dialog__icon--X6vh1{color:var(--ubq-notice-warning)}.UBQ_Dialog__error--VsvUC .UBQ_Dialog__icon--X6vh1{color:var(--ubq-notice-error)}
 .UBQ_Separator__block--_gjia{height:1px;margin:0;flex-shrink:0;background:var(--ubq-border-divider);border:none}
-.UBQ_Portal__stack--UOCy3{height:100%;position:relative}
 .UBQ_BannerCard__block--G92HO{height:calc(var(--ubq-margin-l)*3)}.UBQ_BannerCard__block--G92HO>.UBQ_BannerCard__label--oWwV5{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__block--G92HO>.UBQ_BannerCard__label--oWwV5:not(:only-child){margin-top:var(--ubq-margin-s)}.UBQ_BannerCard__block--G92HO:hover{box-shadow:inset 0 0 0 2px var(--ubq-foreground-accent)}.UBQ_BannerCard__block--G92HO:hover>.UBQ_BannerCard__label--oWwV5{background:var(--ubq-static-contrast-white);color:var(--ubq-static-contrast-black)}.UBQ_BannerCard__block--G92HO[data-active=true]{height:calc(var(--ubq-margin-s) + var(--ubq-margin-l)*4)}.UBQ_BannerCard__block--G92HO[data-active=true]>.UBQ_BannerCard__label--oWwV5{background:var(--ubq-foreground-default);color:var(--ubq-foreground-active)}.UBQ_BannerCard__block--G92HO[data-active=true]:hover>.UBQ_BannerCard__label--oWwV5{border-top:2px solid var(--ubq-foreground-accent)}
 .UBQ_Card__block--f5zH0{--ubq_internal-backgroundGradient: var(--ubq-static-card-background);position:relative;width:100%;padding:var(--ubq-margin-s);border:none;border-radius:var(--ubq-border_radius-s);outline:none;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__block--f5zH0.UBQ_Card__shortHeight--Co_oE{height:calc(var(--ubq-margin-m) + var(--ubq-margin-l)*7)}.UBQ_Card__block--f5zH0.UBQ_Card__extraShortHeight--_kqAj{height:calc(var(--ubq-scale-base)*20)}.UBQ_Card__block--f5zH0.UBQ_Card__autoHeight--V94yi{height:100%}.UBQ_Card__block--f5zH0.UBQ_Card__noPadding--NMBeo{padding:0}.UBQ_Card__block--f5zH0.UBQ_Card__backgroundImageCover--u8eou{background-size:cover}.UBQ_Card__block--f5zH0.UBQ_Card__backgroundImageContain--hDRRX{background-size:contain;background-origin:content-box,border-box}.UBQ_Card__block--f5zH0>.UBQ_Card__content--Xpk5o{width:100%;height:100%;flex-grow:1;display:flex;align-items:center;justify-content:center}.UBQ_Card__block--f5zH0:hover{--ubq_internal-backgroundGradient: var(--ubq-interactive-hover);box-shadow:inset 0 0 0 2px var(--ubq-foreground-accent)}.UBQ_Card__block--f5zH0:active{--ubq_internal-backgroundGradient: var(--ubq-interactive-pressed)}@supports not (contain: none){.UBQ_Card__block--f5zH0:focus{z-index:1;--ubq_internal-backgroundGradient: var(--ubq-interactive-hover);box-shadow:var(--ubq-effect-focus)}}.UBQ_Card__block--f5zH0:focus-visible{z-index:1;--ubq_internal-backgroundGradient: var(--ubq-interactive-hover);box-shadow:var(--ubq-effect-focus)}.UBQ_Card__block--f5zH0:disabled{opacity:.55;pointer-events:none}.UBQ_Card__block--f5zH0[data-active=true]{outline:2px solid var(--ubq-foreground-default)}
 .UBQ_Slider__block--_W9Xu{position:relative}.UBQ_Slider__block--_W9Xu:hover .UBQ_Slider__wrapperButtonToggleInput--ghJ2T,.UBQ_Slider__block--_W9Xu:focus-within .UBQ_Slider__wrapperButtonToggleInput--ghJ2T{opacity:1;pointer-events:initial}.UBQ_Slider__sliderWrapper--_dJqm{position:relative;max-height:calc(var(--ubq-margin-l) + var(--ubq-margin-s))}.UBQ_Slider__sliderWrapper--_dJqm.UBQ_Slider__disabled--hEnuV{opacity:.55;pointer-events:none}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm{-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);background:var(--ubq-interactive-default);cursor:pointer}@supports not (contain: none){.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus{background:var(--ubq-interactive-hover);outline:none;box-shadow:var(--ubq-effect-focus)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus::-webkit-slider-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus::-moz-range-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus:not(:focus-visible){box-shadow:none}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus-visible{background:var(--ubq-interactive-hover);outline:none;box-shadow:var(--ubq-effect-focus)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus-visible::-webkit-slider-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:focus-visible::-moz-range-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:hover:not(:disabled){background:var(--ubq-interactive-hover)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:hover:not(:disabled)::-webkit-slider-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm:hover:not(:disabled)::-moz-range-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__sliderWrapper--_dJqm .UBQ_Slider__inputRange--XwhAm::-moz-range-track{background-image:linear-gradient(var(--ubq-progress), var(--ubq-progress));background-position:0;background-size:calc(
@@ -64,6 +63,9 @@
 @supports not (contain: none){.UBQ_ExternalLink__block--Hb3aB:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);border-radius:var(--ubq-border_radius-s)}}.UBQ_ExternalLink__block--Hb3aB:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);border-radius:var(--ubq-border_radius-s)}
 .UBQ_Dock__block--aKQfU{display:flex;flex-direction:column;position:relative;padding:var(--ubq-margin-xs);box-sizing:border-box;z-index:15;background:var(--ubq-elevation-2);transition:background-color .3s ease-in-out}.UBQ_Dock__block--aKQfU.UBQ_Dock__hasSelected--zZeMe{background:var(--ubq-elevation-1)}.UBQ_Dock__block--aKQfU.UBQ_Dock__left--SjHad{order:0}.UBQ_Dock__block--aKQfU.UBQ_Dock__right--XRtI1{order:1}.UBQ_Dock__small--EjOTm{width:calc(var(--ubq-scale-base)*12)}.UBQ_Dock__big--mtVNu{width:calc(var(--ubq-scale-base)*18)}.UBQ_Dock__button--ttmQQ{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:1 0}.UBQ_Dock__buttonLabel--w6Aji{display:flex;flex-direction:column;align-items:center;gap:var(--ubq-margin-xs);width:100%}.UBQ_Dock__buttonLabel--w6Aji>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}.UBQ_Dock__group--_lfht{display:flex;flex-direction:column;gap:var(--ubq-margin-xs)}.UBQ_Dock__group--_lfht:empty{display:none}
 .UBQ_MasonryGrid__block--X5QGY{display:grid;grid-gap:var(--ubq-margin-s);grid-auto-rows:0}
+.UBQ_MediaStrip__block--hwS5E{border-radius:var(--ubq-border_radius-m);padding:var(--ubq-margin-xs);box-sizing:border-box;display:grid;grid-template-areas:"stack";grid-template-rows:100%;grid-template-columns:100%;height:100%;width:100%;background:salmon;overflow:hidden}.UBQ_MediaStrip__block--hwS5E>*{grid-area:stack}.UBQ_MediaStrip__keyframeContainer--bixco{height:100%;width:100%}.UBQ_MediaStrip__keyframeContainer--bixco>img{object-fit:contain;height:100%}
+.UBQ_ResizeHandle__block--YRdxN{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__block--YRdxN.UBQ_ResizeHandle__vertical--sRBAO{height:var(--ubq-scale-base);width:calc(4*var(--ubq-scale-base));cursor:row-resize}
+.UBQ_IndicatorLabel__block--ZejQt{padding:0 var(--ubq-margin-s);width:-moz-fit-content;width:fit-content;border-radius:var(--ubq-border_radius-s);color:var(--ubq-foreground-default);background:var(--ubq-overlay);font-family:var(--ubq-typography-label-m-font_family);font-size:var(--ubq-typography-label-m-size);font-weight:var(--ubq-typography-label-m-weight);letter-spacing:var(--ubq-typography-label-m-letter_spacing);line-height:var(--ubq-typography-label-m-line_height)}
 .UBQ_CanvasAction__block--fbc8M{display:flex;padding:calc(var(--ubq-margin-xs) - 1px)}.UBQ_CanvasAction__block--fbc8M:not(:last-child){border-right:1px solid var(--ubq-border-divider)}
 .UBQ_CanvasActionContainer__canvasActions--_2g3e{display:flex;flex-direction:row;align-items:center;background:var(--ubq-elevation-2);border:1px solid var(--ubq-border-divider);border-radius:var(--ubq-border_radius-m);overflow:hidden}.UBQ_CanvasActionContainer__canvasActions--_2g3e:empty{display:none}.UBQ_CanvasActionContainer__tippy--Js2dJ{max-width:unset !important}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden]{opacity:0}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
 .UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL{background:var(--ubq-interactive-template-default)}.UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-template-hover)}.UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL:active{background:var(--ubq-interactive-template-pressed)}.UBQ_PlaceholderSettings__spacer--eMd5b{width:var(--ubq-margin-xs)}.UBQ_PlaceholderSettings__hidden--UTFNM{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__separator--gVJ1q{margin:var(--ubq-margin-xs)}
@@ -89,6 +91,7 @@
 .UBQ_AssetLibraryPanel__block--MBUTZ{height:calc(100% - 12*var(--ubq-scale-base));overflow:hidden}.UBQ_AssetLibraryPanel__content--t_UoP{position:relative;height:calc(100% - (var(--ubq-scale-base)*10 + var(--ubq-margin-s)*2));overflow:hidden}
 .UBQ_AssetLibraryDock__block--X8Gcn{gap:var(--ubq-margin-xl);flex:0 0 auto;height:100%}
 .UBQ_AssetLibraryDockIcon__customIconWrapper--_O_UJ{background-repeat:no-repeat;background-position:center}.UBQ_AssetLibraryDockIcon__customIconWrapperLarge--Gq1ef{height:24px;width:24px}.UBQ_AssetLibraryDockIcon__customIconWrapperNormal--rUuQe{height:16px;width:16px}
+.UBQ_PanelPortal__block--hxJnn{height:100%;position:relative;display:grid;grid-template-areas:"stack";grid-template-rows:100%}.UBQ_PanelPortal__block--hxJnn>*{grid-area:stack}
 .UBQ_BlendModeSelect__options--f8ZyJ{max-height:calc(var(--ubq-scale-base)*108)}.UBQ_BlendModeSelect__option--c0UQW{min-width:calc(var(--ubq-scale-base)*42)}
 .UBQ_InspectorHorizontalGroup__block--M9_3R{display:flex}.UBQ_InspectorHorizontalGroup__block--M9_3R>*{max-width:50%}.UBQ_InspectorHorizontalGroup__block--M9_3R>*:only-child{max-width:100%}.UBQ_InspectorHorizontalGroup__block--M9_3R>*:nth-child(odd):not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorHorizontalGroup__block--M9_3R>*:nth-child(even){margin-left:var(--ubq-margin-s)}
 .UBQ_SliderInput__block--qaiej{width:100%}