@cesdk/cesdk-js 1.7.0-alpha.4 → 1.7.0

package/assets/i18n/de.json

@@ -21,6 +21,9 @@
   "action.block.toggleVisibility": "Element anzeigen/verstecken",
   "action.block.unlock": "$t(common.unlock)",
   "action.block.unlock.description": "Element entsperren",
+  "action.crop.mirror": "Bild spiegeln",
+  "action.crop.turn": "Bild 90˚ gegen den Uhrzeigersinn drehen",
+  "action.crop.turnAndMirror": "Drehen & Spiegeln",
   "action.editText": "$t(common.edit)",
   "action.enterGroup": "Gruppe öffnen",
   "action.gradient.addStop": "Farbmarker hinzufügen bei {{position}}%.",
@@ -56,9 +59,6 @@
   "action.scene.load": "Szene geladen",
   "action.scene.new": "Neue Szene",
   "action.selectGroup": "Gruppe auswählen",
-  "action.strokeJoin.change": "Umrisskanten ändern",
-  "action.strokePosition.change": "Umrissposition ändern",
-  "action.strokeStyle.change": "$t(property.strokeStyle.description)",
   "assets.ly.img.cesdk.images.samples.sample.1.label": "Strand von oben",
   "assets.ly.img.cesdk.images.samples.sample.1.tags": "blau;grün;strand;insel;wasser",
   "assets.ly.img.cesdk.images.samples.sample.10.label": "Berge",
@@ -222,6 +222,14 @@
   "assets.ly.img.ubq.shapes.polygon.label": "Mehreck",
   "assets.ly.img.ubq.shapes.rect.label": "Rechteck",
   "assets.ly.img.ubq.shapes.star.label": "Stern",
+  "action.shadow.blur.change": "Schattenunschärfe ändern",
+  "action.shadow.color.change": "Schattenfarbe ändern",
+  "action.shadow.direction.change": "Schattenrichtung ändern",
+  "action.shadow.direction.rotate": "Schatten um 45 Grad im Uhrzeigersinn drehen",
+  "action.shadow.size.change": "Schattengröße ändern",
+  "action.strokeJoin.change": "Konturkanten ändern",
+  "action.strokePosition.change": "Konturposition ändern",
+  "action.strokeStyle.change": "$t(property.strokeStyle.description)",
   "action.text.autoHeight": "Automatische Höhe aktivieren",
   "action.text.change": "Text ändern",
   "action.text.fixedFrame": "Feste Größe aktivieren",
@@ -311,6 +319,16 @@
   "common.unlock": "Entsperren",
   "common.width": "Breite",
   "common.width.inUnit": "Breite in {{unit}}",
+  "component.assetPanelAutoCloseSettings": "Nach dem Hinzufügen",
+  "component.assetPanelAutoCloseSettings.false": "Offen lassen",
+  "component.assetPanelAutoCloseSettings.false.description": "Die Bibliothek offen lassen nachdem ein Asset eingefügt wurde",
+  "component.assetPanelAutoCloseSettings.true": "Schließen",
+  "component.assetPanelAutoCloseSettings.true.description": "Die Bibliothek schließen nachdem ein Asset eingefügt wurde",
+  "component.assetPanelFloatingSettings": "Bibliothek (einfügen)",
+  "component.assetPanelFloatingSettings.fixed": "Fixiert",
+  "component.assetPanelFloatingSettings.fixed.description": "Die Bibliothek beim Einfügen ist nebem der Arbeitsfläche fixiert.",
+  "component.assetPanelFloatingSettings.floating": "Schwebend",
+  "component.assetPanelFloatingSettings.floating.description": "Die Bibliothek beim Einfügen schwebt über der Arbeitsfläche",
   "component.assetSettings": "Assets",
   "component.assetSettings.image.adjustments": "Bildkorrekturen",
   "component.assetSettings.image.blur": "Bildunschärfe",
@@ -319,7 +337,6 @@
   "component.assetSettings.image.filters": "Bildfilter",
   "component.assetSettings.opacity": "$t(common.opacity)",
   "component.assetSettings.text.advanced": "Erweiterte Texteinstellung",
-  "component.assetSettings.text.backgroundColor": "Texthintergrundfarbe",
   "component.assetSettings.text.color": "Textfarbe",
   "component.assetSettings.transform": "Transformieren",
   "component.canvas": "Editor Leinwand",
@@ -343,32 +360,12 @@
   "component.colorSchemeSelect.background.description": "Hintergrundfarbe ändern",
   "component.dnd.description": "Die hochgeladenen Dateien werden in der Bibliothek gespeichert",
   "component.dnd.prompt": "Dateien hier hinziehen",
-  "component.dockIconSizeSelect": "Dock Icon Skalierung",
+  "component.dockIconSizeSelect": "Icon Skalierung",
   "component.dockIconSizeSelect.large": "Groß",
   "component.dockIconSizeSelect.large.description": "Große Dock Icon Skalierung auswählen",
   "component.dockIconSizeSelect.normal": "Normal",
   "component.dockIconSizeSelect.normal.description": "Normale Dock Icon Skalierung auswählen",
