higlass 1.13.2 → 1.13.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (244) hide show
  1. package/README.md +0 -2
  2. package/app/globals.d.ts +4 -4
  3. package/app/missing-types.d.ts +3 -3
  4. package/app/scripts/AddTrackDialog.jsx +1 -0
  5. package/app/scripts/AddTrackPositionMenu.jsx +17 -4
  6. package/app/scripts/Annotations1dTrack.js +1 -0
  7. package/app/scripts/Annotations2dTrack.js +1 -0
  8. package/app/scripts/ArrowheadDomainsTrack.js +1 -0
  9. package/app/scripts/Autocomplete.jsx +1 -0
  10. package/app/scripts/AxisPixi.js +1 -0
  11. package/app/scripts/BarTrack.js +1 -0
  12. package/app/scripts/BedLikeTrack.js +1 -0
  13. package/app/scripts/Button.jsx +1 -0
  14. package/app/scripts/CNVIntervalTrack.js +1 -0
  15. package/app/scripts/CenterTiledPlot.jsx +1 -0
  16. package/app/scripts/CenterTrack.jsx +1 -0
  17. package/app/scripts/Chromosome2DAnnotations.js +1 -0
  18. package/app/scripts/Chromosome2DLabels.js +1 -0
  19. package/app/scripts/ChromosomeGrid.js +1 -0
  20. package/app/scripts/ChromosomeInfo.js +1 -0
  21. package/app/scripts/CloseTrackMenu.jsx +1 -0
  22. package/app/scripts/CombinedTrack.js +1 -0
  23. package/app/scripts/ConfigTrackMenu.jsx +1 -0
  24. package/app/scripts/ConfigViewMenu.jsx +1 -0
  25. package/app/scripts/ConfigureSeriesMenu.jsx +1 -0
  26. package/app/scripts/ContextMenuContainer.jsx +1 -0
  27. package/app/scripts/ContextMenuItem.jsx +1 -0
  28. package/app/scripts/Cross.jsx +1 -0
  29. package/app/scripts/CrossRule.js +1 -0
  30. package/app/scripts/CustomTrackDialog.jsx +1 -0
  31. package/app/scripts/Dialog.jsx +1 -0
  32. package/app/scripts/DivergentBarTrack.js +1 -0
  33. package/app/scripts/DragListeningDiv.jsx +1 -0
  34. package/app/scripts/DraggableDiv.jsx +1 -0
  35. package/app/scripts/ExportLinkDialog.jsx +1 -0
  36. package/app/scripts/FixedTrack.jsx +1 -0
  37. package/app/scripts/GalleryTracks.jsx +1 -0
  38. package/app/scripts/GenomePositionSearchBox.jsx +1 -0
  39. package/app/scripts/HeatmapOptions.jsx +1 -0
  40. package/app/scripts/HeatmapTiledPixiTrack.js +1 -0
  41. package/app/scripts/HiGlassComponent.jsx +1 -0
  42. package/app/scripts/HiGlassTrackComponent.jsx +1 -0
  43. package/app/scripts/Horizontal1dHeatmapTrack.js +1 -0
  44. package/app/scripts/Horizontal2DDomainsTrack.js +1 -0
  45. package/app/scripts/HorizontalChromosomeLabels.js +1 -0
  46. package/app/scripts/HorizontalGeneAnnotationsTrack.js +1 -0
  47. package/app/scripts/HorizontalHeatmapTrack.js +1 -0
  48. package/app/scripts/HorizontalItem.jsx +1 -0
  49. package/app/scripts/HorizontalLine1DPixiTrack.js +1 -0
  50. package/app/scripts/HorizontalMultivecTrack.js +1 -0
  51. package/app/scripts/HorizontalPoint1DPixiTrack.js +1 -0
  52. package/app/scripts/HorizontalRule.js +1 -0
  53. package/app/scripts/HorizontalTiled1DPixiTrack.js +1 -0
  54. package/app/scripts/HorizontalTiledPlot.jsx +1 -0
  55. package/app/scripts/HorizontalTrack.jsx +1 -0
  56. package/app/scripts/Id2DTiledPixiTrack.js +1 -0
  57. package/app/scripts/IdHorizontal1DTiledPixiTrack.js +1 -0
  58. package/app/scripts/IdVertical1DTiledPixiTrack.js +1 -0
  59. package/app/scripts/LeftAxisTrack.js +1 -0
  60. package/app/scripts/LeftTrackModifier.js +1 -0
  61. package/app/scripts/ListWrapper.jsx +1 -0
  62. package/app/scripts/MapboxTilesTrack.js +1 -0
  63. package/app/scripts/Modal.jsx +1 -0
  64. package/app/scripts/MoveableTrack.jsx +1 -0
  65. package/app/scripts/NestedContextMenu.jsx +1 -0
  66. package/app/scripts/OSMTileIdsTrack.js +1 -0
  67. package/app/scripts/OSMTilesTrack.js +1 -0
  68. package/app/scripts/OverlayTrack.js +1 -0
  69. package/app/scripts/PixiTrack.js +0 -1
  70. package/app/scripts/PlotTypeChooser.jsx +1 -0
  71. package/app/scripts/PopupMenu.jsx +1 -0
  72. package/app/scripts/RasterTilesTrack.js +1 -0
  73. package/app/scripts/RuleMixin.js +1 -0
  74. package/app/scripts/SVGTrack.js +1 -0
  75. package/app/scripts/SearchField.js +1 -0
  76. package/app/scripts/SeriesListItems.jsx +1 -0
  77. package/app/scripts/SeriesListMenu.jsx +1 -0
  78. package/app/scripts/SeriesListSubmenuMixin.jsx +1 -0
  79. package/app/scripts/SketchInlinePicker.jsx +1 -0
  80. package/app/scripts/SortableList.jsx +1 -0
  81. package/app/scripts/SquareMarkersTrack.js +1 -0
  82. package/app/scripts/Tiled1DPixiTrack.js +1 -0
  83. package/app/scripts/TiledPixiTrack.js +1 -0
  84. package/app/scripts/TiledPlot.jsx +9 -0
  85. package/app/scripts/TilesetFinder.jsx +1 -0
  86. package/app/scripts/TopAxisTrack.js +1 -0
  87. package/app/scripts/Track.js +0 -1
  88. package/app/scripts/TrackArea.jsx +1 -0
  89. package/app/scripts/TrackControl.jsx +1 -0
  90. package/app/scripts/TrackRenderer.jsx +0 -1
  91. package/app/scripts/UnknownPixiTrack.js +1 -0
  92. package/app/scripts/ValueIntervalTrack.js +1 -0
  93. package/app/scripts/VerticalItem.jsx +1 -0
  94. package/app/scripts/VerticalRule.js +1 -0
  95. package/app/scripts/VerticalTiled1DPixiTrack.js +1 -0
  96. package/app/scripts/VerticalTiledPlot.jsx +1 -0
  97. package/app/scripts/VerticalTrack.jsx +1 -0
  98. package/app/scripts/ViewConfigEditor.jsx +1 -0
  99. package/app/scripts/ViewContextMenu.jsx +1 -0
  100. package/app/scripts/ViewHeader.jsx +1 -0
  101. package/app/scripts/ViewportTracker2D.js +1 -0
  102. package/app/scripts/ViewportTracker2DPixi.js +1 -0
  103. package/app/scripts/ViewportTrackerHorizontal.js +1 -0
  104. package/app/scripts/ViewportTrackerVertical.js +1 -0
  105. package/app/scripts/api.js +1 -0
  106. package/app/scripts/configs/available-track-types.js +1 -0
  107. package/app/scripts/configs/colormaps.js +1 -0
  108. package/app/scripts/configs/datatype-to-track-type.js +1 -0
  109. package/app/scripts/configs/default-tracks-for-datatype.js +0 -1
  110. package/app/scripts/configs/dense-data-extrema-config.js +1 -0
  111. package/app/scripts/configs/globals.js +1 -0
  112. package/app/scripts/configs/index.js +1 -0
  113. package/app/scripts/configs/positions-by-datatype.js +1 -0
  114. package/app/scripts/configs/primitives.js +0 -1
  115. package/app/scripts/configs/themes.js +1 -0
  116. package/app/scripts/configs/tracks-info-by-type.js +0 -1
  117. package/app/scripts/configs/tracks-info.js +0 -1
  118. package/app/scripts/d3-context-menu.js +1 -0
  119. package/app/scripts/data-fetchers/DataFetcher.js +193 -153
  120. package/app/scripts/data-fetchers/genbank-fetcher.js +205 -87
  121. package/app/scripts/data-fetchers/index.js +1 -0
  122. package/app/scripts/data-fetchers/local-tile-fetcher.js +37 -4
  123. package/app/scripts/hglib.jsx +1 -0
  124. package/app/scripts/hocs/with-modal.jsx +1 -0
  125. package/app/scripts/hocs/with-pub-sub.jsx +1 -0
  126. package/app/scripts/hocs/with-theme.jsx +1 -0
  127. package/app/scripts/icons.jsx +1 -0
  128. package/app/scripts/mixwith.js +1 -0
  129. package/app/scripts/options-info.js +1 -0
  130. package/app/scripts/plugins/available-for-plugins.js +1 -0
  131. package/app/scripts/plugins/get-data-fetcher.js +1 -0
  132. package/app/scripts/plugins/index.js +1 -0
  133. package/app/scripts/services/chrom-info.js +1 -0
  134. package/app/scripts/services/dom-event.js +1 -0
  135. package/app/scripts/services/element-resize-listener.js +1 -0
  136. package/app/scripts/services/index.js +1 -0
  137. package/app/scripts/services/tile-proxy.js +14 -10
  138. package/app/scripts/services/worker.js +161 -84
  139. package/app/scripts/symbol.js +1 -0
  140. package/app/scripts/test-helpers/index.js +1 -0
  141. package/app/scripts/test-helpers/test-helpers.jsx +1 -0
  142. package/app/scripts/track-utils.js +1 -0
  143. package/app/scripts/types.ts +59 -22
  144. package/app/scripts/utils/DenseDataExtrema1D.js +32 -19
  145. package/app/scripts/utils/DenseDataExtrema2D.js +51 -31
  146. package/app/scripts/utils/LruCache.js +1 -0
  147. package/app/scripts/utils/abs-to-chr.js +0 -1
  148. package/app/scripts/utils/accessor-transposition.js +0 -2
  149. package/app/scripts/utils/add-arrays.js +0 -2
  150. package/app/scripts/utils/add-class.js +0 -1
  151. package/app/scripts/utils/add-event-listener-once.js +0 -2
  152. package/app/scripts/utils/background-task-scheduler.js +0 -2
  153. package/app/scripts/utils/base64-to-canvas.js +0 -2
  154. package/app/scripts/utils/chr-to-abs.js +0 -2
  155. package/app/scripts/utils/chrom-info-bisector.js +0 -1
  156. package/app/scripts/utils/clone-event.js +0 -2
  157. package/app/scripts/utils/color-domain-to-rgba-array.js +1 -0
  158. package/app/scripts/utils/color-to-hex.js +0 -1
  159. package/app/scripts/utils/color-to-rgba.js +0 -1
  160. package/app/scripts/utils/data-to-genomic-loci.js +0 -1
  161. package/app/scripts/utils/debounce.js +0 -2
  162. package/app/scripts/utils/dec-to-hex-str.js +0 -1
  163. package/app/scripts/utils/dict-from-tuples.js +0 -2
  164. package/app/scripts/utils/dict-items.js +0 -2
  165. package/app/scripts/utils/dict-keys.js +0 -2
  166. package/app/scripts/utils/dict-values.js +0 -2
  167. package/app/scripts/utils/download.js +0 -2
  168. package/app/scripts/utils/expand-combined-tracks.js +1 -0
  169. package/app/scripts/utils/fill-in-min-widths.js +1 -0
  170. package/app/scripts/utils/flatten.js +1 -0
  171. package/app/scripts/utils/for-each.js +0 -1
  172. package/app/scripts/utils/forward-event.js +0 -1
  173. package/app/scripts/utils/genome-loci-to-pixels.js +0 -1
  174. package/app/scripts/utils/genomic-range-to-chromosome-chunks.js +0 -2
  175. package/app/scripts/utils/get-aggregation-function.js +6 -12
  176. package/app/scripts/utils/get-default-track-for-datatype.js +1 -0
  177. package/app/scripts/utils/get-element-dim.js +0 -1
  178. package/app/scripts/utils/get-higlass-components.js +1 -0
  179. package/app/scripts/utils/get-track-by-uid.js +1 -0
  180. package/app/scripts/utils/get-track-conf-from-hgc.js +1 -0
  181. package/app/scripts/utils/get-track-obj-by-id.js +1 -0
  182. package/app/scripts/utils/get-track-position-by-uid.js +1 -0
  183. package/app/scripts/utils/get-xylofon.js +1 -0
  184. package/app/scripts/utils/gradient.js +0 -2
  185. package/app/scripts/utils/has-class.js +0 -2
  186. package/app/scripts/utils/has-parent.js +1 -0
  187. package/app/scripts/utils/hex-string-to-int.js +0 -1
  188. package/app/scripts/utils/index.js +0 -1
  189. package/app/scripts/utils/interval-tree.js +1 -0
  190. package/app/scripts/utils/into-the-void.js +0 -1
  191. package/app/scripts/utils/is-track-or-child-track.js +0 -1
  192. package/app/scripts/utils/is-track-range-selectable.js +0 -1
  193. package/app/scripts/utils/is-within.js +0 -2
  194. package/app/scripts/utils/lat-to-y.js +0 -2
  195. package/app/scripts/utils/lng-to-x.js +0 -1
  196. package/app/scripts/utils/load-chrom-infos.js +1 -0
  197. package/app/scripts/utils/map.js +0 -1
  198. package/app/scripts/utils/max-non-zero.js +0 -1
  199. package/app/scripts/utils/max.js +0 -1
  200. package/app/scripts/utils/min-non-zero.js +0 -1
  201. package/app/scripts/utils/min.js +0 -1
  202. package/app/scripts/utils/mod.js +0 -1
  203. package/app/scripts/utils/ndarray-assign.js +1 -0
  204. package/app/scripts/utils/ndarray-flatten.js +1 -0
  205. package/app/scripts/utils/ndarray-to-list.js +1 -0
  206. package/app/scripts/utils/numericify-version.js +0 -1
  207. package/app/scripts/utils/obj-vals.js +1 -0
  208. package/app/scripts/utils/or.js +0 -1
  209. package/app/scripts/utils/parse-chromsizes-rows.js +0 -2
  210. package/app/scripts/utils/pixi-text-to-svg.js +1 -0
  211. package/app/scripts/utils/q.js +1 -0
  212. package/app/scripts/utils/rad-to-deg.js +0 -1
  213. package/app/scripts/utils/range-query-2d.js +1 -0
  214. package/app/scripts/utils/reduce.js +1 -0
  215. package/app/scripts/utils/rel-to-abs-chrom-pos.js +0 -2
  216. package/app/scripts/utils/remove-class.js +0 -1
  217. package/app/scripts/utils/reset-d3-brush-style.js +0 -2
  218. package/app/scripts/utils/rgb-to-hex.js +0 -2
  219. package/app/scripts/utils/scales-center-and-k.js +0 -2
  220. package/app/scripts/utils/scales-to-genome-loci.js +0 -1
  221. package/app/scripts/utils/segments-to-rows.js +1 -0
  222. package/app/scripts/utils/selected-items-to-cum-weights.js +0 -1
  223. package/app/scripts/utils/selected-items-to-size.js +0 -1
  224. package/app/scripts/utils/show-mouse-position.js +0 -1
  225. package/app/scripts/utils/some.js +0 -1
  226. package/app/scripts/utils/sum.js +0 -1
  227. package/app/scripts/utils/svg-line.js +1 -0
  228. package/app/scripts/utils/throttle-and-debounce.js +0 -1
  229. package/app/scripts/utils/tile-to-canvas.js +0 -1
  230. package/app/scripts/utils/timeout.js +0 -1
  231. package/app/scripts/utils/to-void.js +0 -1
  232. package/app/scripts/utils/total-track-pixel-height.js +0 -1
  233. package/app/scripts/utils/trim-trailing-slash.js +0 -1
  234. package/app/scripts/utils/type-guards.js +0 -2
  235. package/app/scripts/utils/value-to-color.js +0 -1
  236. package/app/scripts/utils/visit-positioned-tracks.js +0 -1
  237. package/app/scripts/utils/visit-tracks.js +0 -1
  238. package/dist/esm.html +13 -14
  239. package/dist/hglib.css +1 -1724
  240. package/dist/hglib.js +122664 -28
  241. package/dist/hglib.min.js +116 -119
  242. package/dist/higlass.mjs +122646 -28
  243. package/dist/index.html +5 -6
  244. package/package.json +23 -16
