diff --git a/demos/node-editor/node-editor-window.c b/demos/node-editor/node-editor-window.c index 03da8c67bd..ce4198d683 100644 --- a/demos/node-editor/node-editor-window.c +++ b/demos/node-editor/node-editor-window.c @@ -635,6 +635,24 @@ export_image_cb (GtkWidget *button, gtk_widget_show (dialog); } +static void +clip_image_cb (GtkWidget *button, + NodeEditorWindow *self) +{ + GdkTexture *texture; + GdkClipboard *clipboard; + + texture = create_texture (self); + if (texture == NULL) + return; + + clipboard = gtk_widget_get_clipboard (GTK_WIDGET (self)); + + gdk_clipboard_set_texture (clipboard, texture); + + g_object_unref (texture); +} + static void testcase_name_entry_changed_cb (GtkWidget *button, GParamSpec *pspec, @@ -826,6 +844,7 @@ node_editor_window_class_init (NodeEditorWindowClass *class) gtk_widget_class_bind_template_callback (widget_class, open_cb); gtk_widget_class_bind_template_callback (widget_class, save_cb); gtk_widget_class_bind_template_callback (widget_class, export_image_cb); + gtk_widget_class_bind_template_callback (widget_class, clip_image_cb); gtk_widget_class_bind_template_callback (widget_class, testcase_save_clicked_cb); gtk_widget_class_bind_template_callback (widget_class, testcase_name_entry_changed_cb); gtk_widget_class_bind_template_callback (widget_class, dark_mode_cb); diff --git a/demos/node-editor/node-editor-window.ui b/demos/node-editor/node-editor-window.ui index 73b8b9ce4b..fc26719819 100644 --- a/demos/node-editor/node-editor-window.ui +++ b/demos/node-editor/node-editor-window.ui @@ -122,8 +122,10 @@ - - vertical + + edit-copy-symbolic + Copy image to clipboard + diff --git a/demos/widget-factory/widget-factory.c b/demos/widget-factory/widget-factory.c index 220ba204fa..b5a6662ec9 100644 --- a/demos/widget-factory/widget-factory.c +++ b/demos/widget-factory/widget-factory.c @@ -1873,6 +1873,7 @@ set_up_context_popover (GtkWidget *widget, gtk_widget_set_parent (popover, widget); gtk_popover_set_has_arrow (GTK_POPOVER (popover), FALSE); gesture = gtk_gesture_click_new (); + gtk_event_controller_set_name (GTK_EVENT_CONTROLLER (gesture), "widget-factory-context-click"); gtk_gesture_single_set_button (GTK_GESTURE_SINGLE (gesture), GDK_BUTTON_SECONDARY); g_signal_connect (gesture, "pressed", G_CALLBACK (clicked_cb), popover); gtk_widget_add_controller (widget, GTK_EVENT_CONTROLLER (gesture)); diff --git a/gsk/gskrendernodeparser.c b/gsk/gskrendernodeparser.c index dce4a33f36..3a820a14d7 100644 --- a/gsk/gskrendernodeparser.c +++ b/gsk/gskrendernodeparser.c @@ -2439,9 +2439,9 @@ render_node_print (Printer *p, { start_node (p, "cross-fade"); - append_node_param (p, "end", gsk_cross_fade_node_get_end_child (node)); append_float_param (p, "progress", gsk_cross_fade_node_get_progress (node), 0.5f); append_node_param (p, "start", gsk_cross_fade_node_get_start_child (node)); + append_node_param (p, "end", gsk_cross_fade_node_get_end_child (node)); end_node (p); } @@ -2456,8 +2456,8 @@ render_node_print (Printer *p, start_node (p, "linear-gradient"); append_rect_param (p, "bounds", &node->bounds); - append_point_param (p, "end", gsk_linear_gradient_node_get_end (node)); append_point_param (p, "start", gsk_linear_gradient_node_get_start (node)); + append_point_param (p, "end", gsk_linear_gradient_node_get_end (node)); append_stops_param (p, "stops", gsk_linear_gradient_node_get_color_stops (node, NULL), gsk_linear_gradient_node_get_n_color_stops (node)); @@ -2506,8 +2506,8 @@ render_node_print (Printer *p, { start_node (p, "opacity"); - append_node_param (p, "child", gsk_opacity_node_get_child (node)); append_float_param (p, "opacity", gsk_opacity_node_get_opacity (node), 0.5f); + append_node_param (p, "child", gsk_opacity_node_get_child (node)); end_node (p); } @@ -2535,8 +2535,8 @@ render_node_print (Printer *p, { start_node (p, "clip"); - append_node_param (p, "child", gsk_clip_node_get_child (node)); append_rect_param (p, "clip", gsk_clip_node_get_clip (node)); + append_node_param (p, "child", gsk_clip_node_get_child (node)); end_node (p); } @@ -2546,8 +2546,8 @@ render_node_print (Printer *p, { start_node (p, "rounded-clip"); - append_node_param (p, "child", gsk_rounded_clip_node_get_child (node)); append_rounded_rect_param (p, "clip", gsk_rounded_clip_node_get_clip (node)); + append_node_param (p, "child", gsk_rounded_clip_node_get_child (node)); end_node (p); @@ -2559,9 +2559,9 @@ render_node_print (Printer *p, GskTransform *transform = gsk_transform_node_get_transform (node); start_node (p, "transform"); - append_node_param (p, "child", gsk_transform_node_get_child (node)); if (gsk_transform_get_category (transform) != GSK_TRANSFORM_CATEGORY_IDENTITY) append_transform_param (p, "transform", transform); + append_node_param (p, "child", gsk_transform_node_get_child (node)); end_node (p); } @@ -2571,11 +2571,11 @@ render_node_print (Printer *p, { start_node (p, "color-matrix"); - append_node_param (p, "child", gsk_color_matrix_node_get_child (node)); if (!graphene_matrix_is_identity (gsk_color_matrix_node_get_color_matrix (node))) append_matrix_param (p, "matrix", gsk_color_matrix_node_get_color_matrix (node)); if (!graphene_vec4_equal (gsk_color_matrix_node_get_color_offset (node), graphene_vec4_zero ())) append_vec4_param (p, "offset", gsk_color_matrix_node_get_color_offset (node)); + append_node_param (p, "child", gsk_color_matrix_node_get_child (node)); end_node (p); } @@ -2649,8 +2649,6 @@ render_node_print (Printer *p, start_node (p, "shadow"); - append_node_param (p, "child", gsk_shadow_node_get_child (node)); - _indent (p); g_string_append (p->str, "shadows: "); for (i = 0; i < n_shadows; i ++) @@ -2678,6 +2676,7 @@ render_node_print (Printer *p, g_string_append_c (p->str, ';'); g_string_append_c (p->str, '\n'); + append_node_param (p, "child", gsk_shadow_node_get_child (node)); end_node (p); } @@ -2917,9 +2916,9 @@ render_node_print (Printer *p, if (!graphene_rect_equal (&node->bounds, &child->bounds)) append_rect_param (p, "bounds", &node->bounds); - append_node_param (p, "child", gsk_repeat_node_get_child (node)); if (!graphene_rect_equal (child_bounds, &child->bounds)) append_rect_param (p, "child-bounds", child_bounds); + append_node_param (p, "child", gsk_repeat_node_get_child (node)); end_node (p); } @@ -2932,8 +2931,6 @@ render_node_print (Printer *p, start_node (p, "blend"); - append_node_param (p, "bottom", gsk_blend_node_get_bottom_child (node)); - if (mode != GSK_BLEND_MODE_DEFAULT) { _indent (p); @@ -2946,6 +2943,7 @@ render_node_print (Printer *p, } } } + append_node_param (p, "bottom", gsk_blend_node_get_bottom_child (node)); append_node_param (p, "top", gsk_blend_node_get_top_child (node)); end_node (p); diff --git a/gtk/gtkimcontextwayland.c b/gtk/gtkimcontextwayland.c index b380a8a150..10defeaf1a 100644 --- a/gtk/gtkimcontextwayland.c +++ b/gtk/gtkimcontextwayland.c @@ -559,6 +559,7 @@ gtk_im_context_wayland_set_client_widget (GtkIMContext *context, GtkGesture *gesture; gesture = gtk_gesture_click_new (); + gtk_event_controller_set_name (GTK_EVENT_CONTROLLER (gesture), "wayland-im-context-click"); gtk_event_controller_set_propagation_phase (GTK_EVENT_CONTROLLER (gesture), GTK_PHASE_CAPTURE); g_signal_connect (gesture, "pressed", diff --git a/gtk/gtkimmulticontext.c b/gtk/gtkimmulticontext.c index 40b80d42d4..f26f1dd05c 100644 --- a/gtk/gtkimmulticontext.c +++ b/gtk/gtkimmulticontext.c @@ -205,6 +205,9 @@ gtk_im_multicontext_set_delegate (GtkIMMulticontext *multicontext, gtk_im_multicontext_delete_surrounding_cb, multicontext); + if (priv->client_widget) + gtk_im_context_set_client_widget (priv->delegate, NULL); + g_object_unref (priv->delegate); priv->delegate = NULL; diff --git a/gtk/gtksettings.c b/gtk/gtksettings.c index 6d096698b0..b88c6ea37d 100644 --- a/gtk/gtksettings.c +++ b/gtk/gtksettings.c @@ -1432,6 +1432,7 @@ gtk_settings_notify (GObject *object, settings_update_theme (settings); break; case PROP_XFT_DPI: + settings_invalidate_style (settings); gtk_system_setting_changed (settings->display, GTK_SYSTEM_SETTING_DPI); break; case PROP_XFT_ANTIALIAS: diff --git a/gtk/gtktext.c b/gtk/gtktext.c index 183bb3a269..60b482d68d 100644 --- a/gtk/gtktext.c +++ b/gtk/gtktext.c @@ -1889,6 +1889,7 @@ gtk_text_init (GtkText *self) GTK_TEXT_CONTENT (priv->selection_content)->self = self; target = gtk_drop_target_new (G_TYPE_STRING, GDK_ACTION_COPY | GDK_ACTION_MOVE); + gtk_event_controller_set_name (GTK_EVENT_CONTROLLER (target), "gtk-text-drop-target"); g_signal_connect (target, "accept", G_CALLBACK (gtk_text_drag_accept), self); g_signal_connect (target, "enter", G_CALLBACK (gtk_text_drag_motion), self); g_signal_connect (target, "motion", G_CALLBACK (gtk_text_drag_motion), self); @@ -1913,6 +1914,7 @@ gtk_text_init (GtkText *self) G_CALLBACK (gtk_text_delete_surrounding_cb), self); priv->drag_gesture = gtk_gesture_drag_new (); + gtk_event_controller_set_name (GTK_EVENT_CONTROLLER (priv->drag_gesture), "gtk-text-drag-gesture"); g_signal_connect (priv->drag_gesture, "drag-update", G_CALLBACK (gtk_text_drag_gesture_update), self); g_signal_connect (priv->drag_gesture, "drag-end", diff --git a/gtk/inspector/recorder.c b/gtk/inspector/recorder.c index c8042ca580..7b3ead81ee 100644 --- a/gtk/inspector/recorder.c +++ b/gtk/inspector/recorder.c @@ -66,6 +66,7 @@ struct _GtkInspectorRecorder GtkWidget *render_node_view; GtkWidget *render_node_list; GtkWidget *render_node_save_button; + GtkWidget *render_node_clip_button; GtkWidget *node_property_tree; GtkTreeModel *render_node_properties; @@ -1168,12 +1169,15 @@ render_node_list_selection_changed (GtkListBox *list, GtkTreeListRow *row_item; row_item = gtk_single_selection_get_selected_item (recorder->render_node_selection); + + gtk_widget_set_sensitive (recorder->render_node_save_button, row_item != NULL); + gtk_widget_set_sensitive (recorder->render_node_clip_button, row_item != NULL); + if (row_item == NULL) return; paintable = gtk_tree_list_row_get_item (row_item); - gtk_widget_set_sensitive (recorder->render_node_save_button, TRUE); gtk_picture_set_paintable (GTK_PICTURE (recorder->render_node_view), paintable); node = gtk_render_node_paintable_get_render_node (GTK_RENDER_NODE_PAINTABLE (paintable)); populate_render_node_properties (GTK_LIST_STORE (recorder->render_node_properties), node); @@ -1252,6 +1256,30 @@ render_node_save (GtkButton *button, gtk_widget_show (dialog); } +static void +render_node_clip (GtkButton *button, + GtkInspectorRecorder *recorder) +{ + GskRenderNode *node; + GdkClipboard *clipboard; + GBytes *bytes; + GdkContentProvider *content; + + node = get_selected_node (recorder); + if (node == NULL) + return; + + bytes = gsk_render_node_serialize (node); + content = gdk_content_provider_new_for_bytes ("text/plain;charset=utf-8", bytes); + + clipboard = gtk_widget_get_clipboard (GTK_WIDGET (recorder)); + + gdk_clipboard_set_content (clipboard, content); + + g_object_unref (content); + g_bytes_unref (bytes); +} + static void toggle_dark_mode (GtkToggleButton *button, GParamSpec *pspec, @@ -1460,11 +1488,13 @@ gtk_inspector_recorder_class_init (GtkInspectorRecorderClass *klass) gtk_widget_class_bind_template_child (widget_class, GtkInspectorRecorder, render_node_view); gtk_widget_class_bind_template_child (widget_class, GtkInspectorRecorder, render_node_list); gtk_widget_class_bind_template_child (widget_class, GtkInspectorRecorder, render_node_save_button); + gtk_widget_class_bind_template_child (widget_class, GtkInspectorRecorder, render_node_clip_button); gtk_widget_class_bind_template_child (widget_class, GtkInspectorRecorder, node_property_tree); gtk_widget_class_bind_template_callback (widget_class, recordings_clear_all); gtk_widget_class_bind_template_callback (widget_class, recordings_list_row_selected); gtk_widget_class_bind_template_callback (widget_class, render_node_save); + gtk_widget_class_bind_template_callback (widget_class, render_node_clip); gtk_widget_class_bind_template_callback (widget_class, node_property_activated); gtk_widget_class_bind_template_callback (widget_class, toggle_dark_mode); diff --git a/gtk/inspector/recorder.ui b/gtk/inspector/recorder.ui index d2c932410d..de0d7cd9f3 100644 --- a/gtk/inspector/recorder.ui +++ b/gtk/inspector/recorder.ui @@ -54,6 +54,15 @@ + + + 0 + 0 + edit-copy-symbolic + Copy to clipboard + + + diff --git a/testsuite/gsk/node-parser.c b/testsuite/gsk/node-parser.c index e7cf97887e..3c4f61b817 100644 --- a/testsuite/gsk/node-parser.c +++ b/testsuite/gsk/node-parser.c @@ -315,13 +315,13 @@ main (int argc, char **argv) { gboolean success; - gtk_test_init (&argc, &argv); - if (argc < 2) { const char *basedir; GFile *dir; + gtk_test_init (&argc, &argv); + basedir = g_test_get_dir (G_TEST_DIST); dir = g_file_new_for_path (basedir); success = test_files_in_directory (dir); @@ -334,6 +334,8 @@ main (int argc, char **argv) { GFile *file = g_file_new_for_commandline_arg (argv[2]); + gtk_init (); + success = parse_node_file (file, TRUE); g_object_unref (file); @@ -345,6 +347,8 @@ main (int argc, char **argv) { guint i; + gtk_test_init (&argc, &argv); + success = TRUE; for (i = 1; i < argc; i++) diff --git a/testsuite/gsk/nodeparser/blend.ref.node b/testsuite/gsk/nodeparser/blend.ref.node index 49dd83f842..64aa8bbb0a 100644 --- a/testsuite/gsk/nodeparser/blend.ref.node +++ b/testsuite/gsk/nodeparser/blend.ref.node @@ -5,18 +5,18 @@ blend { } } blend { - bottom: container { - } mode: color-dodge; + bottom: container { + } top: container { } } blend { + mode: difference; bottom: color { bounds: 0 0 50 50; color: rgb(255,0,204); } - mode: difference; top: color { bounds: 0 0 50 50; color: rgb(255,0,204); diff --git a/testsuite/gsk/nodeparser/crash2.ref.node b/testsuite/gsk/nodeparser/crash2.ref.node index 76ab4d6943..b1d2546ff1 100644 --- a/testsuite/gsk/nodeparser/crash2.ref.node +++ b/testsuite/gsk/nodeparser/crash2.ref.node @@ -1,10 +1,10 @@ cross-fade { - end: color { - bounds: 0 0 50 50; - color: rgb(255,0,204); - } start: color { bounds: 0 0 50 50; color: rgb(170,255,0); } + end: color { + bounds: 0 0 50 50; + color: rgb(255,0,204); + } } diff --git a/testsuite/gsk/nodeparser/crash3.ref.node b/testsuite/gsk/nodeparser/crash3.ref.node index ccc74d2851..164311003d 100644 --- a/testsuite/gsk/nodeparser/crash3.ref.node +++ b/testsuite/gsk/nodeparser/crash3.ref.node @@ -1,8 +1,4 @@ cross-fade { - end: color { - bounds: 5 5 10 10; - color: rgb(0,0,255); - } progress: 0.2; start: container { color { @@ -14,4 +10,8 @@ cross-fade { color: rgb(0,128,0); } } + end: color { + bounds: 5 5 10 10; + color: rgb(0,0,255); + } } diff --git a/testsuite/gsk/nodeparser/empty-clip.ref.node b/testsuite/gsk/nodeparser/empty-clip.ref.node index 904bd3926f..1e3843a6d4 100644 --- a/testsuite/gsk/nodeparser/empty-clip.ref.node +++ b/testsuite/gsk/nodeparser/empty-clip.ref.node @@ -1,7 +1,7 @@ clip { + clip: 0 0 50 50; child: color { bounds: 0 0 50 50; color: rgb(255,0,204); } - clip: 0 0 50 50; } diff --git a/testsuite/gsk/nodeparser/empty-cross-fade.ref.node b/testsuite/gsk/nodeparser/empty-cross-fade.ref.node index 76ab4d6943..b1d2546ff1 100644 --- a/testsuite/gsk/nodeparser/empty-cross-fade.ref.node +++ b/testsuite/gsk/nodeparser/empty-cross-fade.ref.node @@ -1,10 +1,10 @@ cross-fade { - end: color { - bounds: 0 0 50 50; - color: rgb(255,0,204); - } start: color { bounds: 0 0 50 50; color: rgb(170,255,0); } + end: color { + bounds: 0 0 50 50; + color: rgb(255,0,204); + } } diff --git a/testsuite/gsk/nodeparser/empty-linear-gradient.ref.node b/testsuite/gsk/nodeparser/empty-linear-gradient.ref.node index c648c7b909..e2523dc96e 100644 --- a/testsuite/gsk/nodeparser/empty-linear-gradient.ref.node +++ b/testsuite/gsk/nodeparser/empty-linear-gradient.ref.node @@ -1,6 +1,6 @@ linear-gradient { bounds: 0 0 50 50; - end: 0 50; start: 0 0; + end: 0 50; stops: 0 rgb(170,255,0), 1 rgb(255,0,204); } diff --git a/testsuite/gsk/nodeparser/empty-rounded-clip.ref.node b/testsuite/gsk/nodeparser/empty-rounded-clip.ref.node index c316247b54..c4f1a1072c 100644 --- a/testsuite/gsk/nodeparser/empty-rounded-clip.ref.node +++ b/testsuite/gsk/nodeparser/empty-rounded-clip.ref.node @@ -1,7 +1,7 @@ rounded-clip { + clip: 0 0 50 50; child: color { bounds: 0 0 50 50; color: rgb(255,0,204); } - clip: 0 0 50 50; } diff --git a/testsuite/gsk/nodeparser/empty-shadow.ref.node b/testsuite/gsk/nodeparser/empty-shadow.ref.node index c69c067a83..c0f308dd7f 100644 --- a/testsuite/gsk/nodeparser/empty-shadow.ref.node +++ b/testsuite/gsk/nodeparser/empty-shadow.ref.node @@ -1,7 +1,7 @@ shadow { + shadows: rgb(0,0,0) 1 1; child: color { bounds: 0 0 50 50; color: rgb(255,0,204); } - shadows: rgb(0,0,0) 1 1; } diff --git a/testsuite/gsk/nodeparser/shadow.ref.node b/testsuite/gsk/nodeparser/shadow.ref.node index bf4c27b69a..af913e46a1 100644 --- a/testsuite/gsk/nodeparser/shadow.ref.node +++ b/testsuite/gsk/nodeparser/shadow.ref.node @@ -1,7 +1,7 @@ shadow { + shadows: rgb(255,0,0) 10 10 4, rgb(0,0,255) -10 -10 8; child: color { bounds: 100 100 100 100; color: rgb(0,128,0); } - shadows: rgb(255,0,0) 10 10 4, rgb(0,0,255) -10 -10 8; } diff --git a/testsuite/gsk/nodeparser/testswitch.ref.node b/testsuite/gsk/nodeparser/testswitch.ref.node new file mode 100644 index 0000000000..65d072211a --- /dev/null +++ b/testsuite/gsk/nodeparser/testswitch.ref.node @@ -0,0 +1,320 @@ +color { + bounds: 0 0 404 204; + color: rgb(246,245,244); +} +container { + container { + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(225,222,219); + } + } + border { + colors: rgb(205,199,194); + outline: -1 -1 50 26 / 13; + } + container { + container { + outset-shadow { + color: rgba(0,0,0,0.1); + dx: 0; + outline: -1 -1 26 26 / 13; + } + outset-shadow { + blur: 2; + color: rgba(0,0,0,0.07); + dx: 0; + outline: -1 -1 26 26 / 13; + } + rounded-clip { + clip: -1 -1 26 26 / 13; + child: linear-gradient { + bounds: 0 0 24 24; + start: 12 0; + end: 12 24; + stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244); + } + } + inset-shadow { + color: rgb(255,255,255); + dx: 0; + outline: 0 0 24 24 / 12; + } + } + border { + colors: rgb(191,184,177); + outline: -1 -1 26 26 / 13; + } + } + } + } + transform { + transform: translate(56, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Disabled"; + offset: 145 18; + } + } + } + transform { + transform: translate(0, 38); + child: container { + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(53,132,228); + } + } + border { + colors: rgb(24,95,180); + outline: -1 -1 50 26 / 13; + } + transform { + transform: translate(24, 0); + child: container { + container { + outset-shadow { + color: rgba(0,0,0,0.1); + dx: 0; + outline: -1 -1 26 26 / 13; + } + outset-shadow { + blur: 2; + color: rgba(0,0,0,0.07); + dx: 0; + outline: -1 -1 26 26 / 13; + } + rounded-clip { + clip: -1 -1 26 26 / 13; + child: linear-gradient { + bounds: 0 0 24 24; + start: 12 0; + end: 12 24; + stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244); + } + } + inset-shadow { + color: rgb(255,255,255); + dx: 0; + outline: 0 0 24 24 / 12; + } + } + border { + colors: rgb(24,95,180); + outline: -1 -1 26 26 / 13; + } + } + } + } + } + transform { + transform: translate(56, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Enabled"; + offset: 147 18; + } + } + } + } + transform { + transform: translate(0, 76); + child: container { + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(250,249,248); + } + } + border { + colors: rgb(205,199,194); + outline: -1 -1 50 26 / 13; + } + container { + rounded-clip { + clip: -1 -1 26 26 / 13; + child: color { + bounds: 0 0 24 24; + color: rgb(250,249,248); + } + } + border { + colors: rgb(205,199,194); + outline: -1 -1 26 26 / 13; + } + } + } + } + transform { + transform: translate(56, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Disabled"; + offset: 145 18; + } + } + } + } + transform { + transform: translate(0, 114); + child: container { + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(250,249,248); + } + } + border { + colors: rgb(205,199,194); + outline: -1 -1 50 26 / 13; + } + transform { + transform: translate(24, 0); + child: container { + rounded-clip { + clip: -1 -1 26 26 / 13; + child: color { + bounds: 0 0 24 24; + color: rgb(250,249,248); + } + } + border { + colors: rgb(205,199,194); + outline: -1 -1 26 26 / 13; + } + } + } + } + } + transform { + transform: translate(56, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Enabled"; + offset: 147 18; + } + } + } + } + transform { + transform: translate(0, 152); + child: container { + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(225,222,219); + } + } + border { + colors: rgb(205,199,194); + outline: -1 -1 50 26 / 13; + } + container { + container { + outset-shadow { + color: rgba(0,0,0,0.1); + dx: 0; + outline: -1 -1 26 26 / 13; + } + outset-shadow { + blur: 2; + color: rgba(0,0,0,0.07); + dx: 0; + outline: -1 -1 26 26 / 13; + } + rounded-clip { + clip: -1 -1 26 26 / 13; + child: linear-gradient { + bounds: 0 0 24 24; + start: 12 0; + end: 12 24; + stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244); + } + } + inset-shadow { + color: rgb(255,255,255); + dx: 0; + outline: 0 0 24 24 / 12; + } + } + border { + colors: rgb(191,184,177); + outline: -1 -1 26 26 / 13; + } + } + } + } + transform { + transform: translate(78, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Disabled"; + offset: 123 18; + } + } + transform { + transform: translate(388, 0); + child: transform { + transform: translate(1, 6); + child: container { + container { + outset-shadow { + color: rgba(0,0,0,0.1); + dx: 0; + outline: -1 -1 16 16 / 3; + } + outset-shadow { + blur: 2; + color: rgba(0,0,0,0.07); + dx: 0; + outline: -1 -1 16 16 / 3; + } + linear-gradient { + bounds: 0 0 14 14; + start: 7 0; + end: 7 14; + stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244); + } + inset-shadow { + color: rgb(255,255,255); + dx: 0; + outline: 0 0 14 14 / 2; + } + } + border { + colors: rgb(191,184,177); + outline: -1 -1 16 16 / 3; + } + } + } + } + } + } +} diff --git a/testsuite/gsk/nodeparser/widgetfactory.ref.node b/testsuite/gsk/nodeparser/widgetfactory.ref.node new file mode 100644 index 0000000000..3c7e8d6415 --- /dev/null +++ b/testsuite/gsk/nodeparser/widgetfactory.ref.node @@ -0,0 +1,3130 @@ +container { + outset-shadow { + blur: 6; + color: rgba(0,0,0,0.2); + dx: 0; + dy: 2; + outline: 26 23 1450 788 / 8 8 0 0; + spread: 2; + } + outset-shadow { + color: rgba(0,0,0,0.18); + dx: 0; + dy: 0; + outline: 26 23 1450 788 / 8 8 0 0; + spread: 1; + } +} +color { + bounds: 26 70 1450 741; + color: rgb(246,245,244); +} +transform { + transform: translate(32, 23); + child: container { + container { + rounded-clip { + clip: -6 0 1450 47 / 7 7 0 0; + child: linear-gradient { + bounds: -6 0 1450 46; + start: 1444 23; + end: -6 23; + stops: 0.08 rgb(227,234,242), 0.25 rgb(246,245,244); + } + } + rounded-clip { + clip: -6 0 1450 47 / 7 7 0 0; + child: color-matrix { + matrix: matrix3d(0.0196078, 0.615686, 0.266667, 0, 0.780392, 0.270588, -0.211765, 0, 0.619608, -0.203922, -0.211765, 0, 0, 0, 0, 0.1); + offset: 0.180392 0.203922 0.211765 0; + child: texture { + bounds: 1068.6 0 256 256; + texture: url("data:image/png;base64,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\ +"); + } + } + } + inset-shadow { + color: rgba(255,255,255,0.8); + dx: 0; + outline: -6 0 1450 46 / 7 7 0 0; + } + } + border { + colors: rgb(213,208,204); + outline: -6 0 1450 47 / 7 7 0 0; + widths: 0 0 1; + } + transform { + transform: translate(519, 0); + child: container { + transform { + transform: translate(17, 11); + child: container { + rounded-clip { + clip: -17 -5 133 34 / 5 0 0 5; + child: color { + bounds: -16 -4 132 32; + color: rgb(228,228,224); + } + } + border { + colors: rgb(213,208,204); + outline: -17 -5 133 34 / 5 0 0 5; + widths: 1 0 1 1; + } + transform { + transform: translate(28, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Page 1"; + offset: 0 17; + } + } + } + } + transform { + transform: translate(150, 11); + child: container { + color { + bounds: -16 -4 132 32; + color: rgb(246,245,244); + } + border { + colors: rgb(213,208,204); + outline: -17 -5 133 34; + widths: 1 0 1 1; + } + transform { + transform: translate(28, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Page 2"; + offset: 0 17; + } + } + } + } + transform { + transform: translate(283, 11); + child: container { + rounded-clip { + clip: -17 -5 134 34 / 0 5 5 0; + child: color { + bounds: -16 -4 132 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -17 -5 134 34 / 0 5 5 0; + } + transform { + transform: translate(28, 0); + child: text { + color: rgb(46,52,54); + font: "Cantarell 11"; + glyphs: "Page 3"; + offset: 0 17; + } + } + } + } + } + } + transform { + transform: translate(1353, 0); + child: transform { + transform: translate(6, 11); + child: container { + rounded-clip { + clip: -6 -5 36 34 / 5; + child: color { + bounds: -5 -4 34 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -6 -5 36 34 / 5; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 4 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAH0lE\ +QVQ4jWNgGPKAEY3/n1R9TNRzy0CB0TAYDQOqAADB/QMKPEUKLAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + transform { + transform: translate(1395, 0); + child: transform { + transform: translate(17, 11); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAfUlE\ +QVQ4je3RMQoCMRBG4Q+voEIKC/H+d7Cwd1GULSzEUyg2azOyQ1gxB9gHgcnknxdCmJliwAHr1Fti\ +H2d/uUTwHJIVuuj1LYINbklyivqObYuglgx4YDcVXPwQvPFM+1esJgquxjf3qS4tgmM1UJKkaxF8\ +g/m2YvyJmYoPk2IlW2Wofj0AAAAASUVORK5CYII=\ +"); + } + } + } + } + } +} +transform { + transform: translate(36, 80); + child: container { + container { + container { + container { + transform { + transform: translate(9, 1); + child: container { + rounded-clip { + clip: -9 -1 371 34 / 5 0 0 5; + child: color { + bounds: -9 -1 371 34; + color: rgb(252,252,252); + } + } + border { + colors: rgb(213,208,204); + outline: -9 -1 371 34 / 5 0 0 5; + widths: 1 0 1 1; + } + clip { + clip: 0 0 354 32; + child: container { + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "comboboxentry"; + offset: 0 21; + } + clip { + clip: 0 6 101 19; + child: container { + color { + bounds: 0 0 354 32; + color: rgb(53,132,228); + } + text { + color: rgb(252,252,252); + font: "Cantarell 11"; + glyphs: "comboboxentry"; + offset: 0 21; + } + } + } + } + } + } + } + transform { + transform: translate(381, 5); + child: container { + rounded-clip { + clip: -10 -5 36 34 / 0 5 5 0; + child: color { + bounds: -9 -4 34 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204) rgb(213,208,204) rgb(213,208,204) rgb(53,132,228); + outline: -10 -5 36 34 / 0 5 5 0; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + transform { + transform: translate(0, 44); + child: container { + transform { + transform: translate(9, 1); + child: container { + rounded-clip { + clip: -9 -1 371 34 / 5 0 0 5; + child: color { + bounds: -9 -1 371 34; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -9 -1 371 34 / 5 0 0 5; + widths: 1 0 1 1; + } + clip { + clip: 0 0 354 32; + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "comboboxentry"; + offset: 0 21; + } + } + } + } + transform { + transform: translate(381, 5); + child: container { + rounded-clip { + clip: -10 -5 36 34 / 0 5 5 0; + child: color { + bounds: -9 -4 34 32; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 36 34 / 0 5 5 0; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + transform { + transform: translate(9, 89); + child: container { + rounded-clip { + clip: -9 -1 407 34 / 5; + child: color { + bounds: -9 -1 407 34; + color: rgb(252,252,252); + } + } + border { + colors: rgb(213,208,204); + outline: -9 -1 407 34 / 5; + } + clip { + clip: 0 0 367 32; + child: opacity { + opacity: 0.54902; + child: text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Click icon to change mode"; + offset: 0 21; + } + } + } + transform { + transform: translate(373, 0); + child: color-matrix { + matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1); + offset: 0.654902 0.666667 0.666667 0; + child: texture { + bounds: 0 8 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAyklE\ +QVQ4jc3S3UpCURAF4K8w8ypQA1EfpkcI8SmEEh9STYzQQNCE3sELiQiiLhy1I/ucbl0wDHt+Fmv2\ +DOeGCh4xxic2eIrYVdSM8JNqbmMeyZS9oPnnnUEZr5FY4h63aKCDdeSe8wgGEXxDNaGujvcTRRns\ +mTuJ5v3Mp5bBRwQbCYK8PwGl8N/hvxIEF4nYAZfhF+HvioqL8BCyVqgl8jVM5ewfrjGLgjW6uAnr\ +Oq5xWqSi5XgLeYfU+m+UMvqYYGt3ykP0QuUZ4hei9keg1mtPrwAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + transform { + transform: translate(9, 133); + child: container { + rounded-clip { + clip: -9 -1 407 34 / 5; + child: color { + bounds: -9 -1 407 34; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -9 -1 407 34 / 5; + } + clip { + clip: 0 0 389 32; + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "entry"; + offset: 0 21; + } + } + } + } + transform { + transform: translate(0, 176); + child: container { + transform { + transform: translate(9, 1); + child: container { + rounded-clip { + clip: -9 -1 371 35 / 5 0 0 5; + child: color { + bounds: -9 -1 371 35; + color: rgb(252,252,252); + } + } + border { + colors: rgb(213,208,204); + outline: -9 -1 371 35 / 5 0 0 5; + widths: 1 0 1 1; + } + clip { + clip: 0 0 354 33; + child: text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "entry"; + offset: 0 22; + } + } + } + } + transform { + transform: translate(377, 5); + child: container { + rounded-clip { + clip: -6 -5 36 35 / 0 5 5 0; + child: color { + bounds: -5 -4 34 33; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -6 -5 36 35 / 0 5 5 0; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 4 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAfUlE\ +QVQ4je3RMQoCMRBG4Q+voEIKC/H+d7Cwd1GULSzEUyg2azOyQ1gxB9gHgcnknxdCmJliwAHr1Fti\ +H2d/uUTwHJIVuuj1LYINbklyivqObYuglgx4YDcVXPwQvPFM+1esJgquxjf3qS4tgmM1UJKkaxF8\ +g/m2YvyJmYoPk2IlW2Wofj0AAAAASUVORK5CYII=\ +"); + } + } + } + } + } + } + transform { + transform: translate(0, 221); + child: container { + transform { + transform: translate(10, 5); + child: container { + rounded-clip { + clip: -10 -5 136 34 / 5 0 0 5; + child: color { + bounds: -9 -4 135 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 136 34 / 5 0 0 5; + widths: 1 0 1 1; + } + container { + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "Left"; + offset: 2 17; + } + transform { + transform: translate(101, 0); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + transform { + transform: translate(136, 0); + child: transform { + transform: translate(10, 5); + child: container { + color { + bounds: -9 -4 134 32; + color: rgb(246,245,244); + } + border { + colors: rgb(213,208,204); + outline: -10 -5 135 34; + widths: 1 0 1 1; + } + container { + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "Middle"; + offset: 2 17; + } + transform { + transform: translate(100, 0); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + } + transform { + transform: translate(271, 0); + child: transform { + transform: translate(10, 5); + child: container { + rounded-clip { + clip: -10 -5 136 34 / 0 5 5 0; + child: color { + bounds: -9 -4 134 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 136 34 / 0 5 5 0; + } + container { + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "Right"; + offset: 2 17; + } + transform { + transform: translate(100, 0); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + } + } + } + transform { + transform: translate(0, 265); + child: container { + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "label"; + offset: 0 22; + } + transform { + transform: translate(52, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "label"; + offset: 0 22; + } + } + transform { + transform: translate(105, 1); + child: container { + rounded-clip { + clip: -1 -1 112 34 / 5; + child: color { + bounds: -1 -1 112 34; + color: rgb(252,252,252); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 112 34 / 5; + } + container { + transform { + transform: translate(6, 6); + child: text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "50"; + offset: 0 15; + } + } + transform { + transform: translate(46, 0); + child: container { + border { + colors: rgba(213,208,204,0.3); + outline: -6 0 35 32; + widths: 0 0 0 1; + } + color-matrix { + matrix: matrix3d(-0.415686, 0.196078, -0.145098, 0, 0.345098, -0.14902, -0.623529, 0, 0.184314, -0.623529, -0.623529, 0, 0, 0, 0, 1); + offset: 0.615686 0.623529 0.623529 0; + child: texture { + bounds: 4 8 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAHElE\ +QVQ4jWNgGAXDADCi8f+Tqo+Jem4ZBUMYAABDXwEEvj+CVwAAAABJRU5ErkJggg==\ +"); + } + } + } + } + transform { + transform: translate(81, 0); + child: container { + border { + colors: rgba(213,208,204,0.3); + outline: -6 0 35 32 / 0 5 5 0; + widths: 0 0 0 1; + } + color-matrix { + matrix: matrix3d(-0.415686, 0.196078, -0.145098, 0, 0.345098, -0.14902, -0.623529, 0, 0.184314, -0.623529, -0.623529, 0, 0, 0, 0, 1); + offset: 0.615686 0.623529 0.623529 0; + child: texture { + bounds: 4 8 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAKElE\ +QVQ4jWNgGPbgPxTjBEyU2jDwBjCi8fH6F5s+il1ACIyEWBgGAADypgUMy1PhdwAAAABJRU5ErkJg\ +gg==\ +"); + } + } + } + } + } + } + } + transform { + transform: translate(237, 1); + child: container { + rounded-clip { + clip: -1 -1 112 34 / 5; + child: color { + bounds: -1 -1 112 34; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 112 34 / 5; + } + container { + transform { + transform: translate(6, 6); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "0"; + offset: 0 15; + } + } + transform { + transform: translate(46, 0); + child: container { + color { + bounds: -5 0 34 32; + color: rgb(250,249,248); + } + border { + colors: rgba(213,208,204,0.3); + outline: -6 0 35 32; + widths: 0 0 0 1; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.15); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 4 8 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAHElE\ +QVQ4jWNgGAXDADCi8f+Tqo+Jem4ZBUMYAABDXwEEvj+CVwAAAABJRU5ErkJggg==\ +"); + } + } + } + } + transform { + transform: translate(81, 0); + child: container { + rounded-clip { + clip: -6 0 35 32 / 0 5 5 0; + child: color { + bounds: -5 0 34 32; + color: rgb(250,249,248); + } + } + border { + colors: rgba(213,208,204,0.3); + outline: -6 0 35 32 / 0 5 5 0; + widths: 0 0 0 1; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.15); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 4 8 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAKElE\ +QVQ4jWNgGPbgPxTjBEyU2jDwBjCi8fH6F5s+il1ACIyEWBgGAADypgUMy1PhdwAAAABJRU5ErkJg\ +gg==\ +"); + } + } + } + } + } + } + } + } + } + transform { + transform: translate(0, 309); + child: container { + transform { + transform: translate(0, 2); + child: container { + transform { + transform: translate(5, 2); + child: container { + color { + bounds: 0 0 14 14; + color: rgb(246,245,244); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 3; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElE\ +QVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUp\ +YBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAe\ +i77LDp72K7jAZx9tAAAAAElFTkSuQmCC\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "checkbutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(0, 31); + child: container { + transform { + transform: translate(5, 2); + child: container { + color { + bounds: 0 0 14 14; + color: rgb(246,245,244); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 3; + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "checkbutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(0, 60); + child: container { + transform { + transform: translate(5, 2); + child: container { + color { + bounds: 0 0 14 14; + color: rgb(246,245,244); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 3; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlE\ +QVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4\ +GmjkhFgCAAAAAElFTkSuQmCC\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "checkbutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(0, 89); + child: container { + transform { + transform: translate(5, 2); + child: container { + color { + bounds: 0 0 14 14; + color: rgb(250,249,248); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 3; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElE\ +QVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUp\ +YBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAe\ +i77LDp72K7jAZx9tAAAAAElFTkSuQmCC\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "checkbutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(0, 118); + child: container { + transform { + transform: translate(5, 2); + child: container { + color { + bounds: 0 0 14 14; + color: rgb(250,249,248); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 3; + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "checkbutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(0, 147); + child: container { + transform { + transform: translate(5, 2); + child: container { + color { + bounds: 0 0 14 14; + color: rgb(250,249,248); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 3; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlE\ +QVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4\ +GmjkhFgCAAAAAElFTkSuQmCC\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "checkbutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(125, 2); + child: container { + transform { + transform: translate(5, 2); + child: container { + rounded-clip { + clip: -1 -1 16 16 / 8; + child: color { + bounds: 0 0 14 14; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 8; + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "radiobutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(125, 31); + child: container { + transform { + transform: translate(5, 2); + child: container { + rounded-clip { + clip: -1 -1 16 16 / 8; + child: color { + bounds: 0 0 14 14; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 8; + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "radiobutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(125, 60); + child: container { + transform { + transform: translate(5, 2); + child: container { + rounded-clip { + clip: -1 -1 16 16 / 8; + child: color { + bounds: 0 0 14 14; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 8; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlE\ +QVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4\ +GmjkhFgCAAAAAElFTkSuQmCC\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "radiobutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(125, 89); + child: container { + transform { + transform: translate(5, 2); + child: container { + rounded-clip { + clip: -1 -1 16 16 / 8; + child: color { + bounds: 0 0 14 14; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 8; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAASklE\ +QVQokWNgGJmAjYGBoZWBgeERFLcwMDCwEqOxlYGB4T8abiZG42MsGh+iK2LCovE/MWLYNC4iUgwD\ +sDJA/PQQihsZiAyc4QYASeYTs7b/ALUAAAAASUVORK5CYII=\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "radiobutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(125, 118); + child: container { + transform { + transform: translate(5, 2); + child: container { + rounded-clip { + clip: -1 -1 16 16 / 8; + child: color { + bounds: 0 0 14 14; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 8; + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "radiobutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(125, 147); + child: container { + transform { + transform: translate(5, 2); + child: container { + rounded-clip { + clip: -1 -1 16 16 / 8; + child: color { + bounds: 0 0 14 14; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 16 16 / 8; + } + color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 0 0 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlE\ +QVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4\ +GmjkhFgCAAAAAElFTkSuQmCC\ +"); + } + } + } + } + transform { + transform: translate(24, 0); + child: text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "radiobutton"; + offset: 0 15; + } + } + } + } + transform { + transform: translate(247, 0); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: transform { + transform: translate(8, 11.5) rotate(12.2788) translate(-8, -11.5); + child: texture { + bounds: 0 3.5 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABE0lE\ +QVQ4jbXSPy9DURjH8U9bSqhEmog/A6PFJGGRCInRZrQZTN6B1XsysJgMRklJDRYGtVBtWkRr6HOb\ +G2muRuJJbnJynvP9nt9zc/iHKuEIZ3jEFeaHhbfwgO6P73AYeAftAfANFn+Dp1FLQffYx8yw0Y9T\ +8B3mMs6OoYh8evMSnRDsZcCFkJf1fraRaCygFevzDEE3JBMYRSMR1CPaVwYsYk/Fup1swC2e0MBG\ +hqAcgtlI0hecxjgNHKRuSVcRKyHJi5EL0axiNxodrEWiFsaxhE1MBvOOCjq51A3rOMFrSNp4RhMv\ ++AhhHRfR6yeg9+4rWE0J8sjhLQTNgGsJlE6QVAnbWI65mzFOFdf4HMD8vb4BZVRHF0lPimAAAAAA\ +SUVORK5CYII=\ +"); + } + } + } + } + transform { + transform: translate(247, 87); + child: opacity { + opacity: 0.501961; + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 0.5); + offset: 0.572549 0.584314 0.584314 0; + child: transform { + transform: translate(8, 11.5) rotate(12.2788) translate(-8, -11.5); + child: texture { + bounds: 0 3.5 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABE0lE\ +QVQ4jbXSPy9DURjH8U9bSqhEmog/A6PFJGGRCInRZrQZTN6B1XsysJgMRklJDRYGtVBtWkRr6HOb\ +G2muRuJJbnJynvP9nt9zc/iHKuEIZ3jEFeaHhbfwgO6P73AYeAftAfANFn+Dp1FLQffYx8yw0Y9T\ +8B3mMs6OoYh8evMSnRDsZcCFkJf1fraRaCygFevzDEE3JBMYRSMR1CPaVwYsYk/Fup1swC2e0MBG\ +hqAcgtlI0hecxjgNHKRuSVcRKyHJi5EL0axiNxodrEWiFsaxhE1MBvOOCjq51A3rOMFrSNp4RhMv\ ++AhhHRfR6yeg9+4rWE0J8sjhLQTNgGsJlE6QVAnbWI65mzFOFdf4HMD8vb4BZVRHF0lPimAAAAAA\ +SUVORK5CYII=\ +"); + } + } + } + } + } + } + } + } + transform { + transform: translate(417, 0); + child: color { + bounds: 0 0 1 558; + color: rgba(0,0,0,0.1); + } + } + transform { + transform: translate(428, 0); + child: container { + transform { + transform: translate(17, 5); + child: container { + rounded-clip { + clip: -17 -5 122 34 / 5; + child: color { + bounds: -16 -4 120 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -17 -5 122 34 / 5; + } + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "togglebutton"; + offset: 2 17; + } + } + } + transform { + transform: translate(17, 49); + child: container { + rounded-clip { + clip: -17 -5 122 34 / 5; + child: color { + bounds: -16 -4 120 32; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -17 -5 122 34 / 5; + } + text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "togglebutton"; + offset: 2 17; + } + } + } + transform { + transform: translate(17, 93); + child: container { + rounded-clip { + clip: -17 -5 122 34 / 5; + child: color { + bounds: -16 -4 120 32; + color: rgb(228,228,224); + } + } + border { + colors: rgb(213,208,204); + outline: -17 -5 122 34 / 5; + } + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "togglebutton"; + offset: 2 17; + } + } + } + transform { + transform: translate(17, 137); + child: container { + rounded-clip { + clip: -17 -5 122 34 / 5; + child: color { + bounds: -16 -4 120 32; + color: rgb(228,228,224); + } + } + border { + colors: rgb(213,208,204); + outline: -17 -5 122 34 / 5; + } + text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "togglebutton"; + offset: 2 17; + } + } + } + transform { + transform: translate(0, 176); + child: transform { + transform: translate(10, 5); + child: container { + rounded-clip { + clip: -10 -5 122 34 / 5; + child: color { + bounds: -9 -4 120 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 122 34 / 5; + } + container { + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "Andrea"; + offset: 2 17; + } + transform { + transform: translate(86, 0); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + } + transform { + transform: translate(0, 220); + child: transform { + transform: translate(10, 5); + child: container { + rounded-clip { + clip: -10 -5 122 34 / 5; + child: color { + bounds: -9 -4 120 32; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 122 34 / 5; + } + container { + text { + color: rgb(212,207,202); + font: "Cantarell 11"; + glyphs: "Otto"; + offset: 2 17; + } + transform { + transform: translate(86, 0); + child: color-matrix { + matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5); + offset: 0.831373 0.811765 0.792157 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklE\ +QVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACH\ +ZRnQomjWaAAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + } + transform { + transform: translate(0, 264); + child: transform { + transform: translate(10, 5); + child: container { + rounded-clip { + clip: -10 -5 122 34 / 5; + child: color { + bounds: -9 -4 120 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 122 34 / 5; + } + container { + text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "Sans Regular"; + offset: 0 17; + } + transform { + transform: translate(86, 0); + child: transform { + transform: translate(1, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "12"; + offset: 0 17; + } + } + } + } + } + } + } + transform { + transform: translate(0, 308); + child: transform { + transform: translate(5, 5); + child: container { + rounded-clip { + clip: -5 -5 122 34 / 5; + child: color { + bounds: -4 -4 120 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -5 -5 122 34 / 5; + } + container { + color { + bounds: 0 0 112 24; + color: rgb(49,104,160); + } + transform { + transform: translate(1, 1); + child: border { + colors: rgba(0,0,0,0.3); + outline: -1 -1 112 24; + } + } + } + } + } + } + transform { + transform: translate(0, 352); + child: transform { + transform: translate(10, 5); + child: container { + rounded-clip { + clip: -10 -5 122 34 / 5; + child: color { + bounds: -9 -4 120 32; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -10 -5 122 34 / 5; + } + container { + transform { + transform: translate(22, 0); + child: text { + color: rgb(146,149,149); + font: "Cantarell 11"; + glyphs: "(None)"; + offset: 0 17; + } + } + transform { + transform: translate(86, 0); + child: color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 0 4 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAeUlE\ +QVQ4jcWTQQqAIBBFn9HV6i4uOmaL7hF1hVbZRkF0tMmCPnwYdeahH4RcM+AEH4AV+jNJw8EnMGkB\ +pf0MsiRDd4AAsdKBFhAywSTN8doIkBgGYLpKk0qvAVB+s0q9AHuk/zP4BLD7uiXIFWD0Re0TSd6A\ +of3uXhd1yT8mvMGiQgAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + } + transform { + transform: translate(17, 401); + child: container { + text { + color: rgb(53,132,228); + font: "Cantarell 11"; + glyphs: "link button"; + offset: 10 17; + } + color { + bounds: 10 19 68 1; + color: rgb(53,132,228); + } + } + } + transform { + transform: translate(37, 441); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 50 26 / 13; + } + container { + rounded-clip { + clip: -1 -1 26 26 / 13; + child: color { + bounds: 0 0 24 24; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 26 26 / 13; + } + } + } + } + transform { + transform: translate(37, 477); + child: container { + rounded-clip { + clip: -1 -1 50 26 / 13; + child: color { + bounds: -1 -1 50 26; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 50 26 / 13; + } + container { + rounded-clip { + clip: -1 -1 26 26 / 13; + child: color { + bounds: 0 0 24 24; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 26 26 / 13; + } + } + } + } + } + } + transform { + transform: translate(560, 0); + child: color { + bounds: 0 0 1 558; + color: rgba(0,0,0,0.1); + } + } + transform { + transform: translate(571, 0); + child: container { + container { + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 499 4 / 2; + child: color { + bounds: -1 -1 499 4; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 499 4 / 2; + } + container { + rounded-clip { + clip: -1 -1 250 4 / 2 1.5 1.5 2; + child: color { + bounds: -1 -1 250 4; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 250 4 / 2 1.5 1.5 2; + } + } + } + } + transform { + transform: translate(0, 10); + child: transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 499 4 / 2; + child: color { + bounds: -1 -1 499 4; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 499 4 / 2; + } + transform { + transform: translate(249, 0); + child: container { + rounded-clip { + clip: -1 -1 250 4 / 1.5 2 2 1.5; + child: color { + bounds: -1 -1 250 4; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 250 4 / 1.5 2 2 1.5; + } + } + } + } + } + } + transform { + transform: translate(0, 20); + child: container { + transform { + transform: translate(235, 0); + child: text { + color: rgba(46,52,54,0.4); + font: "Cantarell 9.1669921875"; + glyphs: "50", 859 1, "%"; + offset: 0 13; + } + } + transform { + transform: translate(1, 17); + child: container { + rounded-clip { + clip: -1 -1 499 4 / 2; + child: color { + bounds: -1 -1 499 4; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 499 4 / 2; + } + transform { + transform: translate(137, 0); + child: container { + rounded-clip { + clip: -1 -1 101 4 / 1.5; + child: color { + bounds: -1 -1 101 4; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 101 4 / 1.5; + } + } + } + } + } + } + } + transform { + transform: translate(0, 46); + child: transform { + transform: translate(3, 3); + child: container { + rounded-clip { + clip: -3 -3 499 9 / 3; + child: color { + bounds: -3 -3 499 9; + color: rgb(252,252,252); + } + } + border { + colors: rgb(213,208,204); + outline: -3 -3 499 9 / 3; + } + transform { + transform: translate(1, 1); + child: border { + colors: rgba(146,149,149,0.15); + outline: -1 -1 493 3 / 1; + } + } + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 295 3 / 1; + child: color { + bounds: -1 -1 295 3; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 295 3 / 1; + } + } + } + } + } + } + transform { + transform: translate(0, 61); + child: transform { + transform: translate(3, 3); + child: container { + rounded-clip { + clip: -3 -3 499 9 / 3; + child: color { + bounds: -3 -3 499 9; + color: rgb(252,252,252); + } + } + border { + colors: rgb(213,208,204); + outline: -3 -3 499 9 / 3; + } + transform { + transform: translate(2, 1); + child: container { + rounded-clip { + clip: -1 -1 96 3 / 1; + child: color { + bounds: -1 -1 96 3; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 96 3 / 1; + } + } + } + transform { + transform: translate(100, 1); + child: container { + rounded-clip { + clip: -1 -1 96 3 / 1; + child: color { + bounds: -1 -1 96 3; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 96 3 / 1; + } + } + } + transform { + transform: translate(198, 1); + child: border { + colors: rgba(146,149,149,0.15); + outline: -1 -1 96 3 / 1; + } + } + transform { + transform: translate(296, 1); + child: border { + colors: rgba(146,149,149,0.15); + outline: -1 -1 96 3 / 1; + } + } + transform { + transform: translate(394, 1); + child: border { + colors: rgba(146,149,149,0.15); + outline: -1 -1 96 3 / 1; + } + } + } + } + } + } + transform { + transform: translate(0, 76); + child: container { + transform { + transform: translate(12, 12); + child: transform { + transform: translate(1, 4); + child: container { + rounded-clip { + clip: -1 -1 475 4 / 2; + child: color { + bounds: -1 -1 475 4; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 475 4 / 2; + } + container { + rounded-clip { + clip: -1 -1 236 4 / 2; + child: color { + bounds: -1 -1 236 4; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 236 4 / 2; + } + } + transform { + transform: translate(225, -8); + child: container { + rounded-clip { + clip: -1 -1 20 20 / 10; + child: color { + bounds: 0 0 18 18; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 20 20 / 10; + } + } + } + } + } + } + transform { + transform: translate(12, 46); + child: transform { + transform: translate(1, 4); + child: container { + rounded-clip { + clip: -1 -1 475 4 / 2; + child: color { + bounds: -1 -1 475 4; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 475 4 / 2; + } + transform { + transform: translate(225, -8); + child: container { + rounded-clip { + clip: -1 -1 20 20 / 10; + child: color { + bounds: 0 0 18 18; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 20 20 / 10; + } + } + } + } + } + } + } + } + transform { + transform: translate(12, 162); + child: container { + transform { + transform: translate(0, 10); + child: container { + transform { + transform: translate(2, 0); + child: color { + bounds: 0 0 1 6; + color: rgba(146,149,149,0.55); + } + } + transform { + transform: translate(119, 0); + child: color { + bounds: 0 0 1 6; + color: rgba(146,149,149,0.55); + } + } + transform { + transform: translate(237, 0); + child: color { + bounds: 0 0 1 6; + color: rgba(146,149,149,0.55); + } + } + transform { + transform: translate(355, 0); + child: color { + bounds: 0 0 1 6; + color: rgba(146,149,149,0.55); + } + } + transform { + transform: translate(473, 0); + child: color { + bounds: 0 0 1 6; + color: rgba(146,149,149,0.55); + } + } + } + } + transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 475 4 / 2; + child: color { + bounds: -1 -1 475 4; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 475 4 / 2; + } + transform { + transform: translate(225, -10); + child: texture { + bounds: 1 1 20 25; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAABmJLR0QA/wD/AP+gvaeTAAAChklE\ +QVQ4jbXVTWsTQRgH8P88u2myu4ZEKVJqEj9Ar0V6kIQtPRWs1EpAPfegiFD8Av0C4sVbz1qt2IMe\ +fUmTXhTzKbKbEhRslrCzsyYz46Ev1jRNX4L/47Dz22eGmXkYBqReryc6nfaSaZoPtMYNpdRlADAM\ +7CrFvgHypeNkN6enp7v9c1n/QKVSuUuEF6lUys5mM2nLcpBImACAbrcLzjmCIOjEsQgB/bhYnH03\ +ENR6lba33WdEbHly8ppj2/ag4g8TRRzNph9KqdaKxepTxlbVP2C1WnmeTCaXC4WCQ2QMxQ6ilESj\ +0QjjOF4rldwVACAAqNW+LBkGnQsDACID+XzBMQxa3tr6vAgArF6vJzjvNHK5wsRpyzwpnIfwfX9H\ +Sn2dwrB9J5lMnrpnw2LbDsbGxtKMqUVizLyfyWTTF9b2k8lk04Zh3CPG1Mwo1R3EcRxojRnSGlnT\ +TIwMmqYJpeQVUgqMHTveFwtjDEREu91ub2Ss1+uBiLUJYN+jiI8Mcs6hNX0lrbvrQRB0RgWDoN1R\ +qveGxsd/vRVCRKNUyXmEOBaC83iTpqbKv7VWK81mM1RKnhuTUmJnxwsB+WR+fj4mACiVZl8pJdd9\ +3+eAPgen0Wz6XCn5qlicew3sPw57f8JDIcSW53nh2VANz2tEcSyqUrJHB6OHoOu6vVbrx0IU8U+N\ +RoNrPQzV8H2PCxFVLevSbdd1D88dHf2sXC7LVuvnkhDRR887Cd3DOOfblpVe6G8DA+/IxsaGMTFx\ +dTOVSs3l8wX771XS8DwviiJes+30rTP1lH7UslJzuVzBBgDfH44NBYG97sd554NtOze11iSEqFmW\ +cyJ2KngEfQ8Atn18z/57/gBelEdqMNUvpgAAAABJRU5ErkJggg==\ +"); + } + } + } + } + } + } + transform { + transform: translate(0, 196); + child: container { + container { + transform { + transform: translate(118, 0); + child: transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 4 362 / 2; + child: color { + bounds: -1 -1 4 362; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 4 362 / 2; + } + container { + rounded-clip { + clip: -1 -1 4 182 / 2 2 1.5 1.5; + child: color { + bounds: -1 -1 4 182; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 4 182 / 2 2 1.5 1.5; + } + } + } + } + } + transform { + transform: translate(128, 0); + child: transform { + transform: translate(1, 1); + child: container { + rounded-clip { + clip: -1 -1 4 362 / 2; + child: color { + bounds: -1 -1 4 362; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 4 362 / 2; + } + transform { + transform: translate(0, 180); + child: container { + rounded-clip { + clip: -1 -1 4 182 / 1.5 1.5 2 2; + child: color { + bounds: -1 -1 4 182; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 4 182 / 1.5 1.5 2 2; + } + } + } + } + } + } + } + transform { + transform: translate(250, 0); + child: container { + transform { + transform: translate(27, 12); + child: container { + text { + color: rgba(146,149,149,0.55); + font: "Cantarell 11"; + glyphs: "50.0"; + offset: 26 15; + } + transform { + transform: translate(40, 29); + child: container { + rounded-clip { + clip: -1 -1 4 310 / 2; + child: color { + bounds: -1 -1 4 310; + color: rgb(234,232,230); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 4 310 / 2; + } + container { + rounded-clip { + clip: -1 -1 4 154 / 2; + child: color { + bounds: -1 -1 4 154; + color: rgb(53,132,228); + } + } + border { + colors: rgb(53,132,228); + outline: -1 -1 4 154 / 2; + } + } + transform { + transform: translate(-8, 143); + child: container { + rounded-clip { + clip: -1 -1 20 20 / 10; + child: color { + bounds: 0 0 18 18; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 20 20 / 10; + } + } + } + } + } + } + } + transform { + transform: translate(140, 12); + child: container { + text { + color: rgba(146,149,149,0.55); + font: "Cantarell 11"; + glyphs: "50.0"; + offset: 26 15; + } + transform { + transform: translate(40, 29); + child: container { + rounded-clip { + clip: -1 -1 4 310 / 2; + child: color { + bounds: -1 -1 4 310; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 4 310 / 2; + } + transform { + transform: translate(-8, 143); + child: container { + rounded-clip { + clip: -1 -1 20 20 / 10; + child: color { + bounds: 0 0 18 18; + color: rgb(250,249,248); + } + } + border { + colors: rgb(213,208,204); + outline: -1 -1 20 20 / 10; + } + } + } + } + } + } + } + } + } + } + } + } + } + transform { + transform: translate(1080, 0); + child: color { + bounds: 0 0 1 558; + color: rgba(0,0,0,0.1); + } + } + transform { + transform: translate(1091, 0); + child: container { + transform { + transform: translate(1, 1); + child: container { + border { + colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204); + outline: -1 -1 110 135; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Inset"; + offset: 0 15; + } + } + } + transform { + transform: translate(1, 142); + child: container { + border { + colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255); + outline: -1 -1 110 135; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Outset"; + offset: 0 15; + } + } + } + transform { + transform: translate(2, 284); + child: container { + container { + border { + colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204); + outline: -2 -2 110 135; + } + border { + colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255); + outline: -1 -1 108 133; + } + border { + colors: rgba(0,0,0,0); + outline: -2 -2 110 135; + widths: 2; + } + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Groove"; + offset: 0 15; + } + } + } + transform { + transform: translate(2, 425); + child: container { + container { + border { + colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255); + outline: -2 -2 110 135; + } + border { + colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204); + outline: -1 -1 108 133; + } + border { + colors: rgba(0,0,0,0); + outline: -2 -2 110 135; + widths: 2; + } + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Ridge"; + offset: 0 15; + } + } + } + } + } + transform { + transform: translate(1211, 0); + child: color { + bounds: 0 0 1 558; + color: rgba(0,0,0,0.1); + } + } + transform { + transform: translate(1222, 0); + child: container { + transform { + transform: translate(1, 1); + child: container { + border { + colors: rgb(213,208,204); + outline: -1 -1 208 289; + } + color { + bounds: 200 281 6 6; + color: rgb(239,237,236); + } + container { + color { + bounds: 0 0 206 287; + color: rgb(252,252,252); + } + container { + clip { + clip: 0 25 206 262; + child: container { + color { + bounds: 0 117 206 195; + color: rgb(252,252,252); + } + color { + bounds: 0 25 42 23; + color: rgb(252,252,252); + } + container { + container { + rounded-clip { + clip: 13 28 16 16 / 3; + child: color { + bounds: 13 28 16 16; + color: rgb(252,252,252); + } + } + color { + bounds: 14 29 14 14; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: 13 28 16 16 / 3; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 14 29 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElE\ +QVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUp\ +YBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAe\ +i77LDp72K7jAZx9tAAAAAElFTkSuQmCC\ +"); + } + } + } + color { + bounds: 42 25 40 23; + color: rgb(252,252,252); + } + color-matrix { + matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1); + offset: 0.196078 0.196078 0.196078 0; + child: texture { + bounds: 54 28 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA8klE\ +QVQ4jbXSwSrEURTH8Y/YsZiUhfIGnkFJUrKSlIeQJ5AaUlPWdrKUJ9DMwhMQyZKVhSxEg7Lwz1i4\ +f925c/9jSk7dbuee8/3dczqHf7BxbOEcL3jFFeqY/A1exBM6FecZq1XwPD76wOUpMJvCY3gYAO7g\ +CCOpwMaA8CGGc+W3Msmnib+PoYjpErpNkhvhfTf4ewlcw0kscBPBx0l1S4k/hWvf4/2xZiRQYC3X\ +J6ZxF/Iu48B60kJOZEb3jmzHwVHc9xFZxnsUa2MiLW9O7yIVOAh3+faJlYoWLeBR70jjnyvh0mrY\ +xFkA3nCBnVzZf7Yvt2xyJ4TFGjYAAAAASUVORK5CYII=\ +"); + } + } + color { + bounds: 82 25 71 23; + color: rgb(252,252,252); + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Andrea"; + offset: 86 42; + } + color { + bounds: 153 25 60 23; + color: rgb(252,252,252); + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Cimi"; + offset: 157 42; + } + color { + bounds: 0 48 42 23; + color: rgb(252,252,252); + } + container { + container { + rounded-clip { + clip: 13 51 16 16 / 3; + child: color { + bounds: 13 51 16 16; + color: rgb(252,252,252); + } + } + color { + bounds: 14 52 14 14; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: 13 51 16 16 / 3; + } + } + color { + bounds: 42 48 40 23; + color: rgb(252,252,252); + } + color-matrix { + matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1); + offset: 0.196078 0.196078 0.196078 0; + child: texture { + bounds: 54 51 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAz0lE\ +QVQ4jbXSTU4CQRAF4A/iFlbKOVywMoRDGLyAe70D4o3kBqz9uQAXICxwcM2wmAY6Y3djjL6kku7q\ +qtevfvgHDPCMd3wFe8MsvBVxhwp1xipMSsm7VsIYw5ZvlyIZZH4+oO3/xBV0Q8Ajeufqi9DHQ+z4\ +SPxSUlBrGnvE9hcEVVxCHPxT1HARLktcJ4JG6GQIljHBPEOwKCh4iS+5Md4EFW3/BpecerDCve+9\ +6CZKqEPsOiVrolmS3CpvcFsoC82GPeFVM95tOE8Psv8Ue0ISW4s5Tmr/AAAAAElFTkSuQmCC\ +"); + } + } + color { + bounds: 82 48 71 23; + color: rgb(252,252,252); + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Otto"; + offset: 86 65; + } + color { + bounds: 153 48 60 23; + color: rgb(252,252,252); + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "chaotic"; + offset: 157 65; + } + color { + bounds: 0 71 42 23; + color: rgb(252,252,252); + } + container { + container { + rounded-clip { + clip: 13 74 16 16 / 3; + child: color { + bounds: 13 74 16 16; + color: rgb(252,252,252); + } + } + color { + bounds: 14 75 14 14; + color: rgb(246,245,244); + } + } + border { + colors: rgb(213,208,204); + outline: 13 74 16 16 / 3; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 14 75 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElE\ +QVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUp\ +YBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAe\ +i77LDp72K7jAZx9tAAAAAElFTkSuQmCC\ +"); + } + } + } + color { + bounds: 42 71 40 23; + color: rgb(252,252,252); + } + color-matrix { + matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1); + offset: 0.196078 0.196078 0.196078 0; + child: texture { + bounds: 54 74 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA/klE\ +QVQ4jaXTzypFURTH8Q9CN2FyXYmRjqmpiZkykoF0n+J6Bxl4CQ/gASTlAZjwApIRMhDiSkd0Dc6W\ +3bHPPcmv1mCv/Vvf/W9t/qmBRG4aHYzhNORecIML5LF5qFTcxjFWcYQnDKKBFjI8hyBMxsX7mAzj\ +u8TuhrGMuTJgBnsl4FsCQHHsJYzGgC1MJIxVGsFCDFhLmMrAsmZjQJYwzNcAxmPAZ8KwXgPoxYCr\ +hCHDYh9ANwYcVJg6aFbMXfNz0y1cCucq6QG7uI1yOQ6Rf3fiq6JNN/1+vgZW8BFWfccJHlPb2lC0\ +b68i7hVN1FdN7OBc8Ym6OMM2puqK/6wvIccweWvwsr0AAAAASUVORK5CYII=\ +"); + } + } + color { + bounds: 82 71 71 23; + color: rgb(252,252,252); + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Orville"; + offset: 86 88; + } + color { + bounds: 153 71 60 23; + color: rgb(252,252,252); + } + container { + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Reden"; + offset: 157 88; + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: 809 10; + offset: 198 88; + } + } + color { + bounds: 0 94 42 23; + color: rgb(252,252,252); + } + container { + container { + rounded-clip { + clip: 13 97 16 16 / 8; + child: color { + bounds: 13 97 16 16; + color: rgb(252,252,252); + } + } + rounded-clip { + clip: 13 97 16 16 / 8; + child: color { + bounds: 14 98 14 14; + color: rgb(246,245,244); + } + } + } + border { + colors: rgb(213,208,204); + outline: 13 97 16 16 / 8; + } + color-matrix { + matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1); + offset: 0.572549 0.584314 0.584314 0; + child: texture { + bounds: 14 98 14 14; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAASklE\ +QVQokWNgGJmAjYGBoZWBgeERFLcwMDCwEqOxlYGB4T8abiZG42MsGh+iK2LCovE/MWLYNC4iUgwD\ +sDJA/PQQihsZiAyc4QYASeYTs7b/ALUAAAAASUVORK5CYII=\ +"); + } + } + } + color { + bounds: 42 94 40 23; + color: rgb(252,252,252); + } + color-matrix { + matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1); + offset: 0.196078 0.196078 0.196078 0; + child: texture { + bounds: 54 97 16 16; + texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABT0lE\ +QVQ4jZXTv0vXcRDH8cdXzQQTEZFCUVAU1xZ/LCIYrrVkoTi6NLTpX+DoGrTnkoMgqOjk8hXBhqbA\ +MALTSB1EpDQp/DF874Nvv4hfPTg4uHu+7n13n0+52+01/mAYu/hdov6atWIBS+i4D1iHSXzBRfgn\ +vMWDUnAnfiZgsa+h+iawEhX4fAuc+TuUBwNe4BgHSdEpevG/KL7ACX4E8xw20Y+xRGAzxL8XxVn+\ +FbqwAUeowkBS8Bft+FcUZ/mnMcZuDrPIxUzdmMMytvAL52hAE/owGq86REUOtZjAXixxCD1oxuMQ\ +2MdOXOFj7KQRU9ki67F4hwtkPoMaia1EYv0O8CrOYnRlCl9Xfwh9xXgInSYNjpHHG3wLbjB9wXzS\ +IY8RtMVodWhR+LHySd2HVOARpmNhpUY4w3s8pHC+1JrxEs+i65MQ3cO2qytsZcAlA5qEWoLbkBcA\ +AAAASUVORK5CYII=\ +"); + } + } + color { + bounds: 82 94 71 23; + color: rgb(252,252,252); + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Benjamin"; + offset: 86 111; + } + color { + bounds: 153 94 60 23; + color: rgb(252,252,252); + } + container { + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: "Comp"; + offset: 157 111; + } + text { + color: rgb(50,50,50); + font: "Cantarell 11"; + glyphs: 809 10; + offset: 196 111; + } + } + } + } + clip { + clip: 0 0 206 25; + child: container { + transform { + transform: translate(6, 0); + child: container { + color { + bounds: -6 0 42 25; + color: rgb(252,252,252); + } + border { + colors: rgb(246,245,244); + outline: -6 0 42 25; + widths: 0 1 1 0; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Cool"; + offset: 0 17; + } + } + } + transform { + transform: translate(48, 0); + child: container { + color { + bounds: -6 0 40 25; + color: rgb(252,252,252); + } + border { + colors: rgb(246,245,244); + outline: -6 0 40 25; + widths: 0 1 1 0; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Icon"; + offset: 0 17; + } + } + } + transform { + transform: translate(88, 0); + child: container { + color { + bounds: -6 0 71 25; + color: rgb(252,252,252); + } + border { + colors: rgb(246,245,244); + outline: -6 0 71 25; + widths: 0 1 1 0; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Name"; + offset: 0 17; + } + } + } + transform { + transform: translate(159, 0); + child: container { + color { + bounds: -6 0 60 25; + color: rgb(252,252,252); + } + border { + colors: rgb(246,245,244); + outline: -6 0 60 25; + widths: 0 0 1; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "Nick"; + offset: 0 17; + } + } + } + } + } + } + } + } + } + transform { + transform: translate(1, 296); + child: container { + border { + colors: rgb(213,208,204); + outline: -1 -1 208 263; + } + container { + color { + bounds: 0 0 206 261; + color: rgb(252,252,252); + } + clip { + clip: 0 0 206 261; + child: container { + color { + bounds: 0 0 206 931; + color: rgb(252,252,252); + } + } + } + } + } + } + } + } + } + transform { + transform: translate(0, 568); + child: color { + bounds: 0 0 1430 1; + color: rgba(0,0,0,0.1); + } + } + transform { + transform: translate(0, 579); + child: container { + transform { + transform: translate(1, 1); + child: container { + border { + colors: rgb(213,208,204); + outline: -1 -1 350 142; + } + container { + transform { + transform: translate(1, 1); + child: container { + color { + bounds: -1 -1 348 37; + color: rgb(234,232,230); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 348 37; + widths: 0 0 1; + } + transform { + transform: translate(3, -1); + child: container { + transform { + transform: translate(165, 3); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 3"; + offset: 0 20; + } + } + transform { + transform: translate(90, 3); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 2"; + offset: 0 20; + } + } + transform { + transform: translate(16, 3); + child: container { + inset-shadow { + color: rgb(53,132,228); + dx: 0; + dy: -3; + outline: -12 -3 66 37; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 1"; + offset: 0 20; + } + } + } + } + } + } + } + transform { + transform: translate(0, 37); + child: color { + bounds: 0 0 348 103; + color: rgb(252,252,252); + } + } + } + } + } + transform { + transform: translate(361, 1); + child: container { + border { + colors: rgb(213,208,204); + outline: -1 -1 350 142; + } + container { + color { + bounds: 0 0 281 140; + color: rgb(252,252,252); + } + transform { + transform: translate(283, 1); + child: container { + color { + bounds: -2 -1 67 140; + color: rgb(234,232,230); + } + border { + colors: rgb(213,208,204); + outline: -2 -1 67 140; + widths: 0 0 0 1; + } + transform { + transform: translate(-2, 3); + child: container { + transform { + transform: translate(12, 95); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 3"; + offset: 0 20; + } + } + transform { + transform: translate(12, 51); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 2"; + offset: 0 20; + } + } + transform { + transform: translate(12, 7); + child: container { + inset-shadow { + color: rgb(53,132,228); + dx: 3; + dy: 0; + outline: -12 -3 67 36; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 1"; + offset: 0 20; + } + } + } + } + } + } + } + } + } + } + transform { + transform: translate(721, 1); + child: container { + border { + colors: rgb(213,208,204); + outline: -1 -1 350 142; + } + container { + color { + bounds: 0 0 348 103; + color: rgb(252,252,252); + } + transform { + transform: translate(1, 105); + child: container { + color { + bounds: -1 -2 348 37; + color: rgb(234,232,230); + } + border { + colors: rgb(213,208,204); + outline: -1 -2 348 37; + widths: 1 0 0; + } + transform { + transform: translate(3, -2); + child: container { + transform { + transform: translate(165, 4); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 3"; + offset: 0 20; + } + } + transform { + transform: translate(90, 4); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 2"; + offset: 0 20; + } + } + transform { + transform: translate(16, 4); + child: container { + inset-shadow { + color: rgb(53,132,228); + dx: 0; + dy: 3; + outline: -12 -4 66 37; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 1"; + offset: 0 20; + } + } + } + } + } + } + } + } + } + } + transform { + transform: translate(1081, 1); + child: container { + border { + colors: rgb(213,208,204); + outline: -1 -1 350 142; + } + container { + transform { + transform: translate(1, 1); + child: container { + color { + bounds: -1 -1 67 140; + color: rgb(234,232,230); + } + border { + colors: rgb(213,208,204); + outline: -1 -1 67 140; + widths: 0 1 0 0; + } + transform { + transform: translate(-1, 3); + child: container { + transform { + transform: translate(12, 95); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 3"; + offset: 0 20; + } + } + transform { + transform: translate(12, 51); + child: text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 2"; + offset: 0 20; + } + } + transform { + transform: translate(12, 7); + child: container { + inset-shadow { + color: rgb(53,132,228); + dx: -3; + dy: 0; + outline: -12 -3 67 36; + } + text { + color: rgb(146,149,149); + font: "Cantarell Bold 11"; + glyphs: "page 1"; + offset: 0 20; + } + } + } + } + } + } + } + transform { + transform: translate(67, 0); + child: color { + bounds: 0 0 281 140; + color: rgb(252,252,252); + } + } + } + } + } + } + } + } +}