-  "component.dockLabelLibraryInsertAutoCloseSettings": "Bibliothek schließen (beim einfügen)",
-  "component.dockLabelLibraryInsertAutoCloseSettings.false": "Offen lassen",
-  "component.dockLabelLibraryInsertAutoCloseSettings.false.description": "Die Bibliothek offen lassen nachdem ein Asset eingefügt wurde",
-  "component.dockLabelLibraryInsertAutoCloseSettings.true": "Schließen",
-  "component.dockLabelLibraryInsertAutoCloseSettings.true.description": "Die Bibliothek schließen nachdem ein Asset eingefügt wurde",
-  "component.dockLabelLibraryInsertFloatingSettings": "Bibliothek (einfügen)",
-  "component.dockLabelLibraryInsertFloatingSettings.fixed": "Fixiert",
-  "component.dockLabelLibraryInsertFloatingSettings.fixed.description": "Die Bibliothek beim Einfügen ist nebem der Arbeitsfläche fixiert.",
-  "component.dockLabelLibraryInsertFloatingSettings.floating": "Schwebend",
-  "component.dockLabelLibraryInsertFloatingSettings.floating.description": "Die Bibliothek beim Einfügen schwebt über der Arbeitsfläche",
-  "component.dockLabelLibraryReplaceAutoCloseSettings": "Bibliothek schließen (beim ersetzen)",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.false": "Offen lassen",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.false.description": "Die Bibliothek offen lassen nachdem ein Asset ersetzt wurde",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.true": "Schließen",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.true.description": "Die Bibliothek schließen nachdem ein Asset ersetzt wurde",
-  "component.dockLabelLibraryReplaceFloatingSettings": "Bibliothek (ersetzen)",
-  "component.dockLabelLibraryReplaceFloatingSettings.fixed": "Fixiert",
-  "component.dockLabelLibraryReplaceFloatingSettings.fixed.description": "Die Bibliothek beim Ersetzen ist nebem der Arbeitsfläche fixiert.",
-  "component.dockLabelLibraryReplaceFloatingSettings.floating": "Schwebend",
-  "component.dockLabelLibraryReplaceFloatingSettings.floating.description": "Die Bibliothek beim Ersetzen schwebt über der Arbeitsfläche",
-  "component.dockLabelVisibilityToggle": "Dock Label",
+  "component.dockLabelVisibilityToggle": "Labels",
   "component.dockLabelVisibilityToggle.hide": "Ausblenden",
   "component.dockLabelVisibilityToggle.hide.description": "Beschriftungen der Dock Buttons ausblenden",
   "component.dockLabelVisibilityToggle.show": "Anzeigen",
@@ -423,6 +420,16 @@
   "component.placeholder.create": "$t(common.placeholder)",
   "component.placeholder.settings": "Platzhaltereinstellungen ändern",
   "component.placeholder.settingsMenu": "Platzhaltereinstellungsmenü",
+  "component.replacePanelAutoCloseSettings": "Nach dem Ersetzen",
+  "component.replacePanelAutoCloseSettings.false": "Offen lassen",
+  "component.replacePanelAutoCloseSettings.false.description": "Die Bibliothek offen lassen nachdem ein Asset ersetzt wurde",
+  "component.replacePanelAutoCloseSettings.true": "Schließen",
+  "component.replacePanelAutoCloseSettings.true.description": "Die Bibliothek schließen nachdem ein Asset ersetzt wurde",
+  "component.replacePanelFloatingSettings": "Bibliothek (ersetzen)",
+  "component.replacePanelFloatingSettings.fixed": "Fixiert",
+  "component.replacePanelFloatingSettings.fixed.description": "Die Bibliothek beim Ersetzen ist nebem der Arbeitsfläche fixiert.",
+  "component.replacePanelFloatingSettings.floating": "Schwebend",
+  "component.replacePanelFloatingSettings.floating.description": "Die Bibliothek beim Ersetzen schwebt über der Arbeitsfläche",
   "component.roleSelect": "$t(common.role)",
   "component.roleSelect.description": "$t(common.role) auswählen",
   "component.scalingSelect": "UI Skalierung",
@@ -433,12 +440,17 @@
   "component.settings.toggle": "Editor anpassen",
   "component.settings.toggle.description": "Einstellungen öffnen um den Editor anzupassen",
   "component.settingsPanel.appearance": "Aussehen",
+  "component.settingsPanel.assetPanel": "Asset-Leiste",
+  "component.settingsPanel.dock": "Dock",
+  "component.settingsPanel.general": "Generell",
   "component.settingsPanel.header": "Editor anpassen",
+  "component.settingsPanel.inspectorPanel": "Inspector Leiste",
+  "component.settingsPanel.replacePanel": "Ersetzungsleiste",
   "component.templateLibrary": "Vorlagen-Bibliothek",
   "component.templateLibrary.abort": "$t(common.cancel)",
   "component.templateLibrary.confirm": "Ja, Änderungen verwerfen",
   "component.templateLibrary.dialog.body": "Inhalte wie Bilder und Text können nicht übernommen werden und werden dementsprechend verworfen.",
-  "component.templateLibrary.dialog.headline": "Aktuelles Dokument ersetzen?",
+  "component.templateLibrary.dialog.headline": "Aktuelles Design ersetzen?",
   "component.templateLibrary.dialog.invalid": "Diese Vorlage ist ungültig und kann leider nicht benutzt werden.",
   "component.themeSelect": "Farbschema",
   "component.themeSelect.dark": "Dunkel",
