1#![recursion_limit = "10240"]
2
3use web_sys::window;
4
5mod css_import;
6mod id_generator;
7pub mod layout;
8pub mod listing;
9pub mod widgets;
10
11pub fn init() {
12 let root_css = "
14:root {
15 font-size: 16px;
16
17 /* Colors: */
18 --white: #FFFFFF;
19 --secondary-color: #966554;
20 --negative-color: #A61C13;
21 --positive-color: #146621;
22 --primary-color: #514B57;
23 --information-color: #182B70;
24 --disabled-border-color: #A8A1AE;
25 --disabled-color: #D3D0D7;
26 --input-background-color: #F4F3F5;
27 --dropback: #DBDBDB;
28 --menu-bar-box-shadown: #00000029;
29
30 /* Font/text values */
31 --font-family: objektiv-mk1, sans-serif;
32 --font-style-regular: 400;
33 --font-style-bold: 700;
34 --font-style-light: 300;
35
36 --font-weight-regular: 400;
37 --font-weight-bold: 700;
38 --font-weight-light: 300;
39
40 --font-size-12: 12px;
41 --font-size-16: 16px;
42 --font-size-24: 24px;
43 --font-size-32: 32px;
44
45 --line-height-18: 18px;
46 --line-height-23: 23px;
47 --line-height-34: 34px;
48 --line-height-46: 46px;
49
50 --background-image-select-primary: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23FFFFFF; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23514b57; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
51 --background-image-select-negative: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23FFFFFF; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23A61C13; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
52 --background-image-select-positive: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23FFFFFF; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23146621; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
53 --background-image-select-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23FFFFFF; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23A8A1AE; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
54
55 font-weight: var(--font-style-regular);
56 line-height: var(--line-height-23);
57}
58
59::selection {
60 background-color: var(--primary-color);
61 color: var(--white);
62}
63
64html,
65body {
66 padding: 0;
67 margin: 0;
68 color: var(--primary-color);
69 background: var(--white);
70 font-family: var(--font-family);
71}
72
73@media (prefers-color-scheme: dark) {
74 :root {
75 --white: #000000;
76 --menu-bar-box-shadown: #FFFFFF29;
77 --input-background-color: #0B0A0C;
78 --dropback: #353535;
79
80 --background-image-select-primary: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23000000; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23514b57; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
81 --background-image-select-negative: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23000000; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23A61C13; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
82 --background-image-select-positive: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23000000; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23146621; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
83 --background-image-select-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='16' viewBox='0 0 32 16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clip); %7D .cls-2, .cls-5 %7B fill: %23000000; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23A8A1AE; %7D %3C/style%3E%3CclipPath id='clip'%3E%3Crect width='32' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Crect class='cls-5' width='32' height='16'/%3E%3Cg class='cls-2' transform='translate(32 16) rotate(180)'%3E%3Cpath class='cls-3' d='M 27.17156982421875 15.00000286102295 L 4.828429222106934 15.00000286102295 C 4.208438873291016 15.00000286102295 3.964539051055908 14.52750301361084 3.904549121856689 14.38268280029297 C 3.844568967819214 14.23787307739258 3.682919025421143 13.73129272460938 4.121328830718994 13.29289245605469 L 15.2928991317749 2.121322631835938 C 15.48176860809326 1.932442665100098 15.73288917541504 1.828422665596008 15.99999904632568 1.828422665596008 C 16.26710891723633 1.828422665596008 16.51822853088379 1.932442665100098 16.70709991455078 2.121322631835938 L 27.8786792755127 13.29289245605469 C 28.31707954406738 13.73129272460938 28.15543937683105 14.2378625869751 28.09544944763184 14.38268280029297 C 28.03546905517578 14.52750301361084 27.79156875610352 15.00000286102295 27.17156982421875 15.00000286102295 Z'/%3E%3Cpath class='cls-4' d='M 15.99999904632568 2.828422546386719 L 4.828422546386719 13.99998950958252 C 4.828424453735352 13.9999942779541 4.828426361083984 13.99999809265137 4.828428268432617 14.00000286102295 L 27.17156219482422 14.00000286102295 C 27.17156410217285 13.99999618530273 27.17156600952148 13.99998950958252 27.17157936096191 13.99999237060547 L 16.00190925598145 2.828592300415039 C 16.0017204284668 2.828542709350586 16.00099945068359 2.828422546386719 15.99999904632568 2.828422546386719 M 15.99999618530273 0.828425407409668 C 16.51183891296387 0.828425407409668 17.02368545532227 1.023687362670898 17.41420936584473 1.414212226867676 L 28.58578872680664 12.58578300476074 C 29.8457088470459 13.84571266174316 28.95337867736816 16.00000190734863 27.17156982421875 16.00000190734863 L 4.828428268432617 16.00000190734863 C 3.046619415283203 16.00000190734863 2.154279708862305 13.84571266174316 3.414209365844727 12.58578300476074 L 14.58578872680664 1.414212226867676 C 14.97630882263184 1.023687362670898 15.48815155029297 0.828425407409668 15.99999618530273 0.828425407409668 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");
84 }
85
86
87 ::selection {
88 background-color: var(--disabled-color);
89 color: #F4F3F5;
90 }
91}
92
93h1, h2, h3, h4, h5, h6 {
94 text-decoration: underline;
95 margin-bottom: 0;
96}
97
98h1 {
99 font-size: var(--font-size-32);
100 line-height: var(--line-height-46);
101}
102
103h2 {
104 font-size: var(--font-size-24);
105 line-height: var(--line-height-34);
106}
107
108h3 {
109 font-size: var(--font-size-16);
110 line-height: var(--line-height-23);
111}
112
113a {
114 color: var(--primary-color);
115}
116";
117 let css = vec![
118 root_css,
119 layout::button_row::get_css(),
120 layout::form::get_css(),
121 layout::page::get_css(),
122 layout::row::get_css(),
123 layout::split_view::get_css(),
124 listing::card::card_view::get_css(),
125 listing::card::card_button::get_css(),
126 listing::card::card_button_row::get_css(),
127 listing::card::card_header::get_css(),
128 listing::card::card_container::get_css(),
129 listing::table::get_css(),
130 widgets::alert::get_css(),
131 widgets::button::get_css(),
132 widgets::dialog::utils::dialog::get_css(),
133 widgets::floating_action_button::get_css(),
134 widgets::form::input::get_css(),
135 widgets::form::checkbox::get_css(),
136 widgets::form::radio::get_css(),
137 widgets::form::dropdown::get_css(),
138 widgets::form::multi_select::get_css(),
139 widgets::form::file_upload::get_css(),
140 widgets::form::label::get_css(),
141 widgets::form::textarea::get_css(),
142 widgets::menu::bar::get_css(),
143 widgets::menu::item::get_css(),
144 widgets::toast::get_css(),
145 widgets::tab::tab_control::get_css(),
146 ];
147 let doc = window().unwrap().document().unwrap();
148
149 let head = doc
150 .query_selector("head")
151 .expect("Head not found")
152 .expect("Head not found");
153 let style_element = doc.create_element("style").unwrap();
154 style_element.set_text_content(Some(&css.join("\n")));
155 head.append_child(&style_element)
156 .expect("Could not insert style tag");
157 head.append_child(&css_import::get_mdi(&doc))
158 .expect("Could not insert link tag");
159 head.append_child(&css_import::get_typekit(&doc))
160 .expect("Could not insert link tag");
161
162 let body = doc
163 .query_selector("body")
164 .expect("Body not found")
165 .expect("Body not found");
166 body.append_child(&widgets::toast::toast_container())
167 .expect("Body not found");
168}