pub const VIEWER_CSS: &str = "html, body, div {\n\tmargin: 0;\n\tpadding: 0;\n\tmin-height: 0;\n}\nhtml, body {\n\theight: 100%;\n}\nbody {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: stretch;\n\tbackground: #64798e;\n\tfont-family: sans-serif;\n\tfont-size: 12px;\n}\n#infos {\n\tposition: fixed;\n\ttop: 20px;\n\tright: 20px;\n}\n#infos a {\n\tcolor: #eef;\n\tfont-weight: bold;\n\ttext-decoration: none;\n}\n#selectors {\n\tdisplay: flex;\n\tflex: 0 0 auto;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tmargin: 10px 5px;\n\tz-index: 5;\n\twidth: 200px;\n}\n.selector-wrapper {\n\tflex: 0 0 auto;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: stretch;\n\tmargin-bottom: 2px;\n}\n.selector {\n\tflex: 0 0 auto;\n\tdisplay: flex;\n\tflex-direction: row;\n\tpadding: 4px;\n\tbackground: #ced3dc;\n\tbox-shadow: 2px 2px 3px rgba(0, 0, 0, .5);\n\talign-items: center;\n\tjustify-content: stretch;\n}\n.adder {\n\tflex: 0 0 auto;\n\tflex-direction: row;\n\tpadding: 4px;\n\tbackground: #ced3dc;\n\tbox-shadow: 2px 2px 3px rgba(0, 0, 0, .5);\n\talign-items: center;\n\tjustify-content: stretch;\n\tmargin-left: 2px;\n\tdisplay: none;\n}\n.selector-wrapper:first-child:last-child .remover {\n\tvisibility: hidden;\n}\n.selector-wrapper:last-child .adder {\n\tdisplay: flex;\n}\nlabel {\n\tmargin: 0 4px;\n}\nselect {\n\tmargin: 0 2px;\n}\n\n#view {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tjustify-content: stretch;\n\tmargin: 5px;\n}\n.tabs {\n\tdisplay: flex;\n\tflex: 0 0 auto;\n\tflex-direction: row;\n}\n.tab {\n\tbackground: red;\n\tcursor: pointer;\n\tpadding: 4px 10px;\n\tmargin-right: 5px;\n\tbackground: #ced3dc;\n\topacity: .6;\n\tborder-radius: 3px 15px 0 0;\n}\n.tab.selected {\n\tcursor: inherit;\n\topacity: 1;\n}\n\n.pages {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tjustify-content: stretch;\n}\n.page {\n\tdisplay: none;\n}\n.page.selected {\n\tbackground: green;\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tmin-height: 200px;\n\tbackground: #ced3dc;\n\tjustify-content: stretch;\n}\n\n#vis {\n\tmargin-top: 20px;\n\tbackground: white;\n\tflex: 1 1 auto;\n}\n\n.selector .tag {\n\twidth: 100px;\n\tmargin-right: 4px;\n}\n.selector .legend-icon {\n\twidth: 20px;\n\theight: 6px;\n\tmargin-right: 4px;\n}\n.selector-wrapper:nth-child(1) .legend-icon {\n\tbackground: #4f81bd;\n}\n.selector-wrapper:nth-child(2) .legend-icon {\n\tbackground: #f79646;\n}\n.selector-wrapper:nth-child(3) .legend-icon {\n\tbackground: #8c51cf;\n}\n.selector-wrapper:nth-child(4) .legend-icon {\n\tbackground: #75c841;\n}\n.selector-wrapper:nth-child(5) .legend-icon {\n\tbackground: #37d8e6;\n}\n.selector-wrapper:nth-child(6) .legend-icon {\n\tbackground: #042662;\n}\n.selector-wrapper:nth-child(7) .legend-icon {\n\tbackground: #00ff26;\n}\n.selector-wrapper:nth-child(8) .legend-icon {\n\tbackground: #ff00ff;\n}\n.selector-wrapper:nth-child(9) .legend-icon {\n\tbackground: #8f3938;\n}\n\n#Table .table-wrapper {\n\tmargin-top: 10px;\n\tflex-direction: column;\n\tflex: 1 1 auto;\n\toverflow-y: auto;\n}\n#Table table {\n\tbackground: white;\n\tflex-direction: column;\n\tflex: 1 1 auto;\n\tborder-collapse: collapse;\n\tmargin-left: 2px;\n}\n#Table th {\n\tpadding: 0.5rem;\n\ttext-align: center;\n\tbackground: #ced3dc;\n}\n#Table td {\n\tborder: 1px solid #999;\n\tpadding: 0.4rem;\n\ttext-align: left;\n}\n#Table table tbody tr:nth-child(even) {\n\tbackground-color: #eef;\n}\n#Table table tbody tr {\n\tborder-left-width: 6px;\n\tborder-left-color: red;\n\tborder-left-style: solid;\n}\n#Table table tbody tr.group_0 {\n\tborder-left-color: #4f81bd;\n}\n#Table table tbody tr.group_0 {\n\tborder-left-color: #4f81bd;\n}\n#Table table tbody tr.group_1 {\n\tborder-left-color: #f79646;\n}\n#Table table tbody tr.group_2 {\n\tborder-left-color: #8c51cf;\n}\n#Table table tbody tr.group_3 {\n\tborder-left-color: #75c841;\n}\n#Table table tbody tr.group_4 {\n\tborder-left-color: #ff0100;\n}\n#Table table tbody tr.group_5 {\n\tborder-left-color: #37d8e6;\n}\n#Table table tbody tr.group_6 {\n\tborder-left-color: #042662;\n}\n#Table table tbody tr.group_7 {\n\tborder-left-color: #00ff26;\n}\n#Table table tbody tr.group_8 {\n\tborder-left-color: #ff00ff;\n}\n#Table table tbody tr.group_9 {\n\tborder-left-color: #8f3938;\n}\ntd.duration_ns, td.duration_str {\n\ttext-align: right;\n}\n";