@@ -452,7 +464,7 @@
   "component.topbar.close": "$t(common.close)",
   "component.undo.redo": "$t(common.redo)",
   "component.undo.undo": "$t(common.undo)",
-  "component.viewSelect": "{{role}} Ansicht",
+  "component.viewSelect": "Ansicht",
   "component.viewSelect.advanced": "Advanced",
   "component.viewSelect.advanced.description": "Den Inspektor immer anzeigen.",
   "component.viewSelect.default": "Default",
@@ -486,7 +498,7 @@
   "input.clipContent": "Inhalt beschneiden",
   "input.clipContent.off.description": "Inhalt beschneiden deaktivieren",
   "input.clipContent.on.description": "Inhalt beschneiden aktivieren",
-  "input.document": "$t(block.scene)",
+  "input.canvas": "Arbeitsfläche",
   "input.effect": "Effekt",
   "input.effect.tooltip": "Effekt ändern",
   "input.export": "Export",
@@ -524,6 +536,15 @@
   "input.propertyToggle.visible": "Sichtbar",
   "input.rename": "{{designElementName}} umbenennen",
   "input.resolution.select": "{{which}} auswählen",
+  "input.shadow.blur": "Unschärfe",
+  "input.shadow.blur.description": "Schattenunschärfe",
+  "input.shadow.description": "Schatten ändern",
+  "input.shadow.direction": "Richtung",
+  "input.shadow.direction.description": "Schattenrichtung",
+  "input.shadow.label": "Schatten",
+  "input.shadow.size": "Größe",
+  "input.shadow.size.description": "Schattengröße",
+  "input.shadow.valueLabel": "Schlagschatten",
   "input.shape": "Form",
   "input.shape.options": "Form Optionen",
   "input.showInExport": "Im Export anzeigen",
@@ -537,7 +558,6 @@
   "input.typefaceSelect.tooltip": "Schriftfamilie ändern",
   "input.unit.tooltip": "$t(common.unit) auswählen",
   "input.uploadImage": "Bild wird hochgeladen...",
-  "libraries.local.label": "Uploads",
   "libraries.ly.img.image.label": "Bilder",
   "libraries.ly.img.local.label": "Lokal",
   "libraries.ly.img.sticker.doodle.label": "Doodle",
@@ -550,6 +570,7 @@
   "libraries.ly.img.text.label": "Text",
   "libraries.ly.img.text.paragraph.label": "Absatz",
   "libraries.ly.img.text.title.label": "Titel",
+  "libraries.ly.img.upload.label": "Uploads",
   "libraries.ly.img.vectorpath.abstract.label": "Abstrakt",
   "libraries.ly.img.vectorpath.label": "Formen",
   "libraries.ly.img.vectorpath.vectorpaths.label": "Basis",
@@ -658,6 +679,7 @@
   "property.crop.scale.description": "Bildabmessungen proportional skalieren",
   "property.crop.size": "Zuschneidebereich",
   "property.crop.size.description": "{{dimension}} des Zuschneidebereichs in {{unit}}",
+  "property.crop.straighten": "Begradigen",
   "property.crop.tooltip": "Zuschnitt ändern",
   "property.crop.transform": "$t(block.image)",
   "property.duotoneFilter.breezy": "Breezy",
@@ -758,28 +780,28 @@
   "property.orientation.landscape": "Querformat",
   "property.orientation.portrait": "Hochformat",
   "property.orientation.square": "Quadratisch",
-  "property.outlineColor": "Umriss",
-  "property.outlineWidth": "Umrissbreite",
+  "property.outlineColor": "Kontur",
+  "property.outlineWidth": "Konturbreite",
   "property.points": "Spitzen",
   "property.position": "{{axis}} $t(common.position)",
   "property.position.description": "Position auf der {{axis}}-Achse in {{unit}}",
   "property.sides": "Seiten",
-  "property.strokeColor": "Umriss",
-  "property.strokeColor.description": "Umrissfarbe ändern",
+  "property.strokeColor": "Kontur",
+  "property.strokeColor.description": "Konturfarbe ändern",
   "property.strokeJoin": "Kanten",
   "property.strokeJoin.bevel.description": "Abgeschrägte Kanten benutzen",
   "property.strokeJoin.miter.description": "Harte Kanten benutzen",
   "property.strokeJoin.round.description": "Runde Kanten benutzen",
   "property.strokePosition": "$t(common.position)",
-  "property.strokePosition.center.description": "Umriss zentriert zeichnen",
-  "property.strokePosition.inner.description": "Umriss innerhalb zeichnen",
-  "property.strokePosition.outer.description": "Umriss außerhalb zeichnen",
+  "property.strokePosition.center.description": "Kontur zentriert zeichnen",
+  "property.strokePosition.inner.description": "Kontur innerhalb zeichnen",
+  "property.strokePosition.outer.description": "Kontur außerhalb zeichnen",
   "property.strokePositionAndJoin": "$t(property.strokePosition) & $t(property.strokeJoin)",