package/dist/hglib.css CHANGED
@@ -1,1724 +1 @@
1
- ._context-menu_18ock_1 {
2
- position: fixed;
3
- background-color: rgba(255, 255, 255, 0.95);
4
- border: 1px solid rgba(0, 0, 0, 0.1);
5
- border-radius: 3px;
6
- font-size: 12px;
7
- cursor: default;
8
- padding: 3px;
9
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
10
- }
11
-
12
- ._context-menu-dark_18ock_12 {
13
- color: #cccccc;
14
- background-color: rgba(68, 68, 68, 0.97);
15
- }
16
-
17
- ._context-menu-icon_18ock_17 {
18
- display: inline-block;
19
- margin-right: 3px;
20
- vertical-align: middle;
21
- }
22
-
23
- ._context-menu-icon_18ock_17 > svg {
24
- width: 30px;
25
- height: 20px;
26
- }
27
-
28
- ._context-menu-item_18ock_27 {
29
- padding: 2px;
30
- white-space: nowrap;
31
- border-radius: 2px;
32
- transition: background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
33
- }
34
-
35
- ._context-menu-item_18ock_27:hover {
36
- background: #337ab7;
37
- color: #fff;
38
- }
39
-
40
- ._context-menu-hr_18ock_38 {
41
- margin-top: 5px;
42
- margin-bottom: 5px;
43
- border: 0;
44
- border-top: 1px solid rgba(0, 0, 0, 0.1);
45
- }
46
-
47
- ._play-icon_18ock_45 {
48
- width: 12px;
49
- height: 12px;
50
- position: absolute;
51
- right: 5px;
52
- }
53
-
54
- ._context-menu-span_18ock_52 {
55
- margin-right: 20px;
56
- vertical-align: middle;
57
- display: inline-block;
58
- line-height: normal;
59
- white-space: nowrap;
60
- }
61
-
62
- ._context-menu-thumbnail_18ock_60 {
63
- margin-right: 10px;
64
- border: 1px solid #888888;
65
- }
66
-
67
- ._context-menu-thumbnail-inline_18ock_65 {
68
- display: inline-block;
69
- margin-right: 10px;
70
- vertical-align: middle;
71
- }._multitrack-header_1yz7l_1,
72
- ._multitrack-header-focus_1yz7l_2,
73
- ._multitrack-header-squeazed_1yz7l_3 {
74
- position: relative;
75
- display: flex;
76
- justify-content: space-between;
77
- height: 24px;
78
- margin-top: 4px;
79
- margin-bottom: 4px;
80
- color: #999;
81
- font-size: 12px;
82
- line-height: 24px;
83
- vertical-align: middle;
84
- border: 0;
85
- border-radius: 3px;
86
- background: #e5e5e5;
87
- transition: height 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), margin 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
88
- }
89
-
90
- ._multitrack-header-dark_1yz7l_20 {
91
- background: #222;
92
- }
93
-
94
- ._multitrack-header-focus_1yz7l_2 {
95
- height: 32px;
96
- margin-top: 0;
97
- margin-bottom: 0;
98
- }
99
-
100
- ._multitrack-header-id_1yz7l_30 {
101
- padding-left: 3px;
102
- }
103
-
104
- ._multitrack-header-id_1yz7l_30:before {
105
- content: "ID:";
106
- font-weight: bold;
107
- padding-right: 5px;
108
- }
109
-
110
- ._multitrack-header-left_1yz7l_39 {
111
- display: flex;
112
- flex-grow: 1;
113
- }
114
-
115
- ._multitrack-header-grabber_1yz7l_44,
116
- ._multitrack-header-grabber-squeazed_1yz7l_45 {
117
- display: flex;
118
- align-items: center;
119
- justify-content: center;
120
- width: 24px;
121
- height: 100%;
122
- cursor: move;
123
- border-radius: 3px 0 0 3px;
124
- transition: background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
125
- }
126
-
127
- ._multitrack-header-grabber_1yz7l_44:hover,
128
- ._multitrack-header-grabber-squeazed_1yz7l_45:hover {
129
- background: #999;
130
- }
131
-
132
- ._multitrack-header-grabber_1yz7l_44:hover div,
133
- ._multitrack-header-grabber-squeazed_1yz7l_45:hover div {
134
- background: #fff;
135
- }
136
-
137
- ._multitrack-header-grabber_1yz7l_44 div,
138
- ._multitrack-header-grabber-squeazed_1yz7l_45 div {
139
- width: 1px;
140
- height: 50%;
141
- margin: 1px;
142
- background: #999;
143
- transition: background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
144
- }
145
-
146
- ._multitrack-header-dark_1yz7l_20 ._multitrack-header-grabber_1yz7l_44 div {
147
- background: #666;
148
- }
149
-
150
- ._multitrack-header-grabber-squeazed_1yz7l_45 {
151
- width: 19.2px;
152
- }
153
-
154
- ._multitrack-header-search_1yz7l_80 {
155
- position: relative;
156
- flex-grow: 1;
157
- height: 100%;
158
- margin-right: 12px;
159
- }
160
-
161
- ._multitrack-header-search_1yz7l_80:after {
162
- position: absolute;
163
- top: 3px;
164
- bottom: 3px;
165
- right: -12px;
166
- display: block;
167
- content: "";
168
- width: 1px;
169
- margin: 0 6px;
170
- background: #cccccc;
171
- }
172
-
173
- ._multitrack-header-dark_1yz7l_20 ._multitrack-header-search_1yz7l_80:after {
174
- background: #666;
175
- }
176
-
177
- ._multitrack-header-nav-list_1yz7l_102,
178
- ._multitrack-header_1yz7l_1 > nav {
179
- display: flex;
180
- }
181
-
182
- ._multitrack-header-icon_1yz7l_107,
183
- ._multitrack-header-icon-squeazed_1yz7l_108 {
184
- width: 24px;
185
- height: 100%;
186
- padding: 6px;
187
- transition: background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
188
- }
189
-
190
- ._multitrack-header-icon_1yz7l_107 g,
191
- ._multitrack-header-icon-squeazed_1yz7l_108 g {
192
- stroke: #999;
193
- }
194
-
195
- ._multitrack-header-icon_1yz7l_107:hover, ._multitrack-header-icon_1yz7l_107:active, ._multitrack-header-icon_1yz7l_107:focus,
196
- ._multitrack-header-icon-squeazed_1yz7l_108:hover,
197
- ._multitrack-header-icon-squeazed_1yz7l_108:active,
198
- ._multitrack-header-icon-squeazed_1yz7l_108:focus {
199
- color: #fff;
200
- background: #337ab7;
201
- }
202
-
203
- ._multitrack-header-icon_1yz7l_107:hover g, ._multitrack-header-icon_1yz7l_107:active g, ._multitrack-header-icon_1yz7l_107:focus g,
204
- ._multitrack-header-icon-squeazed_1yz7l_108:hover g,
205
- ._multitrack-header-icon-squeazed_1yz7l_108:active g,
206
- ._multitrack-header-icon-squeazed_1yz7l_108:focus g {
207
- stroke: #fff;
208
- }
209
-
210
- ._multitrack-header-icon_1yz7l_107:last-child,
211
- ._multitrack-header-icon-squeazed_1yz7l_108:last-child {
212
- border-radius: 0 3px 3px 0;
213
- }
214
-
215
- ._mouse-tool-selection_1yz7l_136 {
216
- color: white;
217
- border-radius: 3px 0 0 3px;
218
- background: #337ab7;
219
- }
220
-
221
- ._multitrack-header-icon-squeazed_1yz7l_108 {
222
- width: 20px 5;
223
- padding-left: 3px;
224
- padding-right: 3px;
225
- }._track-control_w7hx2_1,
226
- ._track-control-vertical_w7hx2_2 {
227
- position: absolute;
228
- z-index: 1;
229
- display: flex;
230
- background: rgba(255, 255, 255, 0.75);
231
- right: 2px;
232
- top: 2px;
233
- border-radius: 2.5px;
234
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 3px 0 rgba(0, 0, 0, 0.1);
235
- opacity: 0;
236
- transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
237
- }
238
-
239
- ._track-control-dark_w7hx2_15,
240
- ._track-control-dark_w7hx2_15 ._track-control-active_w7hx2_16 {
241
- background: rgba(40, 40, 40, 0.85);
242
- }
243
-
244
- ._track-control-vertical_w7hx2_2 {
245
- flex-direction: column-reverse;
246
- }
247
-
248
- ._track-control-left_w7hx2_24 {
249
- left: 2px;
250
- right: auto;
251
- }
252
-
253
- ._track-control-active_w7hx2_16,
254
- ._track-control-vertical-active_w7hx2_30 {
255
- opacity: 1;
256
- z-index: 1;
257
- }
258
-
259
- ._track-control-active_w7hx2_16:hover,
260
- ._track-control-vertical-active_w7hx2_30:hover {
261
- background: rgb(255, 255, 255);
262
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.2);
263
- }
264
-
265
- ._track-control-dark_w7hx2_15._track-control-active_w7hx2_16:hover {
266
- background: rgba(34, 34, 34, 0.95);
267
- }
268
-
269
- ._track-control-active_w7hx2_16 {
270
- }
271
-
272
- ._track-control-padding-right_w7hx2_48 {
273
- right: 80px;
274
- }
275
-
276
- ._track-control-button_w7hx2_52 {
277
- width: 20px;
278
- height: 20px;
279
- padding: 4px;
280
- cursor: pointer;
281
- opacity: 0.66;
282
- transition: background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
283
- }
284
-
285
- ._track-control-button_w7hx2_52:hover {
286
- color: #fff;
287
- background: #337ab7;
288
- opacity: 1;
289
- }
290
-
291
- ._track-control-button_w7hx2_52:first-child {
292
- border-radius: 2.5px 0 0 2.5px;
293
- }
294
-
295
- ._track-control-button_w7hx2_52:last-child {
296
- border-radius: 0 2.5px 2.5px 0;
297
- }
298
-
299
- ._track-control-dark_w7hx2_15 ._track-control-button_w7hx2_52 {
300
- color: #cccccc;
301
- }
302
-
303
- ._track-control-dark_w7hx2_15 ._track-control-button_w7hx2_52:hover {
304
- color: #fff;
305
- background: #337ab7;
306
- opacity: 1;
307
- }
308
-
309
- ._track-control-button-vertical_w7hx2_81:first-child {
310
- border-radius: 0 0 2.5px 2.5px;
311
- }
312
-
313
- ._track-control-button-vertical_w7hx2_81:last-child {
314
- border-radius: 2.5px 2.5px 0 0;
315
- }._center-track_fiu64_1 {
316
- position: relative;
317
- background: transparent;
318
- }
319
-
320
- ._center-track-container_fiu64_6 {
321
- position: absolute;
322
- z-index: 1;
323
- }._track-range-selection_5bcsr_1 {
324
- position: absolute;
325
- z-index: -1;
326
- opacity: 0;
327
- transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
328
- }
329
-
330
- ._track-range-selection-active_5bcsr_8 {
331
- z-index: 1;
332
- opacity: 1;
333
- }
334
-
335
- ._track-range-selection-active-primary_5bcsr_14 {
336
- }
337
-
338
- ._track-range-selection-active-secondary_5bcsr_18 {
339
- }
340
-
341
- ._track-range-selection-group-inactive_5bcsr_22 {
342
- display: none;
343
- }
344
-
345
- ._track-range-selection-group-brush-selection_5bcsr_26 {
346
- outline: 2px solid rgba(0, 0, 0, 0.33);
347
- fill: black;
348
- fill-opacity: 0.1;
349
- }._drag-listening-div-active_19gkt_1 {
350
- z-index: 10;
351
- box-shadow: inset 0 0 3px 0 red;
352
- }._gallery-tracks_fbxxi_1 {
353
- position: relative;
354
- top: 0;
355
- left: 0;
356
- width: 100%;
357
- height: 100%;
358
- }
359
-
360
- ._gallery-track_fbxxi_1 {
361
- position: absolute;
362
- box-sizing: border-box;
363
- top: 0;
364
- right: 0;
365
- bottom: 0;
366
- left: 0;
367
- }
368
-
369
- ._gallery-sub-track_fbxxi_18,
370
- ._gallery-invisible-track_fbxxi_19 {
371
- position: absolute;
372
- }._tiled-plot_1y7td_1 {
373
- position: relative;
374
- flex: 1;
375
- overflow: hidden;
376
- }
377
-
378
- ._horizontalList_1y7td_7 {
379
- display: flex;
380
- width: 600px;
381
- height: 300px;
382
- white-space: nowrap;
383
- }
384
-
385
- ._list_1y7td_14 {
386
- width: 400px;
387
- height: 600px;
388
- overflow: hidden;
389
- -webkit-overflow-scrolling: touch;
390
- }
391
-
392
- ._stylizedList_1y7td_21 {
393
- position: relative;
394
- z-index: 0;
395
- background-color: #f3f3f3;
396
- outline: none;
397
- }
398
-
399
- ._stylizedItem_1y7td_28 {
400
- position: relative;
401
- display: flex;
402
- align-items: center;
403
- width: 100%;
404
- background-color: transparent;
405
- user-select: none;
406
- color: #333;
407
- font-weight: 400;
408
- }
409
-
410
- ._stylizedHelper_1y7td_39 {
411
- box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
412
- background-color: rgba(255, 255, 255, 0.8);
413
- cursor: row-resize;
414
- }
415
- ._stylizedHelper_1y7td_39._horizontalItem_1y7td_44 {
416
- cursor: col-resize;
417
- }
418
-
419
- ._horizontalItem_1y7td_44 {
420
- display: flex;
421
- flex-shrink: 0;
422
- align-items: center;
423
- justify-content: center;
424
- }
425
-
426
- ._resizable-track_1y7td_55 {
427
- width: 100%;
428
- height: 100%;
429
- }
430
-
431
- path._domain_1y7td_60 {
432
- stroke-width: 0px;
433
- }._top-right-handle_cizw2_1,
434
- ._bottom-right-handle_cizw2_2 {
435
- border-right: black solid;
436
- border-top: black solid;
437
- }
438
-
439
- ._top-left-handle_cizw2_7,
440
- ._bottom-left-handle_cizw2_8 {
441
- border-left: black solid;
442
- border-top: black solid;
443
- }
444
-
445
- ._top-draggable-handle_cizw2_13,
446
- ._bottom-draggable-handle_cizw2_14,
447
- ._left-draggable-handle_cizw2_15,
448
- ._right-draggable-handle_cizw2_16 {
449
- position: absolute;
450
- opacity: 0;
451
- transition: transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
452
- }
453
-
454
- ._draggable-div_cizw2_22 {
455
- background-color: transparent;
456
- box-sizing: border-box;
457
- }
458
-
459
- ._top-draggable-handle-grabber_cizw2_27,
460
- ._bottom-draggable-handle-grabber_cizw2_28 {
461
- width: 10px;
462
- height: 4px;
463
- border-top: 1px solid black;
464
- border-bottom: 1px solid black;
465
- }
466
-
467
- ._top-draggable-handle-grabber_cizw2_27 {
468
- margin: 4px 7px 4px 7px;
469
- }
470
-
471
- ._bottom-draggable-handle-grabber_cizw2_28 {
472
- margin: 4px 7px 4px 7px;
473
- }
474
-
475
- ._left-draggable-handle-grabber_cizw2_43,
476
- ._right-draggable-handle-grabber_cizw2_44 {
477
- width: 4px;
478
- height: 10px;
479
- border-left: 1px solid black;
480
- border-right: 1px solid black;
481
- }
482
-
483
- ._left-draggable-handle-grabber_cizw2_43 {
484
- margin: 7px 4px 7px 4px;
485
- }
486
-
487
- ._right-draggable-handle-grabber_cizw2_44 {
488
- margin: 7px 4px 7px 4px;
489
- }
490
-
491
- ._draggable-div_cizw2_22:hover ._top-draggable-handle_cizw2_13,
492
- ._draggable-div_cizw2_22:hover ._bottom-draggable-handle_cizw2_14,
493
- ._draggable-div_cizw2_22:hover ._left-draggable-handle_cizw2_15,
494
- ._draggable-div_cizw2_22:hover ._right-draggable-handle_cizw2_16 {
495
- opacity: 0.5;
496
- background: rgba(255, 255, 255, 0.75);
497
- box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.75);
498
- border-radius: 3px;
499
- }
500
-
501
- ._top-draggable-handle_cizw2_13:hover, ._top-draggable-handle_cizw2_13:active,
502
- ._bottom-draggable-handle_cizw2_14:hover, ._bottom-draggable-handle_cizw2_14:active,
503
- ._left-draggable-handle_cizw2_15:hover, ._left-draggable-handle_cizw2_15:active,
504
- ._right-draggable-handle_cizw2_16:hover, ._right-draggable-handle_cizw2_16:active {
505
- opacity: 1 !important;
506
- transform: scale(2);
507
- }
508
-
509
- ._top-draggable-handle_cizw2_13:hover ._top-draggable-handle-grabber_cizw2_27,
510
- ._top-draggable-handle_cizw2_13:hover ._bottom-draggable-handle-grabber_cizw2_28,
511
- ._top-draggable-handle_cizw2_13:hover ._left-draggable-handle-grabber_cizw2_43,
512
- ._top-draggable-handle_cizw2_13:hover ._right-draggable-handle-grabber_cizw2_44, ._top-draggable-handle_cizw2_13:active ._top-draggable-handle-grabber_cizw2_27,
513
- ._top-draggable-handle_cizw2_13:active ._bottom-draggable-handle-grabber_cizw2_28,
514
- ._top-draggable-handle_cizw2_13:active ._left-draggable-handle-grabber_cizw2_43,
515
- ._top-draggable-handle_cizw2_13:active ._right-draggable-handle-grabber_cizw2_44,
516
- ._bottom-draggable-handle_cizw2_14:hover ._top-draggable-handle-grabber_cizw2_27,
517
- ._bottom-draggable-handle_cizw2_14:hover ._bottom-draggable-handle-grabber_cizw2_28,
518
- ._bottom-draggable-handle_cizw2_14:hover ._left-draggable-handle-grabber_cizw2_43,
519
- ._bottom-draggable-handle_cizw2_14:hover ._right-draggable-handle-grabber_cizw2_44, ._bottom-draggable-handle_cizw2_14:active ._top-draggable-handle-grabber_cizw2_27,
520
- ._bottom-draggable-handle_cizw2_14:active ._bottom-draggable-handle-grabber_cizw2_28,
521
- ._bottom-draggable-handle_cizw2_14:active ._left-draggable-handle-grabber_cizw2_43,
522
- ._bottom-draggable-handle_cizw2_14:active ._right-draggable-handle-grabber_cizw2_44,
523
- ._left-draggable-handle_cizw2_15:hover ._top-draggable-handle-grabber_cizw2_27,
524
- ._left-draggable-handle_cizw2_15:hover ._bottom-draggable-handle-grabber_cizw2_28,
525
- ._left-draggable-handle_cizw2_15:hover ._left-draggable-handle-grabber_cizw2_43,
526
- ._left-draggable-handle_cizw2_15:hover ._right-draggable-handle-grabber_cizw2_44, ._left-draggable-handle_cizw2_15:active ._top-draggable-handle-grabber_cizw2_27,
527
- ._left-draggable-handle_cizw2_15:active ._bottom-draggable-handle-grabber_cizw2_28,
528
- ._left-draggable-handle_cizw2_15:active ._left-draggable-handle-grabber_cizw2_43,
529
- ._left-draggable-handle_cizw2_15:active ._right-draggable-handle-grabber_cizw2_44,
530
- ._right-draggable-handle_cizw2_16:hover ._top-draggable-handle-grabber_cizw2_27,
531
- ._right-draggable-handle_cizw2_16:hover ._bottom-draggable-handle-grabber_cizw2_28,
532
- ._right-draggable-handle_cizw2_16:hover ._left-draggable-handle-grabber_cizw2_43,
533
- ._right-draggable-handle_cizw2_16:hover ._right-draggable-handle-grabber_cizw2_44, ._right-draggable-handle_cizw2_16:active ._top-draggable-handle-grabber_cizw2_27,
534
- ._right-draggable-handle_cizw2_16:active ._bottom-draggable-handle-grabber_cizw2_28,
535
- ._right-draggable-handle_cizw2_16:active ._left-draggable-handle-grabber_cizw2_43,
536
- ._right-draggable-handle_cizw2_16:active ._right-draggable-handle-grabber_cizw2_44 {
537
- box-shadow: 0 0 3px 1px #0089ff;
538
- background: #0089ff;
539
- }
540
-
541
- ._top-draggable-handle_cizw2_13,
542
- ._bottom-draggable-handle_cizw2_14 {
543
- height: 12px;
544
- cursor: row-resize;
545
- }
546
-
547
- ._left-draggable-handle_cizw2_15,
548
- ._right-draggable-handle_cizw2_16 {
549
- width: 12px;
550
- cursor: col-resize;
551
- }._horizontal-tiled-plot_1bqkg_1 {
552
- position: relative;
553
- }._button_1wnjn_1 {
554
- display: flex;
555
- align-items: center;
556
- box-sizing: border-box;
557
- padding: 0.5em 0.5em;
558
- color: #000;
559
- font-size: 1em;
560
- line-height: 1em;
561
- border: 0;
562
- border-radius: 2.5px;
563
- background: #fff;
564
- box-shadow: 0 0 0 1px #cccccc;
565
- transition: transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
566
- -webkit-appearance: none;
567
- }
568
-
569
- ._button_1wnjn_1:hover {
570
- background: #f2f2f2;
571
- box-shadow: 0 0 0 1px #cccccc;
572
- }
573
-
574
- ._button_1wnjn_1:focus {
575
- box-shadow: 0 0 0 2px #0089ff;
576
- }
577
-
578
- ._button_1wnjn_1:active {
579
- transform: scale(0.9);
580
- }
581
-
582
- ._button_1wnjn_1:hover, ._button_1wnjn_1:focus, ._button_1wnjn_1:active {
583
- cursor: pointer;
584
- outline: none;
585
- }
586
-
587
- ._button-shortcut_1wnjn_35 {
588
- padding: 0.1em 5px;
589
- color: #999;
590
- font-size: 0.8em;
591
- transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
592
- }._cross_2ke8w_1 {
593
- position: relative;
594
- width: 1em;
595
- height: 1em;
596
- }
597
-
598
- ._cross_2ke8w_1:before, ._cross_2ke8w_1:after {
599
- content: "";
600
- display: block;
601
- position: absolute;
602
- top: 50%;
603
- left: 0;
604
- width: 1em;
605
- height: 1px;
606
- background: black;
607
- transform-origin: center;
608
- }
609
-
610
- ._cross_2ke8w_1:before {
611
- -webkit-transform: translate(0, -50%) rotate(45deg);
612
- -moz-transform: translate(0, -50%) rotate(45deg);
613
- transform: translate(0, -50%) rotate(45deg);
614
- }
615
-
616
- ._cross_2ke8w_1:after {
617
- -webkit-transform: translate(0, -50%) rotate(-45deg);
618
- -moz-transform: translate(0, -50%) rotate(-45deg);
619
- transform: translate(0, -50%) rotate(-45deg);
620
- }._modal-background_zzhoe_1 {
621
- position: absolute;
622
- z-index: 1000;
623
- top: 0;
624
- right: 0;
625
- bottom: 0;
626
- left: 0;
627
- background: rgba(0, 0, 0, 0.666);
628
- animation: _fade-in_zzhoe_1 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) 1;
629
- transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
630
- }
631
-
632
- ._modal-hide_zzhoe_13 {
633
- opacity: 0;
634
- }
635
-
636
- ._modal-wrap_zzhoe_17 {
637
- position: absolute;
638
- top: 20px;
639
- right: 20px;
640
- bottom: 20px;
641
- left: 20px;
642
- }
643
-
644
- ._modal-window_zzhoe_25 {
645
- position: relative;
646
- width: 100%;
647
- max-width: 640px;
648
- max-height: 100%;
649
- margin-left: auto;
650
- margin-right: auto;
651
- color: #000;
652
- border-radius: 5px;
653
- background: #fff;
654
- animation: _fade-scale-in_zzhoe_1 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) 1;
655
- }
656
-
657
- ._modal-window-max-height_zzhoe_38 {
658
- height: 100%;
659
- }
660
-
661
- ._modal-content_zzhoe_42 {
662
- padding: 10px;
663
- }
664
-
665
- @keyframes _fade-in_zzhoe_1 {
666
- from {
667
- opacity: 0;
668
- }
669
- to {
670
- opacity: 1;
671
- }
672
- }
673
-
674
- @keyframes _fade-scale-in_zzhoe_1 {
675
- from {
676
- opacity: 0;
677
- transform: scale(0.5);
678
- }
679
- to {
680
- opacity: 1;
681
- transform: scale(1);
682
- }
683
- }._dialog-header_wp50s_1 {
684
- position: relative;
685
- z-index: 2;
686
- display: flex;
687
- justify-content: space-between;
688
- margin: 0 -10px 10px -10px;
689
- padding: 0 10px 10px 10px;
690
- border-bottom: 1px solid #cccccc;
691
- }
692
- ._dialog-header_wp50s_1 h3 {
693
- margin: 0;
694
- padding: 0;
695
- font-size: 20px;
696
- line-height: 1em;
697
- }
698
- ._dialog-header_wp50s_1 button {
699
- font-size: 10px;
700
- }
701
- ._dialog-main-max-height_wp50s_20 {
702
- position: absolute;
703
- z-index: 1;
704
- top: 40px;
705
- right: 0;
706
- bottom: 50px;
707
- left: 0;
708
- padding: 10px;
709
- overflow: auto;
710
- }
711
- ._dialog-footer_wp50s_31, ._dialog-footer-max-height_wp50s_31 {
712
- display: flex;
713
- justify-content: space-between;
714
- margin: 10px -10px 0 -10px;
715
- padding: 10px 10px 0 10px;
716
- border-top: 1px solid #cccccc;
717
- }
718
- ._dialog-footer_wp50s_31 button, ._dialog-footer-max-height_wp50s_31 button {
719
- font-size: 14px;
720
- }
721
- ._dialog-footer-max-height_wp50s_31 {
722
- position: absolute;
723
- z-index: 2;
724
- left: 10px;
725
- right: 10px;
726
- bottom: 10px;
727
- }/*
728
- @import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
729
- */
730
-
731
- table.table-track-options {
732
- border-collapse: collapse;
733
- margin-left: auto;
734
- margin-right: auto;
735
- }
736
-
737
- td.td-track-options {
738
- border: 1px solid #fff;
739
- outline: none;
740
- padding: 3px;
741
- position: relative;
742
- font-family: 'Roboto', sans-serif;
743
- font-size: 14px;
744
- color: #666;
745
- }
746
-
747
- .cell-label {
748
- position: absolute;
749
- left: 0px;
750
- top: 0px;
751
- margin-left: 5px;
752
- color: #777;
753
- }
754
-
755
- .modal-dialog {
756
- position: relative;
757
- display: table;
758
- overflow-y: auto;
759
- overflow-x: auto;
760
- width: auto;
761
- min-width: 300px;
762
- margin: auto;
763
- }
764
- ._track-renderer_11dwb_1 {
765
- position: relative;
766
- }
767
-
768
- ._track-renderer-element_11dwb_5,
769
- ._track-renderer-events_11dwb_6 {
770
- position: absolute;
771
- top: 0;
772
- right: 0;
773
- bottom: 0;
774
- left: 0;
775
- z-index: -1;
776
- }
777
-
778
- ._track-renderer-events_11dwb_6 {
779
- z-index: 1;
780
- }.tileset-finder-label {
781
- font-weight: 700;
782
- }
783
-
784
- .tileset-finder-search-box {
785
- margin-left: 10px;
786
- }
787
-
788
- .tileset-finder-search-bar {
789
- display: flex;
790
- margin-left: 5px;
791
- justify-content: space-between;
792
- align-items: center;
793
- }
794
- .tileset-finder-checkbox-tree {
795
- margin: 5px;
796
- padding: 3px;
797
- border: 1px solid #aaaaaa;
798
- border-radius: 5px;
799
- }
800
-
801
- .react-checkbox-tree {
802
- display: -webkit-box;
803
- display: -ms-flexbox;
804
- display: flex;
805
- -webkit-box-orient: horizontal;
806
- -webkit-box-direction: reverse;
807
- -ms-flex-direction: row-reverse;
808
- flex-direction: row-reverse;
809
- font-size: 16px;
810
- }
811
- .react-checkbox-tree > ol {
812
- -webkit-box-flex: 1;
813
- -ms-flex: 1 1 auto;
814
- flex: 1 1 auto;
815
- }
816
- .react-checkbox-tree ol {
817
- margin: 0;
818
- padding-left: 0;
819
- list-style-type: none;
820
- }
821
- .react-checkbox-tree ol ol {
822
- padding-left: 24px;
823
- }
824
- .react-checkbox-tree button {
825
- line-height: normal;
826
- color: inherit;
827
- }
828
- .react-checkbox-tree button:disabled {
829
- cursor: not-allowed;
830
- }
831
- .react-checkbox-tree .rct-bare-label {
832
- cursor: default;
833
- }
834
- .react-checkbox-tree label {
835
- margin-bottom: 0;
836
- cursor: pointer;
837
- }
838
- .react-checkbox-tree label:hover {
839
- background: rgba(51, 51, 204, 0.1);
840
- }
841
- .react-checkbox-tree label:active,
842
- .react-checkbox-tree label:focus {
843
- background: rgba(51, 51, 204, 0.15);
844
- }
845
- .react-checkbox-tree:not(.rct-native-display) input {
846
- display: none;
847
- }
848
- .react-checkbox-tree.rct-native-display input {
849
- margin: 0 5px;
850
- }
851
- .react-checkbox-tree .rct-icon {
852
- display: inline-block;
853
- text-align: center;
854
- text-rendering: auto;
855
- font-family: 'Font Awesome 5 Free', 'FontAwesome', sans-serif;
856
- font-weight: normal;
857
- font-variant: normal;
858
- font-style: normal;
859
- }
860
-
861
- .rct-disabled > .rct-text > label {
862
- opacity: 0.75;
863
- cursor: not-allowed;
864
- }
865
- .rct-disabled > .rct-text > label:hover {
866
- background: transparent;
867
- }
868
- .rct-disabled > .rct-text > label:active {
869
- background: transparent;
870
- }
871
-
872
- .rct-text {
873
- display: -webkit-box;
874
- display: -ms-flexbox;
875
- display: flex;
876
- -webkit-box-align: center;
877
- -ms-flex-align: center;
878
- align-items: center;
879
- }
880
-
881
- .rct-options {
882
- -webkit-box-flex: 0;
883
- -ms-flex: 0 0 auto;
884
- flex: 0 0 auto;
885
- margin-left: 0.5rem;
886
- text-align: right;
887
- }
888
-
889
- .rct-option {
890
- opacity: 0.75;
891
- border: 0;
892
- background: none;
893
- cursor: pointer;
894
- padding: 0 4px;
895
- font-size: 18px;
896
- }
897
- .rct-option:hover {
898
- opacity: 1;
899
- }
900
- .rct-option + .rct-option {
901
- margin-left: 2px;
902
- }
903
-
904
- .rct-collapse,
905
- .rct-checkbox,
906
- .rct-node-icon {
907
- padding: 0 5px;
908
- }
909
- .rct-collapse *,
910
- .rct-checkbox *,
911
- .rct-node-icon * {
912
- display: inline-block;
913
- margin: 0;
914
- width: 14px;
915
- }
916
-
917
- .rct-collapse {
918
- -ms-flex-item-align: stretch;
919
- align-self: stretch;
920
- border: 0;
921
- background: none;
922
- line-height: normal;
923
- color: inherit;
924
- font-size: 12px;
925
- }
926
- .rct-collapse.rct-collapse-btn {
927
- cursor: pointer;
928
- }
929
- .rct-collapse > .rct-icon-expand-close {
930
- opacity: 0.5;
931
- }
932
- .rct-collapse > .rct-icon-expand-close:hover {
933
- opacity: 1;
934
- }
935
-
936
- .rct-native-display .rct-checkbox {
937
- display: none;
938
- }
939
-
940
- .rct-node-clickable {
941
- cursor: pointer;
942
- }
943
- .rct-node-clickable:hover {
944
- background: rgba(51, 51, 204, 0.1);
945
- }
946
- .rct-node-clickable:focus {
947
- outline: 0;
948
- background: rgba(51, 51, 204, 0.2);
949
- }
950
-
951
- .rct-node-icon {
952
- color: #33c;
953
- }
954
-
955
- .rct-title {
956
- padding: 0 5px;
957
- }
958
-
959
- .rct-icons-fa4 .rct-icon-expand-close::before {
960
- content: '\f054';
961
- }
962
- .rct-icons-fa4 .rct-icon-expand-open::before {
963
- content: '\f078';
964
- }
965
- .rct-icons-fa4 .rct-icon-uncheck::before {
966
- content: '\f096';
967
- }
968
- .rct-icons-fa4 .rct-icon-check::before {
969
- content: '\f046';
970
- }
971
- .rct-icons-fa4 .rct-icon-half-check::before {
972
- opacity: 0.5;
973
- content: '\f046';
974
- }
975
- .rct-icons-fa4 .rct-icon-leaf::before {
976
- content: '\f016';
977
- }
978
- .rct-icons-fa4 .rct-icon-parent-open::before {
979
- content: '\f115';
980
- }
981
- .rct-icons-fa4 .rct-icon-parent-close::before {
982
- content: '\f114';
983
- }
984
- .rct-icons-fa4 .rct-icon-expand-all::before {
985
- content: '\f0fe';
986
- }
987
- .rct-icons-fa4 .rct-icon-collapse-all::before {
988
- content: '\f146';
989
- }
990
-
991
- .rct-icons-fa5 .rct-icon-expand-close::before {
992
- font-weight: 900;
993
- content: '\f054';
994
- }
995
- .rct-icons-fa5 .rct-icon-expand-open::before {
996
- font-weight: 900;
997
- content: '\f078';
998
- }
999
- .rct-icons-fa5 .rct-icon-uncheck::before {
1000
- content: '\f0c8';
1001
- }
1002
- .rct-icons-fa5 .rct-icon-check::before {
1003
- content: '\f14a';
1004
- }
1005
- .rct-icons-fa5 .rct-icon-half-check::before {
1006
- opacity: 0.5;
1007
- content: '\f14a';
1008
- }
1009
- .rct-icons-fa5 .rct-icon-leaf::before {
1010
- content: '\f15b';
1011
- }
1012
- .rct-icons-fa5 .rct-icon-parent-open::before {
1013
- content: '\f07c';
1014
- }
1015
- .rct-icons-fa5 .rct-icon-parent-close::before {
1016
- content: '\f07b';
1017
- }
1018
- .rct-icons-fa5 .rct-icon-expand-all::before {
1019
- content: '\f0fe';
1020
- }
1021
- .rct-icons-fa5 .rct-icon-collapse-all::before {
1022
- content: '\f146';
1023
- }
1024
-
1025
- .rct-direction-rtl {
1026
- direction: rtl;
1027
- }
1028
- .rct-direction-rtl ol ol {
1029
- padding-right: 24px;
1030
- padding-left: 0;
1031
- }
1032
- .rct-direction-rtl.rct-icons-fa4 .rct-icon-expand-close::before {
1033
- content: '\f105';
1034
- }
1035
- .rct-direction-rtl.rct-icons-fa5 .rct-icon-expand-close::before {
1036
- content: '\f053';
1037
- }
1038
- .plot-type-selected {
1039
- background-color: rgba(0, 0, 255, 0.3);
1040
- }
1041
-
1042
- .plot-type-container {
1043
- overflow-y: scroll;
1044
- margin: 5px;
1045
- padding: 3px;
1046
- border: 1px solid #aaaaaa;
1047
- border-radius: 5px;
1048
- max-height: 15vh;
1049
- }
1050
-
1051
- .plot-type-container-empty {
1052
- margin: 5px;
1053
- padding: 3px 8px;
1054
- border: 1px solid #aaaaaa;
1055
- background-color: #e8e8e8;
1056
- border-radius: 5px;
1057
- }
1058
-
1059
- .plot-type-item {
1060
- cursor: pointer;
1061
- }
1062
- .plot-type-item:not(.plot-type-selected):hover {
1063
- background-color: rgba(51, 51, 204, 0.1);
1064
- }
1065
-
1066
- .track-thumbnail {
1067
- width: 30px;
1068
- height: 20px;
1069
- display: inline-block;
1070
- margin-right: 10;
1071
- vertical-align: middle;
1072
- }
1073
- .track-thumbnail > svg {
1074
- width: 20px;
1075
- height: 20px;
1076
- }
1077
- ._collapse-toggle-icon_ub7s6_1:before {
1078
- /* symbol for "opening" panels */
1079
- font-family: "Glyphicons Halflings"; /* essential for enabling glyphicon */
1080
- content: "\e159"; /* glyphicon glyphicon-expand, taken from bootstrap.css */
1081
- float: left; /* adjust as needed */
1082
- padding-right: 3px;
1083
- }
1084
-
1085
- ._collapse-toggle-icon_ub7s6_1._collapsed_ub7s6_9:before {
1086
- /* symbol for "collapsed" panels */
1087
- content: "\e158"; /* glyphicon glyphicon-collapse-down, taken from bootstrap.css */
1088
- }
1089
-
1090
- ._modal-title_ub7s6_14 {
1091
- font-family: "Roboto";
1092
- font-weight: 700;
1093
- }
1094
-
1095
- ._modal-container_ub7s6_19 {
1096
- position: relative;
1097
- }
1098
-
1099
- ._modal-container_ub7s6_19 ._modal_ub7s6_14, ._modal-container_ub7s6_19 ._modal-backdrop_ub7s6_23 {
1100
- position: absolute;
1101
- }
1102
-
1103
- ._modal-dialog_ub7s6_27 {
1104
- position: relative;
1105
- display: table;
1106
- overflow-y: auto;
1107
- overflow-x: auto;
1108
- width: 600px;
1109
- min-width: 300px;
1110
- margin: auto;
1111
- }._vertical-tiled-plot_f3ho8_1 {
1112
- position: relative;
1113
- }._genome-position-search_1l2sx_1,
1114
- ._genome-position-search-focus_1l2sx_2 {
1115
- position: relative;
1116
- display: flex;
1117
- align-items: stretch;
1118
- height: 100%;
1119
- margin-bottom: 0px;
1120
- font-size: 13.7142857143px;
1121
- transition: box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), font-size 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
1122
- }
1123
-
1124
- ._genome-position-search-focus_1l2sx_2 {
1125
- box-shadow: 0 0 0 1px #337ab7, 0 0 3px 1px #337ab7;
1126
- }
1127
-
1128
- ._genome-position-search-bar_1l2sx_16 {
1129
- position: relative;
1130
- box-sizing: border-box;
1131
- width: 100%;
1132
- height: 100%;
1133
- padding: 3px;
1134
- color: #666;
1135
- font-size: inherit;
1136
- line-height: 24px;
1137
- border: 0;
1138
- border-radius: 3px 0 0 3px;
1139
- background: transparent;
1140
- }
1141
-
1142
- ._genome-position-search-bar_1l2sx_16:focus {
1143
- outline: none;
1144
- color: #000;
1145
- }
1146
-
1147
- ._genome-position-search-dark_1l2sx_34 ._genome-position-search-bar_1l2sx_16:focus {
1148
- color: #e5e5e5;
1149
- }
1150
-
1151
- ._genome-position-search-bar-button_1l2sx_38,
1152
- ._genome-position-search-bar-button-focus_1l2sx_39 {
1153
- display: block;
1154
- height: 100%;
1155
- padding: 0 8px !important;
1156
- color: #999;
1157
- border: 0 !important;
1158
- border-radius: 0 !important;
1159
- background: transparent;
1160
- transition: background 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
1161
- }
1162
-
1163
- ._genome-position-search-bar-button_1l2sx_38:active, ._genome-position-search-bar-button_1l2sx_38:focus, ._genome-position-search-bar-button_1l2sx_38:hover,
1164
- ._genome-position-search-bar-button-focus_1l2sx_39:active,
1165
- ._genome-position-search-bar-button-focus_1l2sx_39:focus,
1166
- ._genome-position-search-bar-button-focus_1l2sx_39:hover {
1167
- color: #fff;
1168
- background: #337ab7;
1169
- }
1170
-
1171
- ._genome-position-search-bar-button-focus_1l2sx_39 {
1172
- color: #fff;
1173
- background: #337ab7;
1174
- }
1175
-
1176
- ._genome-position-search-bar-icon_1l2sx_62,
1177
- ._genome-position-search-bar-icon-focus_1l2sx_63 {
1178
- display: flex;
1179
- align-items: center;
1180
- transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
1181
- }
1182
-
1183
- ._genome-position-search-bar-icon_1l2sx_62:first-child,
1184
- ._genome-position-search-bar-icon-focus_1l2sx_63:first-child {
1185
- margin-left: 6px;
1186
- margin-right: 2px;
1187
- }
1188
-
1189
- ._genome-position-search-bar-icon_1l2sx_62 span,
1190
- ._genome-position-search-bar-icon-focus_1l2sx_63 span {
1191
- display: block;
1192
- margin-top: -2px;
1193
- }
1194
-
1195
- ._genome-position-search-bar-icon-focus_1l2sx_63 {
1196
- color: #337ab7;
1197
- }
1198
-
1199
- ._genome-position-search-bar-suggestions_1l2sx_83 {
1200
- position: fixed;
1201
- border-radius: 3px;
1202
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
1203
- background-color: rgba(255, 255, 255, 0.95);
1204
- border: 1px solid rgba(0, 0, 0, 0.1);
1205
- padding: 2px 0;
1206
- font-size: 90%;
1207
- overflow: auto;
1208
- max-height: 50%;
1209
- }
1210
-
1211
- ._btn_1l2sx_95 {
1212
- display: inline-block;
1213
- margin-bottom: 0;
1214
- font-size: 13.7142857143px;
1215
- font-weight: 400;
1216
- line-height: 1.42857143;
1217
- text-align: center;
1218
- white-space: nowrap;
1219
- vertical-align: middle;
1220
- -ms-touch-action: manipulation;
1221
- touch-action: manipulation;
1222
- cursor: pointer;
1223
- -webkit-user-select: none;
1224
- -moz-user-select: none;
1225
- -ms-user-select: none;
1226
- user-select: none;
1227
- background-image: none;
1228
- border: 1px solid transparent;
1229
- border-radius: 4px;
1230
- }
1231
-
1232
- ._btn-sm_1l2sx_116 {
1233
- font-size: 12px;
1234
- line-height: 1.5;
1235
- border-radius: 3px;
1236
- }
1237
-
1238
- ._btn-default_1l2sx_122 {
1239
- color: #666;
1240
- background-color: #fff;
1241
- border-color: #ccc;
1242
- }
1243
-
1244
- ._btn-default_1l2sx_122:hover {
1245
- color: #000;
1246
- background: #ccc;
1247
- }
1248
-
1249
- ._btn-default_1l2sx_122:active,
1250
- ._btn-default_1l2sx_122:focus {
1251
- color: #fff;
1252
- border-color: #000;
1253
- background: #000;
1254
- }
1255
-
1256
- ._genome-position-search_1l2sx_1 ._btn_1l2sx_95 {
1257
- border-radius: 0 3px 3px 0;
1258
- }._export-link-dialog-wrapper_p9gxw_1 {
1259
- display: flex;
1260
- }
1261
- ._export-link-dialog-wrapper_p9gxw_1 input {
1262
- flex-grow: 1;
1263
- }._add-track-position-table_wdy5w_1 {
1264
- border-collapse: collapse;
1265
- margin: 5px;
1266
- color: #666;
1267
- }
1268
-
1269
- ._add-track-position-table-dark_wdy5w_7 {
1270
- color: #cccccc;
1271
- }
1272
-
1273
- ._add-track-position-other_wdy5w_11 {
1274
- outline: none;
1275
- }
1276
-
1277
- ._add-track-position-top-center_wdy5w_15 {
1278
- min-width: 80px;
1279
- min-height: 20px;
1280
- text-align: center;
1281
- outline: none;
1282
- border-top: 1px solid #999;
1283
- border-left: 1px solid #999;
1284
- border-right: 1px solid #999;
1285
- border-radius: 2px 2px 0 0;
1286
- }
1287
-
1288
- ._add-track-position-top-center_wdy5w_15:hover {
1289
- color: #fff;
1290
- background-color: #337ab7;
1291
- }
1292
-
1293
- ._add-track-position-middle-left_wdy5w_30 {
1294
- min-width: 40px;
1295
- text-align: center;
1296
- outline: none;
1297
- border-top: 1px solid #999;
1298
- border-left: 1px solid #999;
1299
- border-bottom: 1px solid #999;
1300
- border-radius: 2px 0 0 2px;
1301
- }
1302
-
1303
- ._add-track-position-middle-left_wdy5w_30:hover {
1304
- background-color: #337ab7;
1305
- color: #fff;
1306
- }
1307
-
1308
- ._add-track-position-middle-right_wdy5w_45 {
1309
- min-width: 40px;
1310
- text-align: center;
1311
- outline: none;
1312
- border-top: 1px solid #999;
1313
- border-right: 1px solid #999;
1314
- border-bottom: 1px solid #999;
1315
- border-radius: 0 2px 2px 0;
1316
- }
1317
-
1318
- ._add-track-position-middle-right_wdy5w_45:hover {
1319
- background-color: #337ab7;
1320
- color: #fff;
1321
- }
1322
-
1323
- ._add-track-position-middle-middle_wdy5w_60 {
1324
- text-align: center;
1325
- outline: none;
1326
- border: 1px solid #999;
1327
- }
1328
-
1329
- ._add-track-position-middle-middle_wdy5w_60:hover {
1330
- background-color: #337ab7;
1331
- color: #fff;
1332
- }
1333
-
1334
- ._add-track-position-bottom-middle_wdy5w_71 {
1335
- min-height: 20px;
1336
- text-align: center;
1337
- outline: none;
1338
- border-left: 1px solid #999;
1339
- border-right: 1px solid #999;
1340
- border-bottom: 1px solid #999;
1341
- border-radius: 0 0 2px 2px;
1342
- }
1343
-
1344
- ._add-track-position-bottom-middle_wdy5w_71:hover {
1345
- background-color: #337ab7;
1346
- color: #fff;
1347
- }
1348
-
1349
- ._add-track-position-span_wdy5w_86 {
1350
- margin: 5px;
1351
- }._view-config-editor-header_1hlm6_1 {
1352
- margin: -10px -10px 0 -10px;
1353
- padding: 10px;
1354
- display: flex;
1355
- justify-content: space-between;
1356
- background: #f2f2f2;
1357
- }
1358
- ._view-config-editor-header_1hlm6_1 button {
1359
- display: flex;
1360
- align-items: center;
1361
- font-size: 14px;
1362
- background: #f2f2f2;
1363
- }
1364
- ._view-config-editor-header_1hlm6_1 button:hover {
1365
- background: #e5e5e5;
1366
- }
1367
- ._view-config-editor-header_1hlm6_1 button:hover span {
1368
- color: #666;
1369
- }
1370
- ._view-config-editor_1hlm6_1 {
1371
- position: absolute;
1372
- top: 50px;
1373
- right: 0;
1374
- bottom: 0;
1375
- left: 0;
1376
- margin: 1px 0 0 0;
1377
- padding: 0;
1378
- overflow: auto;
1379
- font-size: 12.5px;
1380
- height: calc(100% - 80px);
1381
- }
1382
- ._view-config-log_1hlm6_34 {
1383
- position: absolute;
1384
- right: 0;
1385
- bottom: 0;
1386
- left: 0;
1387
- margin: 1px 0 0 0;
1388
- padding: 0;
1389
- min-height: 30px;
1390
- background: #f2f2f2;
1391
- transition: height 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
1392
- }
1393
- ._view-config-log-header_1hlm6_46 {
1394
- background: #f2f2f2;
1395
- border-top: 1px solid #cccccc;
1396
- border-bottom: 1px solid #cccccc;
1397
- padding-left: 10px;
1398
- height: 30px;
1399
- display: flex;
1400
- align-items: center;
1401
- cursor: pointer;
1402
- position: sticky;
1403
- position: -webkit-sticky; /* Safari */
1404
- top: 0;
1405
- }
1406
- ._view-config-log-msg_1hlm6_60 {
1407
- background: #f2f2f2;
1408
- overflow: auto;
1409
- height: calc(100% - 30px);
1410
- }
1411
- ._view-config-log-msg_1hlm6_60 tr,
1412
- ._view-config-log-msg_1hlm6_60 td {
1413
- outline: none;
1414
- vertical-align: top;
1415
- }
1416
- ._view-config-log-msg_1hlm6_60 ._title_1hlm6_70 {
1417
- font-weight: bold;
1418
- padding-left: 8px;
1419
- padding-top: 8px;
1420
- width: 100px;
1421
- }
1422
- ._view-config-log-msg_1hlm6_60 ._Warning_1hlm6_76 {
1423
- color: orange;
1424
- }
1425
- ._view-config-log-msg_1hlm6_60 ._Success_1hlm6_79 {
1426
- color: green;
1427
- }
1428
- ._view-config-log-msg_1hlm6_60 ._Error_1hlm6_82 {
1429
- color: red;
1430
- }
1431
- ._view-config-log-msg_1hlm6_60 pre {
1432
- background: white;
1433
- white-space: pre-wrap; /* Since CSS 2.1 */
1434
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1435
- white-space: -pre-wrap; /* Opera 4-6 */
1436
- white-space: -o-pre-wrap; /* Opera 7 */
1437
- word-wrap: break-word; /* Internet Explorer 5.5+ */
1438
- }._higlass_1uoq8_1 {
1439
- position: relative;
1440
- }
1441
-
1442
- ._higlass-dark-theme_1uoq8_5 {
1443
- background: black;
1444
- }
1445
-
1446
- ._higlass-container-overflow_1uoq8_9,
1447
- ._higlass-scroll-container-overflow_1uoq8_10,
1448
- ._higlass-scroll-container-scroll_1uoq8_11 {
1449
- position: absolute;
1450
- top: 0;
1451
- right: 0;
1452
- bottom: 0;
1453
- left: 0;
1454
- }
1455
-
1456
- ._higlass-scroll-container-overflow_1uoq8_10 {
1457
- overflow: hidden;
1458
- }
1459
-
1460
- ._higlass-scroll-container-scroll_1uoq8_11 {
1461
- overflow-x: hidden;
1462
- overflow-y: auto;
1463
- }
1464
-
1465
- ._higlass-canvas_1uoq8_28 {
1466
- position: absolute;
1467
- width: 100%;
1468
- height: 100%;
1469
- }
1470
-
1471
- ._higlass-drawing-surface_1uoq8_34 {
1472
- position: relative;
1473
- }
1474
-
1475
- ._higlass-svg_1uoq8_38 {
1476
- position: absolute;
1477
- width: 100%;
1478
- height: 100%;
1479
- left: 0;
1480
- top: 0;
1481
- pointer-events: none;
1482
- }
1483
-
1484
- ._tiled-area_1uoq8_47 {
1485
- display: flex;
1486
- flex-direction: column;
1487
- }
1488
-
1489
- ._track-mouseover-menu_1uoq8_52 {
1490
- position: fixed;
1491
- z-index: 1;
1492
- margin: 17px 0 0 9px;
1493
- padding: 0 0.25rem;
1494
- max-width: 50vw;
1495
- word-wrap: break-word;
1496
- font-size: 0.8em;
1497
- pointer-events: none;
1498
- background: white;
1499
- border-radius: 0.25rem;
1500
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.075), 0 0 7px 0 rgba(0, 0, 0, 0.05);
1501
- }.react-grid-layout {
1502
- position: relative;
1503
- transition: height 200ms ease;
1504
- }
1505
- .react-grid-item {
1506
- transition: all 200ms ease;
1507
- transition-property: left, top;
1508
- }
1509
- .react-grid-item.cssTransforms {
1510
- transition-property: transform;
1511
- }
1512
- .react-grid-item.resizing {
1513
- z-index: 1;
1514
- will-change: width, height;
1515
- }
1516
- .react-grid-item.react-draggable-dragging {
1517
- transition: none;
1518
- z-index: 3;
1519
- will-change: transform;
1520
- }
1521
- .react-grid-item.react-grid-placeholder {
1522
- background: red;
1523
- opacity: 0.2;
1524
- transition-duration: 100ms;
1525
- z-index: 2;
1526
- -webkit-user-select: none;
1527
- -moz-user-select: none;
1528
- -ms-user-select: none;
1529
- -o-user-select: none;
1530
- user-select: none;
1531
- }
1532
- .react-grid-item > .react-resizable-handle {
1533
- position: absolute;
1534
- width: 20px;
1535
- height: 20px;
1536
- bottom: 0;
1537
- right: 0;
1538
- cursor: se-resize;
1539
- }
1540
- .react-grid-item > .react-resizable-handle::after {
1541
- content: "";
1542
- position: absolute;
1543
- right: 3px;
1544
- bottom: 3px;
1545
- width: 5px;
1546
- height: 5px;
1547
- border-right: 2px solid rgba(0, 0, 0, 0.4);
1548
- border-bottom: 2px solid rgba(0, 0, 0, 0.4);
1549
- }
1550
- .react-resizable {
1551
- position: relative;
1552
- }
1553
- .react-resizable-handle {
1554
- position: absolute;
1555
- width: 20px;
1556
- height: 20px;
1557
- background-repeat: no-repeat;
1558
- background-origin: content-box;
1559
- box-sizing: border-box;
1560
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
1561
- background-position: bottom right;
1562
- padding: 0 3px 3px 0;
1563
- }
1564
- .react-resizable-handle-sw {
1565
- bottom: 0;
1566
- left: 0;
1567
- cursor: sw-resize;
1568
- transform: rotate(90deg);
1569
- }
1570
- .react-resizable-handle-se {
1571
- bottom: 0;
1572
- right: 0;
1573
- cursor: se-resize;
1574
- }
1575
- .react-resizable-handle-nw {
1576
- top: 0;
1577
- left: 0;
1578
- cursor: nw-resize;
1579
- transform: rotate(180deg);
1580
- }
1581
- .react-resizable-handle-ne {
1582
- top: 0;
1583
- right: 0;
1584
- cursor: ne-resize;
1585
- transform: rotate(270deg);
1586
- }
1587
- .react-resizable-handle-w,
1588
- .react-resizable-handle-e {
1589
- top: 50%;
1590
- margin-top: -10px;
1591
- cursor: ew-resize;
1592
- }
1593
- .react-resizable-handle-w {
1594
- left: 0;
1595
- transform: rotate(135deg);
1596
- }
1597
- .react-resizable-handle-e {
1598
- right: 0;
1599
- transform: rotate(315deg);
1600
- }
1601
- .react-resizable-handle-n,
1602
- .react-resizable-handle-s {
1603
- left: 50%;
1604
- margin-left: -10px;
1605
- cursor: ns-resize;
1606
- }
1607
- .react-resizable-handle-n {
1608
- top: 0;
1609
- transform: rotate(225deg);
1610
- }
1611
- .react-resizable-handle-s {
1612
- bottom: 0;
1613
- transform: rotate(45deg);
1614
- }
1615
- /**
1616
- * GHColors theme by Avi Aryan (http://aviaryan.in)
1617
- * Inspired by Github syntax coloring
1618
- */
1619
- code[class*="language-"],
1620
- pre[class*="language-"] {
1621
- color: #393A34;
1622
- font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
1623
- direction: ltr;
1624
- text-align: left;
1625
- white-space: pre;
1626
- word-spacing: normal;
1627
- word-break: normal;
1628
- font-size: 0.95em;
1629
- line-height: 1.2em;
1630
-
1631
- -moz-tab-size: 4;
1632
- -o-tab-size: 4;
1633
- tab-size: 4;
1634
-
1635
- -webkit-hyphens: none;
1636
- -moz-hyphens: none;
1637
- -ms-hyphens: none;
1638
- hyphens: none;
1639
- }
1640
- pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
1641
- code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
1642
- background: #b3d4fc;
1643
- }
1644
- pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
1645
- code[class*="language-"]::selection, code[class*="language-"] ::selection {
1646
- background: #b3d4fc;
1647
- }
1648
- /* Code blocks */
1649
- pre[class*="language-"] {
1650
- padding: 1em;
1651
- margin: .5em 0;
1652
- overflow: auto;
1653
- border: 1px solid #dddddd;
1654
- background-color: white;
1655
- }
1656
- :not(pre) > code[class*="language-"],
1657
- pre[class*="language-"] {
1658
- }
1659
- /* Inline code */
1660
- :not(pre) > code[class*="language-"] {
1661
- padding: .2em;
1662
- padding-top: 1px; padding-bottom: 1px;
1663
- background: #f8f8f8;
1664
- border: 1px solid #dddddd;
1665
- }
1666
- .token.comment,
1667
- .token.prolog,
1668
- .token.doctype,
1669
- .token.cdata {
1670
- color: #999988; font-style: italic;
1671
- }
1672
- .token.namespace {
1673
- opacity: .7;
1674
- }
1675
- .token.string,
1676
- .token.attr-value {
1677
- color: #e3116c;
1678
- }
1679
- .token.punctuation,
1680
- .token.operator {
1681
- color: #393A34; /* no highlight */
1682
- }
1683
- .token.entity,
1684
- .token.url,
1685
- .token.symbol,
1686
- .token.number,
1687
- .token.boolean,
1688
- .token.variable,
1689
- .token.constant,
1690
- .token.property,
1691
- .token.regex,
1692
- .token.inserted {
1693
- color: #36acaa;
1694
- }
1695
- .token.atrule,
1696
- .token.keyword,
1697
- .token.attr-name,
1698
- .language-autohotkey .token.selector {
1699
- color: #00a4db;
1700
- }
1701
- .token.function,
1702
- .token.deleted,
1703
- .language-autohotkey .token.tag {
1704
- color: #9a050f;
1705
- }
1706
- .token.tag,
1707
- .token.selector,
1708
- .language-autohotkey .token.keyword {
1709
- color: #00009f;
1710
- }
1711
- .token.important,
1712
- .token.function,
1713
- .token.bold {
1714
- font-weight: bold;
1715
- }
1716
- .token.italic {
1717
- font-style: italic;
1718
- }
1719
- .higlass * {
1720
- box-sizing: border-box;
1721
- }
1722
- .higlass .react-resizable-handle {
1723
- z-index: 1;
1724
- }
1
+ /* Since, v1.13.3 HiGlass styles are now injected via JS. No need to separately load this file. */