@cesdk/cesdk-js 1.8.0-alpha.1 → 1.8.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/core/{cesdk-ca9a6adbe5d499d26d6e-v1.8.0-alpha.1.data → cesdk-v1.8.0-alpha.4.data} +0 -0
- package/assets/core/{cesdk-c64155b4bb97ed4b2724-v1.8.0-alpha.1.wasm → cesdk-v1.8.0-alpha.4.wasm} +0 -0
- package/assets/i18n/de.json +8 -5
- package/assets/i18n/en.json +47 -44
- package/assets/ui/effects/cross_cut.jpeg +0 -0
- package/assets/ui/effects/dot_pattern.jpeg +0 -0
- package/assets/ui/effects/extrude_blur.jpeg +0 -0
- package/assets/ui/effects/glow.jpeg +0 -0
- package/assets/ui/effects/half_tone.jpeg +0 -0
- package/assets/ui/effects/linocut.jpeg +0 -0
- package/assets/ui/effects/liquid.jpeg +0 -0
- package/assets/ui/effects/manifest.json +34 -0
- package/assets/ui/effects/mirror.jpeg +0 -0
- package/assets/ui/effects/outliner.jpeg +0 -0
- package/assets/ui/effects/pixelize.jpeg +0 -0
- package/assets/ui/effects/posterize.jpeg +0 -0
- package/assets/ui/effects/radial_pixel.jpeg +0 -0
- package/assets/ui/effects/sharpie.jpeg +0 -0
- package/assets/ui/effects/shifter.jpeg +0 -0
- package/assets/ui/effects/tilt_shift.jpeg +0 -0
- package/assets/ui/effects/tv_glitch.jpeg +0 -0
- package/assets/ui/effects/vignette.jpeg +0 -0
- package/assets/ui/stylesheets/cesdk-themes.css +1 -1
- package/assets/ui/stylesheets/cesdk.css +7 -6
- package/cesdk.umd.js +1 -1
- package/index.d.ts +153 -6
- package/package.json +1 -1
package/assets/core/{cesdk-ca9a6adbe5d499d26d6e-v1.8.0-alpha.1.data → cesdk-v1.8.0-alpha.4.data}
RENAMED
|
Binary file
|
package/assets/core/{cesdk-c64155b4bb97ed4b2724-v1.8.0-alpha.1.wasm → cesdk-v1.8.0-alpha.4.wasm}
RENAMED
|
Binary file
|
package/assets/i18n/de.json
CHANGED
|
@@ -222,10 +222,10 @@
|
|
|
222
222
|
"assets.ly.img.ubq.shapes.polygon.label": "Mehreck",
|
|
223
223
|
"assets.ly.img.ubq.shapes.rect.label": "Rechteck",
|
|
224
224
|
"assets.ly.img.ubq.shapes.star.label": "Stern",
|
|
225
|
-
"action.shadow.blur.change": "Schattenunschärfe ändern",
|
|
226
|
-
"action.shadow.color.change": "Schattenfarbe ändern",
|
|
227
225
|
"action.shadow.angle.change": "Schattenwinkel ändern",
|
|
228
226
|
"action.shadow.angle.rotate": "Schatten um 45 Grad im Uhrzeigersinn drehen",
|
|
227
|
+
"action.shadow.blur.change": "Schattenunschärfe ändern",
|
|
228
|
+
"action.shadow.color.change": "Schattenfarbe ändern",
|
|
229
229
|
"action.shadow.distance.change": "Schattenabstand ändern",
|
|
230
230
|
"action.strokeJoin.change": "Konturkanten ändern",
|
|
231
231
|
"action.strokePosition.change": "Konturposition ändern",
|
|
@@ -267,6 +267,7 @@
|
|
|
267
267
|
"common.controlKey": "Strg",
|
|
268
268
|
"common.custom": "Eigene",
|
|
269
269
|
"common.delete": "Löschen",
|
|
270
|
+
"common.done": "Fertig",
|
|
270
271
|
"common.download": "Download",
|
|
271
272
|
"common.duplicate": "Duplizieren",
|
|
272
273
|
"common.edit": "Editieren",
|
|
@@ -540,14 +541,14 @@
|
|
|
540
541
|
"input.propertyToggle.visible": "Sichtbar",
|
|
541
542
|
"input.rename": "{{designElementName}} umbenennen",
|
|
542
543
|
"input.resolution.select": "{{which}} auswählen",
|
|
544
|
+
"input.shadow.angle": "Winkel",
|
|
545
|
+
"input.shadow.angle.description": "Schattenwinkel",
|
|
543
546
|
"input.shadow.blur": "Unschärfe",
|
|
544
547
|
"input.shadow.blur.description": "Schattenunschärfe",
|
|
545
548
|
"input.shadow.description": "Schatten ändern",
|
|
546
|
-
"input.shadow.angle": "Winkel",
|
|
547
|
-
"input.shadow.angle.description": "Schattenwinkel",
|
|
548
|
-
"input.shadow.label": "Schatten",
|
|
549
549
|
"input.shadow.distance": "Abstand",
|
|
550
550
|
"input.shadow.distance.description": "Schattenabstand",
|
|
551
|
+
"input.shadow.label": "Schatten",
|
|
551
552
|
"input.shadow.valueLabel": "Schlagschatten",
|
|
552
553
|
"input.shape": "Form",
|
|
553
554
|
"input.shape.options": "Form Optionen",
|
|
@@ -705,6 +706,8 @@
|
|
|
705
706
|
"property.effect.dotPattern.blur": "Unschärfe",
|
|
706
707
|
"property.effect.dotPattern.dots": "Anzahl Punkte",
|
|
707
708
|
"property.effect.dotPattern.size": "Größe Punkte",
|
|
709
|
+
"property.effect.extrudeBlur": "Zoom Unschärfe",
|
|
710
|
+
"property.effect.extrudeBlur.amount": "Intensität",
|
|
708
711
|
"property.effect.glow.amount": "Intensität",
|
|
709
712
|
"property.effect.glow.darkness": "Dunkelkeit",
|
|
710
713
|
"property.effect.glow.size": "Schimmer",
|
package/assets/i18n/en.json
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"action.arrange": "$t(common.arrange)",
|
|
3
|
-
"action.arrange.bringForward": "Bring
|
|
4
|
-
"action.arrange.sendBackward": "Send
|
|
5
|
-
"action.arrange.toBack": "Send to
|
|
6
|
-
"action.arrange.toFront": "Bring to
|
|
7
|
-
"action.block.add": "Add
|
|
8
|
-
"action.block.copy": "Copy
|
|
3
|
+
"action.arrange.bringForward": "Bring Forward",
|
|
4
|
+
"action.arrange.sendBackward": "Send Backward",
|
|
5
|
+
"action.arrange.toBack": "Send to Back",
|
|
6
|
+
"action.arrange.toFront": "Bring to Front",
|
|
7
|
+
"action.block.add": "Add Element",
|
|
8
|
+
"action.block.copy": "Copy Element",
|
|
9
9
|
"action.block.delete": "$t(common.delete)",
|
|
10
10
|
"action.block.delete_plural": "$t(common.delete) ({{count}})",
|
|
11
11
|
"action.block.duplicate": "$t(common.duplicate)",
|
|
12
|
-
"action.block.flipX": "Flip
|
|
13
|
-
"action.block.flipY": "Flip
|
|
12
|
+
"action.block.flipX": "Flip Element (Horizontal)",
|
|
13
|
+
"action.block.flipY": "Flip Element (Vertical)",
|
|
14
14
|
"action.block.lock": "$t(common.lock)",
|
|
15
|
-
"action.block.lock.description": "Lock
|
|
16
|
-
"action.block.move": "Move
|
|
15
|
+
"action.block.lock.description": "Lock Element",
|
|
16
|
+
"action.block.move": "Move Element",
|
|
17
17
|
"action.block.paste": "Paste Element",
|
|
18
|
-
"action.block.rename": "Rename
|
|
19
|
-
"action.block.resize": "Resize
|
|
20
|
-
"action.block.rotate": "Rotate
|
|
21
|
-
"action.block.toggleVisibility": "(Un)hide
|
|
18
|
+
"action.block.rename": "Rename Element",
|
|
19
|
+
"action.block.resize": "Resize Element",
|
|
20
|
+
"action.block.rotate": "Rotate Element",
|
|
21
|
+
"action.block.toggleVisibility": "(Un)hide Element",
|
|
22
22
|
"action.block.unlock": "$t(common.unlock)",
|
|
23
|
-
"action.block.unlock.description": "Unlock
|
|
24
|
-
"action.crop.mirror": "Mirror the
|
|
25
|
-
"action.crop.turn": "Turn the
|
|
23
|
+
"action.block.unlock.description": "Unlock Element",
|
|
24
|
+
"action.crop.mirror": "Mirror the Image",
|
|
25
|
+
"action.crop.turn": "Turn the Image 90˚ Counterclockwise",
|
|
26
26
|
"action.crop.turnAndMirror": "Turn & Mirror",
|
|
27
27
|
"action.editText": "$t(common.edit)",
|
|
28
28
|
"action.enterGroup": "Enter Group",
|
|
@@ -222,10 +222,10 @@
|
|
|
222
222
|
"assets.ly.img.ubq.shapes.polygon.label": "Polygon",
|
|
223
223
|
"assets.ly.img.ubq.shapes.rect.label": "Rectangle",
|
|
224
224
|
"assets.ly.img.ubq.shapes.star.label": "Star",
|
|
225
|
-
"action.shadow.blur.change": "Change shadow blur",
|
|
226
|
-
"action.shadow.color.change": "Change shadow color",
|
|
227
225
|
"action.shadow.angle.change": "Change shadow angle",
|
|
228
226
|
"action.shadow.angle.rotate": "Rotate shadow 45 degrees clockwise",
|
|
227
|
+
"action.shadow.blur.change": "Change shadow blur",
|
|
228
|
+
"action.shadow.color.change": "Change shadow color",
|
|
229
229
|
"action.shadow.distance.change": "Change shadow distance",
|
|
230
230
|
"action.strokeJoin.change": "Change stroke joints",
|
|
231
231
|
"action.strokePosition.change": "Change stroke position",
|
|
@@ -267,6 +267,7 @@
|
|
|
267
267
|
"common.controlKey": "Ctrl",
|
|
268
268
|
"common.custom": "Custom",
|
|
269
269
|
"common.delete": "Delete",
|
|
270
|
+
"common.done": "Done",
|
|
270
271
|
"common.download": "Download",
|
|
271
272
|
"common.duplicate": "Duplicate",
|
|
272
273
|
"common.edit": "Edit",
|
|
@@ -319,7 +320,7 @@
|
|
|
319
320
|
"common.unlock": "Unlock",
|
|
320
321
|
"common.width": "Width",
|
|
321
322
|
"common.width.inUnit": "Width in {{unit}}",
|
|
322
|
-
"component.assetPanelAutoCloseSettings": "After
|
|
323
|
+
"component.assetPanelAutoCloseSettings": "After Insert",
|
|
323
324
|
"component.assetPanelAutoCloseSettings.false": "Keep Open",
|
|
324
325
|
"component.assetPanelAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was inserted",
|
|
325
326
|
"component.assetPanelAutoCloseSettings.true": "Close",
|
|
@@ -351,12 +352,12 @@
|
|
|
351
352
|
"component.colorPicker.colorItem.transparent": "Color item {{index}}, Color name: transparent",
|
|
352
353
|
"component.colorPicker.description": "Change color",
|
|
353
354
|
"component.colorPicker.hsl.description": "{{componentName}}, $t(common.nearestColorName): {{nearestColorName}}; $t(common.colorValue): hue: {{hue}}°, saturation: {{saturation}}%, lightness: {{lightness}}% ",
|
|
354
|
-
"component.colorPicker.hueGradient": "Hue
|
|
355
|
-
"component.colorSchemeSelect.accent": "Accent
|
|
355
|
+
"component.colorPicker.hueGradient": "Hue Gradient Selection",
|
|
356
|
+
"component.colorSchemeSelect.accent": "Accent Color",
|
|
356
357
|
"component.colorSchemeSelect.accent.description": "Change accent color",
|
|
357
|
-
"component.colorSchemeSelect.active": "Active
|
|
358
|
+
"component.colorSchemeSelect.active": "Active Color",
|
|
358
359
|
"component.colorSchemeSelect.active.description": "Change active color",
|
|
359
|
-
"component.colorSchemeSelect.background": "Background
|
|
360
|
+
"component.colorSchemeSelect.background": "Background Color",
|
|
360
361
|
"component.colorSchemeSelect.background.description": "Change background color",
|
|
361
362
|
"component.dnd.description": "The added files are stored in the library",
|
|
362
363
|
"component.dnd.prompt": "Drag file here",
|
|
@@ -396,15 +397,15 @@
|
|
|
396
397
|
"component.layerList.layers": "Layers",
|
|
397
398
|
"component.layerList.pages": "Pages",
|
|
398
399
|
"component.library": "Library",
|
|
399
|
-
"component.library.addFile": "Add
|
|
400
|
+
"component.library.addFile": "Add File",
|
|
400
401
|
"component.library.breadcrumbRoot": "All",
|
|
401
402
|
"component.library.clearSearch": "Clear search",
|
|
402
403
|
"component.library.elements": "Elements",
|
|
403
404
|
"component.library.enterSection": "Enter section",
|
|
404
405
|
"component.library.error": "Cannot connect to asset source",
|
|
405
406
|
"component.library.loading": "Loading …",
|
|
406
|
-
"component.library.noItems": "No
|
|
407
|
-
"component.library.noMoreItems": "No
|
|
407
|
+
"component.library.noItems": "No Elements",
|
|
408
|
+
"component.library.noMoreItems": "No More Elements",
|
|
408
409
|
"component.library.searchPlaceholder": "Search …",
|
|
409
410
|
"component.librarySettings": "Libraries",
|
|
410
411
|
"component.librarySettings.elementLibrary": "Element Library",
|
|
@@ -423,7 +424,7 @@
|
|
|
423
424
|
"component.placeholder.create": "$t(common.placeholder)",
|
|
424
425
|
"component.placeholder.settings": "Change $t(common.placeholder) settings",
|
|
425
426
|
"component.placeholder.settingsMenu": "$t(common.placeholder) settings menu",
|
|
426
|
-
"component.replacePanelAutoCloseSettings": "After
|
|
427
|
+
"component.replacePanelAutoCloseSettings": "After Replace",
|
|
427
428
|
"component.replacePanelAutoCloseSettings.false": "Keep Open",
|
|
428
429
|
"component.replacePanelAutoCloseSettings.false.description": "Keep the asset library panel open after an asset was replaced",
|
|
429
430
|
"component.replacePanelAutoCloseSettings.true": "Close",
|
|
@@ -540,18 +541,18 @@
|
|
|
540
541
|
"input.propertyToggle.visible": "Visible",
|
|
541
542
|
"input.rename": "Rename {{designElementName}}",
|
|
542
543
|
"input.resolution.select": "Select {{which}}",
|
|
544
|
+
"input.shadow.angle": "Angle",
|
|
545
|
+
"input.shadow.angle.description": "Shadow angle",
|
|
543
546
|
"input.shadow.blur": "Blur",
|
|
544
547
|
"input.shadow.blur.description": "Shadow blur",
|
|
545
548
|
"input.shadow.description": "Change shadow properties",
|
|
546
|
-
"input.shadow.angle": "Angle",
|
|
547
|
-
"input.shadow.angle.description": "Shadow angle",
|
|
548
|
-
"input.shadow.label": "Shadow",
|
|
549
549
|
"input.shadow.distance": "Distance",
|
|
550
550
|
"input.shadow.distance.description": "Shadow distance",
|
|
551
|
+
"input.shadow.label": "Shadow",
|
|
551
552
|
"input.shadow.valueLabel": "Drop Shadow",
|
|
552
553
|
"input.shape": "Shape",
|
|
553
554
|
"input.shape.options": "Shape Options",
|
|
554
|
-
"input.showInExport": "Show in
|
|
555
|
+
"input.showInExport": "Show in Export",
|
|
555
556
|
"input.sliderInput.toggleNumberInput": "Display direct value input",
|
|
556
557
|
"input.text.advanced": "$t(common.advanced)",
|
|
557
558
|
"input.text.advanced.description": "Line Height, Spacing, Alignment & Sizing",
|
|
@@ -707,6 +708,8 @@
|
|
|
707
708
|
"property.effect.dotPattern.blur": "Global Blur",
|
|
708
709
|
"property.effect.dotPattern.dots": "Number of Dots",
|
|
709
710
|
"property.effect.dotPattern.size": "Size of Dots",
|
|
711
|
+
"property.effect.extrudeBlur": "Extrude Blur",
|
|
712
|
+
"property.effect.extrudeBlur.amount": "Intensity",
|
|
710
713
|
"property.effect.glow": "Glow",
|
|
711
714
|
"property.effect.glow.amount": "Intensity",
|
|
712
715
|
"property.effect.glow.darkness": "Darkening",
|
|
@@ -890,20 +893,20 @@
|
|
|
890
893
|
"property.strokeWidth": "Width",
|
|
891
894
|
"property.strokeWidth.description": "Change stroke width",
|
|
892
895
|
"property.textAlignment.horizontal": "Horizontal Alignment",
|
|
893
|
-
"property.textAlignment.horizontal.center": "Align
|
|
896
|
+
"property.textAlignment.horizontal.center": "Align Text to the Center",
|
|
894
897
|
"property.textAlignment.horizontal.description": "Change horizontal alignment",
|
|
895
|
-
"property.textAlignment.horizontal.left": "Align
|
|
896
|
-
"property.textAlignment.horizontal.right": "Align
|
|
898
|
+
"property.textAlignment.horizontal.left": "Align Text to the Left",
|
|
899
|
+
"property.textAlignment.horizontal.right": "Align Text to the Right",
|
|
897
900
|
"property.textAlignment.vertical": "Vertical Alignment",
|
|
898
|
-
"property.textAlignment.vertical.bottom": "Align
|
|
899
|
-
"property.textAlignment.vertical.center": "Align
|
|
900
|
-
"property.textAlignment.vertical.top": "Align
|
|
901
|
-
"scope.content.replace": "Allow to
|
|
902
|
-
"scope.design.arrange": "Allow to
|
|
903
|
-
"scope.design.style": "Allow to
|
|
904
|
-
"scope.editor.select": "Allow to
|
|
905
|
-
"scope.lifecycle.destroy": "Allow to
|
|
906
|
-
"scope.lifecycle.duplicate": "Allow to
|
|
901
|
+
"property.textAlignment.vertical.bottom": "Align Text to the Bottom",
|
|
902
|
+
"property.textAlignment.vertical.center": "Align Text to the Center",
|
|
903
|
+
"property.textAlignment.vertical.top": "Align Text to the Top",
|
|
904
|
+
"scope.content.replace": "Allow to Replace Content",
|
|
905
|
+
"scope.design.arrange": "Allow to Arrange",
|
|
906
|
+
"scope.design.style": "Allow to Style",
|
|
907
|
+
"scope.editor.select": "Allow to Select",
|
|
908
|
+
"scope.lifecycle.destroy": "Allow to Delete",
|
|
909
|
+
"scope.lifecycle.duplicate": "Allow to Duplicate",
|
|
907
910
|
"typography.bold": "Bold",
|
|
908
911
|
"typography.italic": "Italic",
|
|
909
912
|
"typography.normal": "Normal",
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "//ly.img.cesdk.effects",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"schemaVersion": "0.1.0",
|
|
5
|
+
"assets": [
|
|
6
|
+
{
|
|
7
|
+
"type": "ly.img.effect",
|
|
8
|
+
"assets": [
|
|
9
|
+
{ "id": "None", "thumbPath": "thumbnails/imgly_effect_1.jpeg" },
|
|
10
|
+
{ "id": "Pixelize", "thumbPath": "thumbnails/imgly_effect_2.jpeg" },
|
|
11
|
+
{ "id": "RadialPixel", "thumbPath": "thumbnails/imgly_effect_3.jpeg" },
|
|
12
|
+
{ "id": "CrossCut", "thumbPath": "thumbnails/imgly_effect_4.jpeg" },
|
|
13
|
+
{ "id": "Liquid", "thumbPath": "thumbnails/imgly_effect_6.jpeg" },
|
|
14
|
+
{ "id": "Outliner", "thumbPath": "thumbnails/imgly_effect_9.jpeg" },
|
|
15
|
+
{ "id": "DotPattern", "thumbPath": "thumbnails/imgly_effect_11.jpeg" },
|
|
16
|
+
{ "id": "Posterize", "thumbPath": "thumbnails/imgly_effect_12.jpeg" },
|
|
17
|
+
{ "id": "TvGlitch", "thumbPath": "thumbnails/imgly_effect_13.jpeg" },
|
|
18
|
+
{ "id": "HalfTone", "thumbPath": "thumbnails/imgly_effect_14.jpeg" },
|
|
19
|
+
{ "id": "Linocut", "thumbPath": "thumbnails/imgly_effect_15.jpeg" },
|
|
20
|
+
{ "id": "Shifter", "thumbPath": "thumbnails/imgly_effect_17.jpeg" },
|
|
21
|
+
{ "id": "Mirror", "thumbPath": "thumbnails/imgly_effect_18.jpeg" },
|
|
22
|
+
{ "id": "Glow", "thumbPath": "thumbnails/imgly_effect_19.jpeg" },
|
|
23
|
+
{ "id": "Vignette", "thumbPath": "thumbnails/imgly_effect_20.jpeg" },
|
|
24
|
+
{ "id": "TiltShift", "thumbPath": "thumbnails/imgly_effect_21.jpeg" },
|
|
25
|
+
{ "id": "Sharpie", "thumbPath": "thumbnails/imgly_effect_28.jpeg" },
|
|
26
|
+
{ "id": "UniformBlur", "thumbPath": "thumbnails/imgly_effect_26.jpeg" },
|
|
27
|
+
{ "id": "ExtrudeBlur", "thumbPath": "thumbnails/imgly_effect_22.jpeg" },
|
|
28
|
+
{ "id": "LinearBlur", "thumbPath": "thumbnails/imgly_effect_23.jpeg" },
|
|
29
|
+
{ "id": "MirroredBlur", "thumbPath": "thumbnails/imgly_effect_24.jpeg" },
|
|
30
|
+
{ "id": "RadialBlur", "thumbPath": "thumbnails/imgly_effect_25.jpeg" }
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +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-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-size: 16px;--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-line_height: 20px;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-size: 12px;--ubq-typography-headline-m-weight: 600;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-line_height: 16px;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-size: 12px;--ubq-typography-label-m-weight: normal;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-line_height: 16px;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-size: 10px;--ubq-typography-label-s-weight: normal;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-line_height: 14px;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-size: 12px;--ubq-typography-body-m-weight: normal;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-line_height: 18px;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-weight: 500;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-line_height: 16px;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-size: 12px;--ubq-typography-button-m-weight: normal;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-line_height: 16px;--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-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-size: 20px;--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-weight: 600;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-weight: normal;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-weight: normal;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-weight: normal;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-weight: 500;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-line_height: 20px;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-weight: normal;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-line_height: 20px;--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}
|
|
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-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{--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-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-size: 16px;--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-line_height: 20px;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-size: 12px;--ubq-typography-headline-m-weight: 600;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-line_height: 16px;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-size: 12px;--ubq-typography-label-m-weight: normal;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-line_height: 16px;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-size: 10px;--ubq-typography-label-s-weight: normal;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-line_height: 14px;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-size: 12px;--ubq-typography-body-m-weight: normal;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-line_height: 18px;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-size: 12px;--ubq-typography-input-m-weight: 500;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-line_height: 16px;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-size: 12px;--ubq-typography-button-m-weight: normal;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-line_height: 16px;--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-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-l-size: 20px;--ubq-typography-headline-l-weight: 600;--ubq-typography-headline-l-letter_spacing: 0.01em;--ubq-typography-headline-l-line_height: 25px;--ubq-typography-headline-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-headline-m-size: 15px;--ubq-typography-headline-m-weight: 600;--ubq-typography-headline-m-letter_spacing: 0.03em;--ubq-typography-headline-m-line_height: 20px;--ubq-typography-label-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-m-size: 15px;--ubq-typography-label-m-weight: normal;--ubq-typography-label-m-letter_spacing: 0.02em;--ubq-typography-label-m-line_height: 20px;--ubq-typography-label-s-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-label-s-size: 12.5px;--ubq-typography-label-s-weight: normal;--ubq-typography-label-s-letter_spacing: 0.02em;--ubq-typography-label-s-line_height: 17.5px;--ubq-typography-body-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-body-m-size: 15px;--ubq-typography-body-m-weight: normal;--ubq-typography-body-m-letter_spacing: 0.02em;--ubq-typography-body-m-line_height: 22.5px;--ubq-typography-input-m-font_family: var( --ubq-typography-font_family, "Overpass Mono", monospace );--ubq-typography-input-m-size: 15px;--ubq-typography-input-m-weight: 500;--ubq-typography-input-m-letter_spacing: 0.02em;--ubq-typography-input-m-line_height: 20px;--ubq-typography-button-m-font_family: var( --ubq-typography-font_family, "Inter", sans-serif );--ubq-typography-button-m-size: 15px;--ubq-typography-button-m-weight: normal;--ubq-typography-button-m-letter_spacing: 0.02em;--ubq-typography-button-m-line_height: 20px;--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}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.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
|
|
1
|
+
.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[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)}}
|
|
2
2
|
.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)}
|
|
3
3
|
.UBQ_Theme__block--ZM2Cr{height:100%;width:100%}.UBQ_Theme__transition--_mgYZ * *{transition:color,background-color .2s ease-in-out}
|
|
4
4
|
.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}
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
.UBQ_Separator__block--_gjia{height:1px;margin:0;flex-shrink:0;background:var(--ubq-border-divider);border:none}
|
|
44
44
|
.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)}
|
|
45
45
|
.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)}
|
|
46
|
-
.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}.
|
|
46
|
+
.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__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__inputRange--XwhAm:focus{background:var(--ubq-interactive-hover);outline:none;box-shadow:var(--ubq-effect-focus)}.UBQ_Slider__inputRange--XwhAm:focus::-webkit-slider-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__inputRange--XwhAm:focus::-moz-range-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}}.UBQ_Slider__inputRange--XwhAm:focus:not(:focus-visible){box-shadow:none}.UBQ_Slider__inputRange--XwhAm:focus-visible{background:var(--ubq-interactive-hover);outline:none;box-shadow:var(--ubq-effect-focus)}.UBQ_Slider__inputRange--XwhAm:focus-visible::-webkit-slider-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__inputRange--XwhAm:focus-visible::-moz-range-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__inputRange--XwhAm:hover:not(:disabled){background:var(--ubq-interactive-hover)}.UBQ_Slider__inputRange--XwhAm:hover:not(:disabled)::-webkit-slider-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__inputRange--XwhAm:hover:not(:disabled)::-moz-range-thumb{height:calc(100% + 0.25rem);margin-top:calc(0.25 / 2 * -1rem)}.UBQ_Slider__inputRange--XwhAm::-moz-range-track{background-image:linear-gradient(var(--ubq-progress), var(--ubq-progress));background-position:0;background-size:calc(
|
|
47
47
|
calc(1.5 * var(--ubq-margin-xs)) / 2 + calc(
|
|
48
48
|
(var(--ubq_internal-Slider-value) - var(--ubq_internal-Slider-min)) / calc(var(--ubq_internal-Slider-max) - var(--ubq_internal-Slider-min))
|
|
49
49
|
) * (100% - calc(1.5 * var(--ubq-margin-xs)))
|
|
50
|
-
) 100%;background-repeat:no-repeat;background-color:rgba(0,0,0,0);width:100%;height:100%;border-radius:var(--ubq-border_radius-s);cursor:pointer}.
|
|
50
|
+
) 100%;background-repeat:no-repeat;background-color:rgba(0,0,0,0);width:100%;height:100%;border-radius:var(--ubq-border_radius-s);cursor:pointer}.UBQ_Slider__inputRange--XwhAm::-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) rgba(0,0,0,0),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__inputRange--XwhAm::-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 rgba(0,0,0,0);width:100%;height:100%;border-radius:var(--ubq-border_radius-s);cursor:pointer}.UBQ_Slider__inputRange--XwhAm::-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) rgba(0,0,0,0),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__inputRange--XwhAm.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea::-moz-range-track,.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv::-moz-range-track{background-position:0%;background-size:100% 100%;background-repeat:no-repeat;background-color:rgba(0,0,0,0)}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea::-webkit-slider-runnable-track,.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv::-webkit-slider-runnable-track{background-position:0%;background-size:100% 100%;background-repeat:no-repeat;background-color:rgba(0,0,0,0)}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea::-moz-range-track,.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea::-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__inputRange--XwhAm.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv::-moz-range-track,.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv::-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__inputRange--XwhAm.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea::-webkit-slider-runnable-track,.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea::-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__inputRange--XwhAm.UBQ_Slider__centeredValueHigherThanSelectedValue--tJKea.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv::-webkit-slider-runnable-track,.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv.UBQ_Slider__centeredValueLowerThanSelectedValue--TMNVv::-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__inputRange--XwhAm.UBQ_Slider__noTrackBackground--ic0BQ::-moz-range-track{background:none !important}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__noTrackBackground--ic0BQ::-webkit-slider-runnable-track{background:none !important}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__noTrackBackground--ic0BQ::-ms-fill-lower{background:none !important}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__noTrackBackground--ic0BQ::-ms-fill-upper{background:none !important}.UBQ_Slider__inputRange--XwhAm::-ms-track{cursor:pointer;height:2px !important;appearance:none;background:rgba(0,0,0,0);color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:10px 0;margin-top:-2px}.UBQ_Slider__inputRange--XwhAm::-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__inputRange--XwhAm::-ms-fill-lower{background:#25252d}.UBQ_Slider__inputRange--XwhAm::-ms-fill-upper{background:#ebecef}.UBQ_Slider__inputRange--XwhAm::-ms-tooltip{display:none}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__active--a3DY0::-ms-thumb{box-shadow:inset 0 0 0 4px #365afc}.UBQ_Slider__inputRange--XwhAm.UBQ_Slider__active--a3DY0::-ms-fill-lower{background:#365afc}.UBQ_Slider__wrapperNumberInput--fF8Fs{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__wrapperNumberInput--fF8Fs .UBQ_Slider__numberValue--ojI_5{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:rgba(0,0,0,0);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__wrapperNumberInput--fF8Fs .UBQ_Slider__numberValue--ojI_5::-webkit-outer-spin-button,.UBQ_Slider__wrapperNumberInput--fF8Fs .UBQ_Slider__numberValue--ojI_5::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.UBQ_Slider__wrapperNumberInput--fF8Fs .UBQ_Slider__numberValue--ojI_5[type=number]{-moz-appearance:textfield}.UBQ_Slider__hidden--_93xe{display:none}.UBQ_Slider__wrapperButtonToggleInput--ghJ2T{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__buttonSurface--DKKA_{background:var(--ubq-elevation-3);border-radius:var(--ubq-border_radius-s);box-shadow:inset 0 0 0 1px var(--ubq-border-outline)}
|
|
51
51
|
.UBQ_ListBox__options--cprBC{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;outline:none}.UBQ_ListBox__options--cprBC::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_ListBox__options--cprBC::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_ListBox__options--cprBC::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_ListBox__options--cprBC::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_ListBox__option--R1QCr{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);padding:var(--ubq-margin-xs) var(--ubq-margin-s);border-radius:var(--ubq-border_radius-s);color:var(--ubq-foreground-default);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.UBQ_ListBox__option--R1QCr.UBQ_ListBox__loading--zaEb8{animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:UBQ_ListBox__loadingAnimation--ASBOj;opacity:.75;background:linear-gradient(to right, rgba(0, 0, 0, 0) 2%, var(--ubq-elevation-1) 18%, rgba(0, 0, 0, 0) 33%);background-size:1000px;box-shadow:inset 0 0 0 calc(var(--ubq-scale-base)/2) var(--ubq-elevation-2)}.UBQ_ListBox__option--R1QCr:hover:not(:active):not([data-selected=true]),.UBQ_ListBox__option--R1QCr[data-active=true]{background:var(--ubq-interactive-hover)}.UBQ_ListBox__option--R1QCr:active:not([data-selected=true]){background:var(--ubq-interactive-pressed)}.UBQ_ListBox__option--R1QCr[data-selected=true]{background:var(--ubq-interactive-active-default);color:var(--ubq-foreground-active)}.UBQ_ListBox__option--R1QCr[data-selected=true]:hover{background:var(--ubq-interactive-active-hover);color:var(--ubq-foreground-active)}.UBQ_ListBox__option--R1QCr[data-selected=true]:active{background:var(--ubq-interactive-active-pressed);color:var(--ubq-foreground-active)}.UBQ_ListBox__option--R1QCr[data-disabled=true]{opacity:.55;pointer-events:none}@keyframes UBQ_ListBox__loadingAnimation--ASBOj{0%{background-position:-650px 0}100%{background-position:650px 0}}
|
|
52
52
|
.UBQ_Section__block--fxxMn{min-height:min-content}.UBQ_Section__block--fxxMn:first-child>.UBQ_Section__separator--QPsEG{display:none}.UBQ_Section__heading--azRyQ{padding:var(--ubq-margin-s) var(--ubq-margin-l);display:flex;overflow:visible}.UBQ_Section__heading--azRyQ.UBQ_Section__highlight--Oa_VD{color:var(--ubq-static-text-variable)}.UBQ_Section__headingTitle--WFwCp{flex:1 1 auto;margin:var(--ubq-margin-xs) 0}.UBQ_Section__headingArea--WXXiH{flex:0 0 auto;margin-left:var(--ubq-margin-xs);overflow:visible}.UBQ_Section__content--bktBl{padding:var(--ubq-margin-xs) var(--ubq-margin-l) var(--ubq-margin-l) var(--ubq-margin-l)}.UBQ_Section__content--bktBl.UBQ_Section__titleless--QDW80{padding-top:var(--ubq-margin-l)}
|
|
53
53
|
.UBQ_SectionRow__block--tvmgh{display:flex;align-items:center;margin-bottom:var(--ubq-margin-m);max-height:calc(2*var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height))}.UBQ_SectionRow__block--tvmgh:last-child,.UBQ_SectionRow__block--tvmgh:only-child{margin-bottom:0}.UBQ_SectionRow__block--tvmgh>*{flex:1 1 100%;margin-right:var(--ubq-margin-s)}.UBQ_SectionRow__block--tvmgh>*:last-child{margin-right:0}.UBQ_SectionRow__block--tvmgh>label{flex:0 0 calc(24*var(--ubq-scale-base))}.UBQ_SectionRow__block--tvmgh:empty{display:none}
|
|
@@ -63,9 +63,10 @@
|
|
|
63
63
|
@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)}
|
|
64
64
|
.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}
|
|
65
65
|
.UBQ_MasonryGrid__block--X5QGY{display:grid;grid-gap:var(--ubq-margin-s);grid-auto-rows:0}
|
|
66
|
-
.UBQ_MediaStrip__block--hwS5E{border-radius:var(--ubq-border_radius-m);
|
|
66
|
+
.UBQ_MediaStrip__block--hwS5E{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__block--hwS5E>*{grid-area:stack}.UBQ_MediaStrip__content--vjWxV{box-sizing:border-box;height:100%;width:100%;padding:var(--ubq-margin-xs)}.UBQ_MediaStrip__backgroundContainer--CT081{height:100%;width:100%;pointer-events:none}.UBQ_MediaStrip__singleFrame--MCQAr{width:100%;height:100%;background-repeat:repeat;background-size:auto 100%}
|
|
67
67
|
.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}
|
|
68
68
|
.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)}
|
|
69
|
+
.UBQ_MediaTrim__block--Q08_J{box-sizing:border-box;width:100%;height:calc(var(--ubq-scale-base)*7);overflow:hidden}.UBQ_MediaTrim__innerMediaStrip--fVo9X{background:rgba(0,0,0,0);box-shadow:0 0 0 100vw rgba(0,0,0,.55),inset 0 0 0 2px var(--ubq-focus-default)}.UBQ_MediaTrim__handle--RYMT5{cursor:col-resize;padding:0 var(--ubq-margin-xs)}
|
|
69
70
|
.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)}
|
|
70
71
|
.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)}
|
|
71
72
|
.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)}
|
|
@@ -97,8 +98,8 @@
|
|
|
97
98
|
.UBQ_SliderInput__block--qaiej{width:100%}
|
|
98
99
|
.UBQ_PropertyToggle__block--x_QQa{flex:0 0 calc(6*var(--ubq-scale-base))}.UBQ_PropertyToggle__emptyGap--VqXG8{flex:0 0 calc(6*var(--ubq-scale-base));display:hidden;-webkit-user-select:none;user-select:none}
|
|
99
100
|
.UBQ_SubInspector__block--_Vxo6{position:absolute;top:0;left:0;right:0;bottom:0;margin-right:0;z-index:30;display:flex;flex-direction:column;background:var(--ubq-elevation-1)}.UBQ_SubInspector__block--_Vxo6[data-cy=crop-container]{z-index:31}.UBQ_SubInspector__containerSection--V47rJ{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);display:flex;flex-direction:column;height:calc(100% - 48px);box-sizing:border-box;overflow:auto}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_SubInspector__containerSection--V47rJ::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_SubInspector__button--nqozz{border:1px solid var(--ubq-border-divider)}.UBQ_SubInspector__highlight--oKLVC{border:none;background:var(--ubq-interactive-default)}.UBQ_SubInspector__wrapper--euOh8{height:100%}
|
|
100
|
-
.UBQ_AspectLock__aspectLock--f9K17{flex-grow:0;flex-basis:initial;display:flex;flex-direction:column;justify-content:center;height:calc(2 * calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) + var(--ubq-margin-m));align-self:flex-start}.UBQ_AspectLock__aspectIsUnlocked--dgcIR>svg{opacity:.55}.UBQ_AspectLock__aspectLockButton--fQB_X{flex-grow:0;flex-shrink:0;flex-basis:initial}.UBQ_AspectLock__aspectLockVector--iC4fM{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__aspectLockVector--iC4fM:last-child{transform:scale(1, -1)}
|
|
101
101
|
.UBQ_Transform__rotationGroup--KlwKI{display:flex}.UBQ_Transform__rotationGroup--KlwKI>*:not(:last-child){margin-right:var(--ubq-margin-s)}
|
|
102
|
+
.UBQ_AspectLock__aspectLock--f9K17{flex-grow:0;flex-basis:initial;display:flex;flex-direction:column;justify-content:center;height:calc(2 * calc(2 * var(--ubq-margin-xs) + var(--ubq-typography-button-m-line_height)) + var(--ubq-margin-m));align-self:flex-start}.UBQ_AspectLock__aspectIsUnlocked--dgcIR>svg{opacity:.55}.UBQ_AspectLock__aspectLockButton--fQB_X{flex-grow:0;flex-shrink:0;flex-basis:initial}.UBQ_AspectLock__aspectLockVector--iC4fM{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__aspectLockVector--iC4fM:last-child{transform:scale(1, -1)}
|
|
102
103
|
.UBQ_InspectorLibrary__block--fl3Qd{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ubq-margin-m)}.UBQ_InspectorLibrary__singleColumn--SR5KA{display:flex;flex-direction:column;grid-gap:0}.UBQ_InspectorLibrary__singleColumn--SR5KA>*{margin-bottom:var(--ubq-margin-m)}
|
|
103
104
|
.UBQ_ImageProcessorControls__block--WiBOU{overflow:hidden}
|
|
104
105
|
.UBQ_ColorSelection__block--FN2Fv{width:calc(70*var(--ubq-scale-base));padding:var(--ubq-margin-s)}.UBQ_ColorSelection__interactiveContainerWithDisabledInputs--VdqDE,.UBQ_ColorSelection__interactiveContainerWithDisabledInputs--VdqDE label{cursor:pointer}.UBQ_ColorSelection__header--_BOZa{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ubq-margin-m)}.UBQ_ColorSelection__header--_BOZa>*:not(.UBQ_ColorSelection__heading--g9Gma){flex:0 0 auto}.UBQ_ColorSelection__heading--g9Gma{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__section--Zd8PY{padding-top:var(--ubq-margin-xs);display:flex;flex-direction:column}.UBQ_ColorSelection__section--Zd8PY:not(:last-child){padding-bottom:var(--ubq-margin-l)}.UBQ_ColorSelection__section--Zd8PY>div:not(:last-child){margin-bottom:var(--ubq-margin-s)}.UBQ_ColorSelection__colorPalette--DFNLf{display:grid;grid-template-columns:repeat(9, max-content);gap:var(--ubq-margin-s)}input[type=range].UBQ_ColorSelection__hueSlider--HuT26{background:linear-gradient(90deg, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%) !important}input[type=range].UBQ_ColorSelection__hueSlider--HuT26,input[type=range].UBQ_ColorSelection__opacitySlider--cF7ez{--slider-thumb-color: white;--slider-thumb-color-active: white;--slider-thumb-color-inner: transparent}input[type=range].UBQ_ColorSelection__hueSlider--HuT26::-ms-thumb,input[type=range].UBQ_ColorSelection__opacitySlider--cF7ez::-ms-thumb{box-shadow:inset 0 0 0 var(--ubq-scale-base) #fff !important;background:rgba(0,0,0,0) !important}
|
|
@@ -143,7 +144,7 @@
|
|
|
143
144
|
.UBQ_ShapeOptions__popoverContent--_AAQC{width:calc(60*var(--ubq-scale-base))}
|
|
144
145
|
.UBQ_ShapeStrokeWidth__popoverContent--KY7Dh{width:calc(60*var(--ubq-scale-base))}.UBQ_ShapeStrokeWidth__button--TTA89{max-width:calc(30*var(--ubq-scale-base))}
|
|
145
146
|
.UBQ_TextAlignmentSelect__option--b0Uqu{display:flex;justify-content:flex-start;align-items:center}.UBQ_TextAlignmentSelect__option--b0Uqu>*:not(:last-child){margin-right:var(--ubq-margin-xs)}.UBQ_TextAlignmentSelect__cornerChevronOverlay--Xsfn1{display:grid;grid-template-areas:"stack"}.UBQ_TextAlignmentSelect__cornerChevronOverlay--Xsfn1>*{grid-area:stack}
|
|
146
|
-
.UBQ_InspectorBar__block--LJY1E{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:stretch;padding:var(--ubq-margin-m) 0;min-height:calc(var(--ubq-scale-base)*6);background:var(--ubq-InspectorBar-background, var(--ubq-elevation-1));overflow-x:auto;overflow-y:hidden}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_InspectorBar__area--LWR2R{display:flex;justify-content:center;min-height:calc(var(--ubq-scale-base)*6);margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__area--LWR2R:first-child{justify-content:flex-start}.UBQ_InspectorBar__area--LWR2R:last-child{justify-content:flex-end}.UBQ_InspectorBar__area--LWR2R:first-child{margin-left:0}.UBQ_InspectorBar__area--LWR2R:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d{display:flex;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:0}.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d>*:not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorBar__areaGroup--Xhg5d:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child:empty{margin:0}.UBQ_InspectorBar__fontSize--nXKQh{width:calc(var(--ubq-scale-base)*19)}.UBQ_InspectorBar__optionsMenuRow--dk3L5{display:grid;grid-template-columns:auto 50%;align-items:center;margin-bottom:var(--ubq-margin-s)}
|
|
147
|
+
.UBQ_InspectorBar__block--LJY1E{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:stretch;padding:var(--ubq-margin-m) 0;min-height:calc(var(--ubq-scale-base)*6);background:var(--ubq-InspectorBar-background, var(--ubq-elevation-1));overflow-x:auto;overflow-y:hidden}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_InspectorBar__area--LWR2R{display:flex;justify-content:center;min-height:calc(var(--ubq-scale-base)*6);margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__area--LWR2R:first-child{justify-content:flex-start}.UBQ_InspectorBar__area--LWR2R:last-child{justify-content:flex-end}.UBQ_InspectorBar__area--LWR2R:first-child{margin-left:0}.UBQ_InspectorBar__area--LWR2R:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d{display:flex;align-items:center;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:0}.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d>*:not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorBar__areaGroup--Xhg5d:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child:empty{margin:0}.UBQ_InspectorBar__fontSize--nXKQh{width:calc(var(--ubq-scale-base)*19)}.UBQ_InspectorBar__optionsMenuRow--dk3L5{display:grid;grid-template-columns:auto 50%;align-items:center;margin-bottom:var(--ubq-margin-s)}.UBQ_InspectorBar__cropStraightenSlider--gfEGR{width:calc(var(--ubq-scale-base)*40)}
|
|
147
148
|
.UBQ_Unload__block--hxWIb>button{margin-bottom:1rem}
|
|
148
149
|
.UBQ_RawInspector__block--Ezhba{display:flex;align-items:center;width:100%;font-size:12px;margin-bottom:10px}.UBQ_RawInspector__block--Ezhba>label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.UBQ_RawInspector__block--Ezhba>input{width:95%}.UBQ_RawInspector__rawInline--_j10W{flex-direction:row-reverse;justify-content:flex-end}.UBQ_RawInspector__rawInline--_j10W>input{width:auto}.UBQ_RawInspector__rawField--Z1fRF{flex-direction:column;justify-content:flex-start;align-items:flex-start}.UBQ_RawInspector__rawField--Z1fRF>input{width:95%}
|
|
149
150
|
.UBQ_FontPreview__block--fWDUg>button{margin-bottom:1rem}
|