-  "property.strokePositionAndJoin.description": "Umrissposition und -kanten ändern",
+  "property.strokePositionAndJoin.description": "Konturposition und -kanten ändern",
   "property.strokeStyle": "Stil",
   "property.strokeStyle.dashed": "Gestrichelt",
   "property.strokeStyle.dashedRound": "Gestrichelt Rund",
-  "property.strokeStyle.description": "Umrissstil ändern",
+  "property.strokeStyle.description": "Konturstil ändern",
   "property.strokeStyle.dotted": "Gepunktet",
   "property.strokeStyle.longDashed": "Lang Gestrichelt",
   "property.strokeStyle.longDashedRound": "Lang Gestrichelt Rund",

package/assets/i18n/en.json

@@ -21,6 +21,9 @@
   "action.block.toggleVisibility": "(Un)hide element",
   "action.block.unlock": "$t(common.unlock)",
   "action.block.unlock.description": "Unlock element",
+  "action.crop.mirror": "Mirror the image",
+  "action.crop.turn": "Turn the image 90˚ counterclockwise",
+  "action.crop.turnAndMirror": "Turn & Mirror",
   "action.editText": "$t(common.edit)",
   "action.enterGroup": "Enter Group",
   "action.gradient.addStop": "Add new stop at {{position}}%.",
@@ -56,9 +59,6 @@
   "action.scene.load": "Load scene",
   "action.scene.new": "New Scene",
   "action.selectGroup": "Select Group",
-  "action.strokeJoin.change": "Change stroke joints",
-  "action.strokePosition.change": "Change stroke position",
-  "action.strokeStyle.change": "$t(property.strokeStyle.description)",
   "assets.ly.img.cesdk.images.samples.sample.1.label": "Clear blue beach at an island from above",
   "assets.ly.img.cesdk.images.samples.sample.1.tags": "blue;green;beach;island;water",
   "assets.ly.img.cesdk.images.samples.sample.10.label": "Mountains",
@@ -222,6 +222,14 @@
   "assets.ly.img.ubq.shapes.polygon.label": "Polygon",
   "assets.ly.img.ubq.shapes.rect.label": "Rectangle",
   "assets.ly.img.ubq.shapes.star.label": "Star",
+  "action.shadow.blur.change": "Change shadow blur",
+  "action.shadow.color.change": "Change shadow color",
+  "action.shadow.direction.change": "Change shadow direction",
+  "action.shadow.direction.rotate": "Rotate shadow 45 degrees clockwise",
+  "action.shadow.size.change": "Change shadow size",
+  "action.strokeJoin.change": "Change stroke joints",
+  "action.strokePosition.change": "Change stroke position",
+  "action.strokeStyle.change": "$t(property.strokeStyle.description)",
   "action.text.autoHeight": "Enable automatic height",
   "action.text.change": "Change text",
   "action.text.fixedFrame": "Enable fixed frame",
@@ -311,6 +319,16 @@
   "common.unlock": "Unlock",
   "common.width": "Width",
   "common.width.inUnit": "Width in {{unit}}",
+  "component.assetPanelAutoCloseSettings": "After insert",
+  "component.assetPanelAutoCloseSettings.false": "Keep Open",
+  "component.assetPanelAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was inserted",
+  "component.assetPanelAutoCloseSettings.true": "Close",
+  "component.assetPanelAutoCloseSettings.true.description": "Close the asset library panel after an asset was inserted",
+  "component.assetPanelFloatingSettings": "Behavior",
+  "component.assetPanelFloatingSettings.fixed": "Fixed",
+  "component.assetPanelFloatingSettings.fixed.description": "The insert library is fixed side by side with the canvas",
+  "component.assetPanelFloatingSettings.floating": "Floating",
+  "component.assetPanelFloatingSettings.floating.description": "The insert library floats over the canvas",
   "component.assetSettings": "Assets",
   "component.assetSettings.image.adjustments": "Image Adjustments",
   "component.assetSettings.image.blur": "Image Blur",
@@ -319,7 +337,6 @@
   "component.assetSettings.image.filters": "Image Filters",
   "component.assetSettings.opacity": "$t(common.opacity)",
   "component.assetSettings.text.advanced": "Text Advanced",
-  "component.assetSettings.text.backgroundColor": "Text Background Color",
   "component.assetSettings.text.color": "Text Color",
   "component.assetSettings.transform": "Transform",
   "component.canvas": "Editor canvas",
@@ -343,32 +360,12 @@
   "component.colorSchemeSelect.background.description": "Change background color",
   "component.dnd.description": "The added files are stored in the library",
   "component.dnd.prompt": "Drag file here",
-  "component.dockIconSizeSelect": "Dock Icon Scaling",
+  "component.dockIconSizeSelect": "Icon Scaling",
   "component.dockIconSizeSelect.large": "Large",
   "component.dockIconSizeSelect.large.description": "Select large dock icon scaling",
   "component.dockIconSizeSelect.normal": "Normal",
   "component.dockIconSizeSelect.normal.description": "Select normal dock icon scaling",
-  "component.dockLabelLibraryInsertAutoCloseSettings": "Auto close asset panel",
-  "component.dockLabelLibraryInsertAutoCloseSettings.false": "Keep Open",
-  "component.dockLabelLibraryInsertAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was inserted",
-  "component.dockLabelLibraryInsertAutoCloseSettings.true": "Close",
-  "component.dockLabelLibraryInsertAutoCloseSettings.true.description": "Close the asset library panel after an asset was inserted",
-  "component.dockLabelLibraryInsertFloatingSettings": "Asset panel",
-  "component.dockLabelLibraryInsertFloatingSettings.fixed": "Fixed",
-  "component.dockLabelLibraryInsertFloatingSettings.fixed.description": "The insert library is fixed side by side with the canvas",
-  "component.dockLabelLibraryInsertFloatingSettings.floating": "Floating",
-  "component.dockLabelLibraryInsertFloatingSettings.floating.description": "The insert library floats over the canvas",
-  "component.dockLabelLibraryReplaceAutoCloseSettings": "Auto close replace panel",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.false": "Keep Open",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was replaced",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.true": "Close",
-  "component.dockLabelLibraryReplaceAutoCloseSettings.true.description": "Close the asset library panel after an asset was replaced",
-  "component.dockLabelLibraryReplaceFloatingSettings": "Replace panel",
-  "component.dockLabelLibraryReplaceFloatingSettings.fixed": "Fixed",
-  "component.dockLabelLibraryReplaceFloatingSettings.fixed.description": "The replace library is fixed side by side with the canvas",
-  "component.dockLabelLibraryReplaceFloatingSettings.floating": "Floating",
-  "component.dockLabelLibraryReplaceFloatingSettings.floating.description": "The replace library floats over the canvas",
-  "component.dockLabelVisibilityToggle": "Dock Label",
+  "component.dockLabelVisibilityToggle": "Labels",
   "component.dockLabelVisibilityToggle.hide": "Hide",
   "component.dockLabelVisibilityToggle.hide.description": "Hide labels for dock buttons",
   "component.dockLabelVisibilityToggle.show": "Show",
@@ -404,7 +401,7 @@
   "component.library.clearSearch": "Clear search",
   "component.library.elements": "Elements",
   "component.library.enterSection": "Enter section",
-  "component.library.error": "Cannot connect to to asset source",
+  "component.library.error": "Cannot connect to asset source",
   "component.library.loading": "Loading …",
   "component.library.noItems": "No elements",
   "component.library.noMoreItems": "No more elements",
@@ -423,6 +420,16 @@
   "component.placeholder.create": "$t(common.placeholder)",
   "component.placeholder.settings": "Change $t(common.placeholder) settings",
   "component.placeholder.settingsMenu": "$t(common.placeholder) settings menu",
+  "component.replacePanelAutoCloseSettings": "After replace",
+  "component.replacePanelAutoCloseSettings.false": "Keep Open",
+  "component.replacePanelAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was replaced",
+  "component.replacePanelAutoCloseSettings.true": "Close",
+  "component.replacePanelAutoCloseSettings.true.description": "Close the asset library panel after an asset was replaced",
+  "component.replacePanelFloatingSettings": "Behavior",
+  "component.replacePanelFloatingSettings.fixed": "Fixed",
+  "component.replacePanelFloatingSettings.fixed.description": "The replace library is fixed side by side with the canvas",
+  "component.replacePanelFloatingSettings.floating": "Floating",
+  "component.replacePanelFloatingSettings.floating.description": "The replace library floats over the canvas",
   "component.roleSelect": "$t(common.role)",
   "component.roleSelect.description": "Select $t(common.role)",
   "component.scalingSelect": "UI Scaling",
@@ -433,12 +440,17 @@
   "component.settings.toggle": "Customize Editor",
   "component.settings.toggle.description": "Open settings to customize editor",
   "component.settingsPanel.appearance": "Appearance",
+  "component.settingsPanel.assetPanel": "Asset Panel",
+  "component.settingsPanel.dock": "Dock",
+  "component.settingsPanel.general": "General",
   "component.settingsPanel.header": "Customize Editor",
+  "component.settingsPanel.inspectorPanel": "Inspector Panel",
+  "component.settingsPanel.replacePanel": "Replace Panel",
   "component.templateLibrary": "Template Library",
   "component.templateLibrary.abort": "$t(common.cancel)",
   "component.templateLibrary.confirm": "Yes, discard changes",
   "component.templateLibrary.dialog.body": "Your content, like images and text, can not be adopted and all content will be discarded.",
-  "component.templateLibrary.dialog.headline": "Replace current document?",
+  "component.templateLibrary.dialog.headline": "Replace current design?",
   "component.templateLibrary.dialog.invalid": "This preset is not valid and cannot be used.",
   "component.themeSelect": "Theme",
   "component.themeSelect.dark": "Dark",
@@ -452,7 +464,7 @@
   "component.topbar.close": "$t(common.close)",
   "component.undo.redo": "$t(common.redo)",
   "component.undo.undo": "$t(common.undo)",
-  "component.viewSelect": "{{role}} View",
+  "component.viewSelect": "View",
   "component.viewSelect.advanced": "Advanced",
   "component.viewSelect.advanced.description": "Always show the inspector.",
   "component.viewSelect.default": "Default",
@@ -485,7 +497,7 @@
   "input.clipContent": "Clip content",
   "input.clipContent.off.description": "Turn clip content off",
   "input.clipContent.on.description": "Turn clip content on",
-  "input.document": "$t(block.scene)",
+  "input.canvas": "Canvas",
   "input.effect": "Effect",
   "input.effect.tooltip": "Change effect",
   "input.export": "Export",
@@ -523,6 +535,15 @@
   "input.propertyToggle.visible": "Visible",
   "input.rename": "Rename {{designElementName}}",
   "input.resolution.select": "Select {{which}}",
+  "input.shadow.blur": "Blur",
+  "input.shadow.blur.description": "Shadow blur",
+  "input.shadow.description": "Change shadow properties",
+  "input.shadow.direction": "Direction",
+  "input.shadow.direction.description": "Shadow direction",
+  "input.shadow.label": "Shadow",
+  "input.shadow.size": "Size",
+  "input.shadow.size.description": "Shadow size",
+  "input.shadow.valueLabel": "Drop Shadow",
   "input.shape": "Shape",
   "input.shape.options": "Shape Options",
   "input.showInExport": "Show in export",
@@ -536,7 +557,6 @@
   "input.typefaceSelect.tooltip": "Change typeface",
   "input.unit.tooltip": "Select $t(common.unit)",
   "input.uploadImage": "Uploading image...",
-  "libraries.local.label": "Uploads",
   "libraries.ly.img.image.label": "Images",
   "libraries.ly.img.local.label": "Local",
   "libraries.ly.img.sticker.doodle.label": "Doodle",
@@ -549,6 +569,7 @@
   "libraries.ly.img.text.label": "Text",
   "libraries.ly.img.text.paragraph.label": "Paragraph",
   "libraries.ly.img.text.title.label": "Title",
+  "libraries.ly.img.upload.label": "Uploads",
   "libraries.ly.img.vectorpath.abstract.label": "Abstract",
   "libraries.ly.img.vectorpath.label": "Shapes",
   "libraries.ly.img.vectorpath.vectorpaths.label": "Basic",
@@ -657,6 +678,7 @@
   "property.crop.scale.description": "Proportionally scale image dimensions",
   "property.crop.size": "Crop Area",
   "property.crop.size.description": "{{dimension}} of the crop frame in {{unit}}",
+  "property.crop.straighten": "Straighten",
   "property.crop.tooltip": "Change crop properties",
   "property.crop.transform": "$t(block.image)",
   "property.duotoneFilter.breezy": "Breezy",

package/assets/ui/stylesheets/cesdk-themes.css

@@ -1 +1 @@
-.ubq-dark{--ubq-elevation-3: hsl(210, 4%, 25%);--ubq-elevation-2: hsl(210, 7.5%, 20%);--ubq-elevation-1: hsl(210, 15%, 15%);--ubq-canvas: hsl(210, 30%, 10%);--ubq-foreground-default: hsla(210, 0%, 100%, 0.9);--ubq-foreground-light: hsla(210, 0%, 100%, 0.7);--ubq-foreground-info: hsla(210, 0%, 100%, 0.5);--ubq-foreground-active: hsla(210, 30%, 10%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.1);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.06);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.06);--ubq-interactive-selected: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.2);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.88);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) ), hsla(210, 100%, 95%, 0.65);--ubq-interactive-active-pressed: hsla(0, 0%, 100%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.8);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.7);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.7);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.85);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 62%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.6);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.5);--ubq-interactive-template-pressed: hsla(274, 97%, 60%, 0.5);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.2);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.4);--ubq-interactive-group-default: hsla(0, 0%, 100%, 0);--ubq-interactive-group-hover: hsla(0, 0%, 100%, 0.04);--ubq-interactive-group-active-default: hsla(0, 0%, 100%, 0.08);--ubq-interactive-group-active-hover: hsla(0, 0%, 100%, 0.12);--ubq-progress: hsla(210, 0%, 100%, 0.7);--ubq-border-outline: hsla(0, 0%, 100%, 0.16);--ubq-border-divider: hsla(0, 0%, 100%, 0.08);--ubq-border-contrast: hsla(0, 0%, 100%, 0.25);--ubq-focus-default: hsl(230, 90%, 80%);--ubq-focus-outline: hsl(210, 30%, 10%);--ubq-overlay: hsla(210, 30%, 10%, 0.8);--ubq-notice-info: hsla(0, 0%, 100%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 60%, 1);--ubq-notice-error: hsla(338, 64%, 62%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default);--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-light{--ubq-elevation-3: hsl(210, 16%, 96%);--ubq-elevation-2: hsl(210, 16%, 93%);--ubq-elevation-1: hsl(210, 16%, 90%);--ubq-canvas: hsl(210, 16%, 86%);--ubq-foreground-default: hsla(210, 30%, 10%, 0.9);--ubq-foreground-light: hsla(210, 30%, 10%, 0.7);--ubq-foreground-info: hsla(210, 30%, 10%, 0.5);--ubq-foreground-active: hsla(210, 0%, 100%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.85);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.4);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.4);--ubq-interactive-selected: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.6);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.75);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.65);--ubq-interactive-active-pressed: hsla(210, 60%, 5%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 1);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.9);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.9);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.8);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 51%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.5);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.45);--ubq-interactive-template-pressed: hsla(274, 97%, 50%, 0.45);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.04);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.08);--ubq-interactive-group-default: hsla(208, 29%, 10%, 0);--ubq-interactive-group-hover: hsla(208, 29%, 10%, 0.04);--ubq-interactive-group-active-default: hsla(208, 29%, 10%, 0.08);--ubq-interactive-group-active-hover: hsla(208, 29%, 10%, 0.12);--ubq-progress: hsla(210, 30%, 10%, 0.7);--ubq-border-outline: hsla(210, 0%, 100%, 0.4);--ubq-border-divider: hsla(210, 0%, 0%, 0.08);--ubq-border-contrast: hsla(210, 0%, 0%, 0.25);--ubq-focus-default: hsl(230, 100%, 60%);--ubq-focus-outline: hsl(210, 10%, 85%);--ubq-overlay: hsla(210, 10%, 85%, 0.8);--ubq-notice-info: hsla(210, 30%, 10%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 37%, 1);--ubq-notice-error: hsla(338, 64%, 51%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default);--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-normal{--ubq-typography-headline-l-size: 16px;--ubq-typography-headline-l-line_height: 20px;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-m-size: 12px;--ubq-typography-headline-m-line_height: 16px;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-weight: 600;--ubq-typography-label-m-size: 12px;--ubq-typography-label-m-line_height: 16px;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-weight: normal;--ubq-typography-label-s-size: 10px;--ubq-typography-label-s-line_height: 14px;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-weight: normal;--ubq-typography-body-m-size: 12px;--ubq-typography-body-m-line_height: 18px;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-weight: normal;--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-line_height: 16px;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-weight: 500;--ubq-typography-button-m-size: 12px;--ubq-typography-button-m-line_height: 16px;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-weight: normal;--ubq-scale-base: 4px;--ubq-margin-base: 4px;--ubq-margin-xs: 4px;--ubq-margin-s: 8px;--ubq-margin-m: 12px;--ubq-margin-l: 16px;--ubq-margin-xl: 24px;--ubq-border_radius-base: 3px;--ubq-border_radius-s: 3px;--ubq-border_radius-m: 6px;--ubq-border_radius-l: 12px}.ubq-large{--ubq-typography-headline-l-size: 20px;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-weight: 600;--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-weight: normal;--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-weight: normal;--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-weight: normal;--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-line_height: 20px;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-weight: 500;--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-line_height: 20px;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-weight: normal;--ubq-scale-base: 5px;--ubq-margin-base: 5px;--ubq-margin-xs: 5px;--ubq-margin-s: 10px;--ubq-margin-m: 15px;--ubq-margin-l: 20px;--ubq-margin-xl: 30px;--ubq-border_radius-base: 3.75px;--ubq-border_radius-s: 3.75px;--ubq-border_radius-m: 7.5px;--ubq-border_radius-l: 15px}
+.ubq-dark{--ubq-elevation-3: hsl(210, 4%, 25%);--ubq-elevation-2: hsl(210, 7.5%, 20%);--ubq-elevation-1: hsl(210, 15%, 15%);--ubq-canvas: hsl(210, 30%, 10%);--ubq-foreground-default: hsla(210, 0%, 100%, 0.9);--ubq-foreground-light: hsla(210, 0%, 100%, 0.7);--ubq-foreground-info: hsla(210, 0%, 100%, 0.5);--ubq-foreground-active: hsla(210, 30%, 10%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.1);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.06);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.06);--ubq-interactive-selected: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.04), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.2);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.88);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) ), hsla(210, 100%, 95%, 0.65);--ubq-interactive-active-pressed: hsla(0, 0%, 100%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.8);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.7);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.7);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.85);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 62%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 62%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.6);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 60%, 0.5);--ubq-interactive-template-pressed: hsla(274, 97%, 60%, 0.5);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.2);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.2), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.4);--ubq-interactive-group-default: hsla(0, 0%, 100%, 0);--ubq-interactive-group-hover: hsla(0, 0%, 100%, 0.04);--ubq-interactive-group-active-default: hsla(0, 0%, 100%, 0.08);--ubq-interactive-group-active-hover: hsla(0, 0%, 100%, 0.12);--ubq-progress: hsla(210, 0%, 100%, 0.7);--ubq-border-outline: hsla(0, 0%, 100%, 0.16);--ubq-border-divider: hsla(0, 0%, 100%, 0.08);--ubq-border-contrast: hsla(0, 0%, 100%, 0.25);--ubq-focus-default: hsl(230, 90%, 80%);--ubq-focus-outline: hsl(210, 30%, 10%);--ubq-overlay: hsla(210, 30%, 10%, 0.8);--ubq-notice-info: hsla(0, 0%, 100%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 60%, 1);--ubq-notice-error: hsla(338, 64%, 62%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default);--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-light{--ubq-elevation-3: hsl(210, 16%, 96%);--ubq-elevation-2: hsl(210, 16%, 93%);--ubq-elevation-1: hsl(210, 16%, 90%);--ubq-canvas: hsl(210, 16%, 86%);--ubq-foreground-default: hsla(210, 30%, 10%, 0.9);--ubq-foreground-light: hsla(210, 30%, 10%, 0.7);--ubq-foreground-info: hsla(210, 30%, 10%, 0.5);--ubq-foreground-active: hsla(210, 0%, 100%, 0.9);--ubq-foreground-accent: hsla(210, 0%, 100%, 1);--ubq-foreground-danger: hsla(210, 0%, 100%, 1);--ubq-interactive-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.85);--ubq-interactive-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.4);--ubq-interactive-pressed: hsla(0, 0%, 100%, 0.4);--ubq-interactive-selected: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) ), hsla(0, 0%, 100%, 0.6);--ubq-interactive-active-default: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.75);--ubq-interactive-active-hover: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(210, 60%, 5%, 0.65);--ubq-interactive-active-pressed: hsla(210, 60%, 5%, 0.65);--ubq-interactive-accent-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 1);--ubq-interactive-accent-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0) ), hsla(230, 90%, 60%, 0.9);--ubq-interactive-accent-pressed: hsla(230, 90%, 60%, 0.9);--ubq-interactive-danger-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.8);--ubq-interactive-danger-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0) ), hsla(338, 64%, 51%, 0.65);--ubq-interactive-danger-pressed: hsla(338, 64%, 51%, 0.65);--ubq-interactive-template-default: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.5);--ubq-interactive-template-hover: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) ), hsla(274, 97%, 50%, 0.45);--ubq-interactive-template-pressed: hsla(274, 97%, 50%, 0.45);--ubq-input-default: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.04);--ubq-input-hover: linear-gradient( to bottom, hsla(0, 0%, 0%, 0.04), hsla(0, 0%, 0%, 0) ), hsla(0, 0%, 0%, 0.08);--ubq-interactive-group-default: hsla(208, 29%, 10%, 0);--ubq-interactive-group-hover: hsla(208, 29%, 10%, 0.04);--ubq-interactive-group-active-default: hsla(208, 29%, 10%, 0.08);--ubq-interactive-group-active-hover: hsla(208, 29%, 10%, 0.12);--ubq-progress: hsla(210, 30%, 10%, 0.7);--ubq-border-outline: hsla(210, 0%, 100%, 0.4);--ubq-border-divider: hsla(210, 0%, 0%, 0.08);--ubq-border-contrast: hsla(210, 0%, 0%, 0.25);--ubq-focus-default: hsl(230, 100%, 60%);--ubq-focus-outline: hsl(210, 10%, 85%);--ubq-overlay: hsla(210, 10%, 85%, 0.8);--ubq-notice-info: hsla(210, 30%, 10%, 1);--ubq-notice-success: hsla(166, 90%, 37%, 1);--ubq-notice-warning: hsla(40, 100%, 37%, 1);--ubq-notice-error: hsla(338, 64%, 51%, 1);--ubq-effect-shadow: 0px 4px 16px -4px hsla(210, 27%, 9%, 0.14), 0px 1px 20px -4px hsla(210, 27%, 9%, 0.12), 0px 2px 12px -4px hsla(210, 27%, 9%, 0.2);--ubq-effect-focus: 0 0 0 calc(var(--ubq-scale-base) / 2 - 0.01px) var(--ubq-focus-outline), 0 0 0 var(--ubq-scale-base) var(--ubq-focus-default);--ubq-static-selection-frame: hsl(230, 100%, 60%);--ubq-static-contrast-white: hsl(0, 0%, 100%);--ubq-static-contrast-black: hsl(0, 0%, 0%);--ubq-static-snapping: hsl(338, 100%, 50%);--ubq-static-bleed: hsl(334, 73%, 43%);--ubq-static-text-variable: hsl(274, 97%, 60%);--ubq-static-card-label-background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 14.46%, rgba(0, 0, 0, 0.6) 100% );--ubq-static-card-background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 0%, 0.08) ), hsla(0, 0%, 67%, 0.16)}.ubq-normal{--ubq-typography-headline-l-size: 16px;--ubq-typography-headline-l-line_height: 20px;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-m-size: 12px;--ubq-typography-headline-m-line_height: 16px;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-weight: 600;--ubq-typography-label-m-size: 12px;--ubq-typography-label-m-line_height: 16px;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-weight: normal;--ubq-typography-label-s-size: 10px;--ubq-typography-label-s-line_height: 14px;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-weight: normal;--ubq-typography-body-m-size: 12px;--ubq-typography-body-m-line_height: 18px;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-weight: normal;--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-line_height: 16px;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-weight: 500;--ubq-typography-button-m-size: 12px;--ubq-typography-button-m-line_height: 16px;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-weight: normal;--ubq-scale-base: 4px;--ubq-margin-base: 4px;--ubq-margin-xs: 4px;--ubq-margin-s: 8px;--ubq-margin-m: 12px;--ubq-margin-l: 16px;--ubq-margin-xl: 24px;--ubq-border_radius-base: 4px;--ubq-border_radius-s: 4px;--ubq-border_radius-m: 8px;--ubq-border_radius-l: 12px}.ubq-large{--ubq-typography-headline-l-size: 20px;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-weight: 600;--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-weight: normal;--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-weight: normal;--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-weight: normal;--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-line_height: 20px;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-weight: 500;--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-line_height: 20px;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-weight: normal;--ubq-scale-base: 5px;--ubq-margin-base: 5px;--ubq-margin-xs: 5px;--ubq-margin-s: 10px;--ubq-margin-m: 15px;--ubq-margin-l: 20px;--ubq-margin-xl: 30px;--ubq-border_radius-base: 5px;--ubq-border_radius-s: 5px;--ubq-border_radius-m: 10px;--ubq-border_radius-l: 15px}