UNPKG

vitessce

Version:

Vitessce app and React component library

1,360 lines 157 kB
/* ../../../../../tmp/tmp-2129-GiE006QTv9Sz/vitessce/src/css/index.css */ .react-draggable-transparent-selection .react-grid-item { -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -o-user-select: none !important; user-select: none !important; } body { margin: 0; text-align: left; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-2OwvL { position: fixed; background-color: hsla(0, 0%, 100%, 0.95); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; font-size: 12px; cursor: default; padding: 3px; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05); } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-dark-2PO31 { color: #ccc; background-color: rgba(68, 68, 68, 0.97); } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-icon-I4kiw { display: inline-block; margin-right: 3px; vertical-align: middle; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-icon-I4kiw > svg { width: 30px; height: 20px; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-item-1HeVv { padding: 2px; white-space: nowrap; border-radius: 2px; -webkit-transition: background 0.15s ease, color 0.15s ease; -o-transition: background 0.15s ease, color 0.15s ease; transition: background 0.15s ease, color 0.15s ease; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-item-1HeVv:hover { background: #337ab7; color: #fff; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-hr-3yapb { margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .vitessce-container .higlass-wrapper .ContextMenu-module_play-icon-R4pIO { width: 12px; height: 12px; position: absolute; right: 5px; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-span-8EUfZ { margin-right: 20px; vertical-align: middle; display: inline-block; line-height: normal; white-space: nowrap; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-thumbnail-2vHLD { margin-right: 10px; border: 1px solid #888; } .vitessce-container .higlass-wrapper .ContextMenu-module_context-menu-thumbnail-inline-1iOcg { display: inline-block; margin-right: 10px; vertical-align: middle; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-2zDf3, .vitessce-container .higlass-wrapper .TrackControl-module_track-control-vertical-2McB_ { position: absolute; z-index: 1; display: -ms-flexbox; display: flex; background: hsla(0, 0%, 100%, 0.75); right: 2px; top: 2px; border-radius: 2.5px; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 3px 0 rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transition: opacity 0.15s ease, background 0.15s ease, -webkit-box-shadow 0.15s ease; transition: opacity 0.15s ease, background 0.15s ease, -webkit-box-shadow 0.15s ease; -o-transition: opacity 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; transition: opacity 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; transition: opacity 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-dark-fP2uZ, .vitessce-container .higlass-wrapper .TrackControl-module_track-control-dark-fP2uZ .TrackControl-module_track-control-active-2JD9i { background: rgba(40, 40, 40, 0.85); } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-vertical-2McB_ { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-left-zHd9W { left: 2px; right: auto; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-active-2JD9i, .vitessce-container .higlass-wrapper .TrackControl-module_track-control-vertical-active-1QCKn { opacity: 1; z-index: 1; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-active-2JD9i:hover, .vitessce-container .higlass-wrapper .TrackControl-module_track-control-vertical-active-1QCKn:hover { background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.2); } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-dark-fP2uZ.TrackControl-module_track-control-active-2JD9i:hover { background: rgba(34, 34, 34, 0.95); } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-padding-right-2p6Lp { right: 80px; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-button-2fdIb { width: 20px; height: 20px; padding: 4px; cursor: pointer; opacity: 0.66; -webkit-transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease; -o-transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease; transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-button-2fdIb:hover { color: #fff; background: #337ab7; opacity: 1; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-button-2fdIb:first-child { border-radius: 2.5px 0 0 2.5px; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-button-2fdIb:last-child { border-radius: 0 2.5px 2.5px 0; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-dark-fP2uZ .TrackControl-module_track-control-button-2fdIb { color: #ccc; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-dark-fP2uZ .TrackControl-module_track-control-button-2fdIb:hover { color: #fff; background: #337ab7; opacity: 1; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-button-vertical-1s22z:first-child { border-radius: 0 0 2.5px 2.5px; } .vitessce-container .higlass-wrapper .TrackControl-module_track-control-button-vertical-1s22z:last-child { border-radius: 2.5px 2.5px 0 0; } .vitessce-container .higlass-wrapper .CenterTrack-module_center-track-3ptRW { position: relative; background: transparent; } .vitessce-container .higlass-wrapper .CenterTrack-module_center-track-container-2ELhp { position: absolute; z-index: 1; } .vitessce-container .higlass-wrapper .Track-module_track-range-selection-1yrDf { position: absolute; z-index: -1; opacity: 0; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .vitessce-container .higlass-wrapper .Track-module_track-range-selection-active-1oljJ { z-index: 1; opacity: 1; } .vitessce-container .higlass-wrapper .Track-module_track-range-selection-group-inactive-YNRM4 { display: none; } .vitessce-container .higlass-wrapper .Track-module_track-range-selection-group-brush-selection-2VYDl { outline: 2px solid rgba(0, 0, 0, 0.33); fill: #000; fill-opacity: 0.1; } .vitessce-container .higlass-wrapper .DragListeningDiv-module_drag-listening-div-active-3wpRk { z-index: 10; -webkit-box-shadow: inset 0 0 3px 0 red; box-shadow: inset 0 0 3px 0 red; } .vitessce-container .higlass-wrapper .GalleryTracks-module_gallery-tracks-3tsUO { position: relative; top: 0; left: 0; width: 100%; height: 100%; } .vitessce-container .higlass-wrapper .GalleryTracks-module_gallery-track-eGKoq { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; right: 0; bottom: 0; left: 0; } .vitessce-container .higlass-wrapper .GalleryTracks-module_gallery-invisible-track-1hMJp, .vitessce-container .higlass-wrapper .GalleryTracks-module_gallery-sub-track-z1HEh { position: absolute; } .vitessce-container .higlass-wrapper .TiledPlot-module_tiled-plot-uFHiB { position: relative; -ms-flex: 1 1; flex: 1 1; overflow: hidden; } .vitessce-container .higlass-wrapper .TiledPlot-module_horizontalList-1c1P8 { display: -ms-flexbox; display: flex; width: 600px; height: 300px; white-space: nowrap; } .vitessce-container .higlass-wrapper .TiledPlot-module_list-24zgV { width: 400px; height: 600px; overflow: hidden; -webkit-overflow-scrolling: touch; } .vitessce-container .higlass-wrapper .TiledPlot-module_stylizedList-Mt4JL { position: relative; z-index: 0; background-color: #f3f3f3; outline: none; } .vitessce-container .higlass-wrapper .TiledPlot-module_stylizedItem-2bQBK { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; font-weight: 400; } .vitessce-container .higlass-wrapper .TiledPlot-module_stylizedHelper-3IVEu { -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2); background-color: hsla(0, 0%, 100%, 0.8); cursor: row-resize; } .vitessce-container .higlass-wrapper .TiledPlot-module_stylizedHelper-3IVEu.TiledPlot-module_horizontalItem-2-ZjU { cursor: col-resize; } .vitessce-container .higlass-wrapper .TiledPlot-module_horizontalItem-2-ZjU { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .vitessce-container .higlass-wrapper .TiledPlot-module_resizable-track-2oLT9 { width: 100%; height: 100%; } .vitessce-container .higlass-wrapper path.TiledPlot-module_domain-qYw6K { stroke-width: 0px; } .vitessce-container .higlass-wrapper .TrackRenderer-module_track-renderer-3TM7n { position: relative; } .vitessce-container .higlass-wrapper .TrackRenderer-module_track-renderer-element-2i16D, .vitessce-container .higlass-wrapper .TrackRenderer-module_track-renderer-events-3tVM2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .vitessce-container .higlass-wrapper .TrackRenderer-module_track-renderer-events-3tVM2 { z-index: 1; } .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.5em; color: #000; font-size: 1em; line-height: 1em; border: 0; border-radius: 2.5px; background: #fff; -webkit-box-shadow: 0 0 0 1px #ccc; box-shadow: 0 0 0 1px #ccc; -webkit-transition: background 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease; transition: background 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease; -o-transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease; -webkit-appearance: none; } .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ:hover { background: #f2f2f2; -webkit-box-shadow: 0 0 0 1px #ccc; box-shadow: 0 0 0 1px #ccc; } .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ:focus { -webkit-box-shadow: 0 0 0 2px #0089ff; box-shadow: 0 0 0 2px #0089ff; } .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ:active, .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ:focus, .vitessce-container .higlass-wrapper .Button-module_button-3YXsQ:hover { cursor: pointer; outline: none; } .vitessce-container .higlass-wrapper .Button-module_button-shortcut-1zMAn { padding: 0.1em 5px; color: #999; font-size: 0.8em; -webkit-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; } .vitessce-container .higlass-wrapper .Cross-module_cross-3WYME { position: relative; width: 1em; height: 1em; } .vitessce-container .higlass-wrapper .Cross-module_cross-3WYME:after, .vitessce-container .higlass-wrapper .Cross-module_cross-3WYME:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1em; height: 1px; background: #000; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .vitessce-container .higlass-wrapper .Cross-module_cross-3WYME:before { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .vitessce-container .higlass-wrapper .Cross-module_cross-3WYME:after { -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .vitessce-container .higlass-wrapper .Modal-module_modal-background-3vDy1 { position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.666); -webkit-animation: Modal-module_fade-in-3Nm-O 0.2s ease 1; animation: Modal-module_fade-in-3Nm-O 0.2s ease 1; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .vitessce-container .higlass-wrapper .Modal-module_modal-hide-3huBg { opacity: 0; } .vitessce-container .higlass-wrapper .Modal-module_modal-wrap-1HWNn { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; } .vitessce-container .higlass-wrapper .Modal-module_modal-window-1XZAq { position: relative; width: 100%; max-width: 640px; max-height: 100%; margin-left: auto; margin-right: auto; color: #000; border-radius: 5px; background: #fff; -webkit-animation: Modal-module_fade-scale-in-11Dkx 0.2s ease 1; animation: Modal-module_fade-scale-in-11Dkx 0.2s ease 1; } .vitessce-container .higlass-wrapper .Modal-module_modal-window-max-height-CZYCl { height: 100%; } .vitessce-container .higlass-wrapper .Modal-module_modal-content-2xb_x { padding: 10px; } @-webkit-keyframes Modal-module_fade-in-3Nm-O { 0% { opacity: 0; } to { opacity: 1; } } @keyframes Modal-module_fade-in-3Nm-O { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes Modal-module_fade-scale-in-11Dkx { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes Modal-module_fade-scale-in-11Dkx { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .vitessce-container .higlass-wrapper .Dialog-module_dialog-header-2mk2M { position: relative; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px 10px; padding: 0 10px 10px; border-bottom: 1px solid #ccc; } .vitessce-container .higlass-wrapper .Dialog-module_dialog-header-2mk2M h3 { margin: 0; padding: 0; font-size: 20px; line-height: 1em; } .vitessce-container .higlass-wrapper .Dialog-module_dialog-header-2mk2M button { font-size: 10px; } .vitessce-container .higlass-wrapper .Dialog-module_dialog-main-max-height-1EAb2 { position: absolute; z-index: 1; top: 40px; right: 0; bottom: 50px; left: 0; padding: 10px; overflow: auto; } .vitessce-container .higlass-wrapper .Dialog-module_dialog-footer-1BnEv, .vitessce-container .higlass-wrapper .Dialog-module_dialog-footer-max-height-KjDek { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 10px -10px 0; padding: 10px 10px 0; border-top: 1px solid #ccc; } .vitessce-container .higlass-wrapper .Dialog-module_dialog-footer-1BnEv button, .vitessce-container .higlass-wrapper .Dialog-module_dialog-footer-max-height-KjDek button { font-size: 14px; } .vitessce-container .higlass-wrapper .Dialog-module_dialog-footer-max-height-KjDek { position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 10px; } .vitessce-container .higlass-wrapper .tileset-finder-label { font-weight: 700; } .vitessce-container .higlass-wrapper .tileset-finder-search-box { margin-left: 10px; } .vitessce-container .higlass-wrapper .tileset-finder-search-bar { display: -ms-flexbox; display: flex; margin-left: 5px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .vitessce-container .higlass-wrapper .tileset-finder-checkbox-tree { margin: 5px; padding: 3px; border: 1px solid #aaa; border-radius: 5px; } .vitessce-container .higlass-wrapper .react-checkbox-tree { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-size: 14px; } .vitessce-container .higlass-wrapper .react-checkbox-tree > ol { -ms-flex: 1 1 auto; flex: 1 1 auto; } .vitessce-container .higlass-wrapper .react-checkbox-tree ol { margin: 0; padding-left: 0; list-style-type: none; } .vitessce-container .higlass-wrapper .react-checkbox-tree ol ol { padding-left: 24px; } .vitessce-container .higlass-wrapper .react-checkbox-tree button { line-height: normal; color: inherit; } .vitessce-container .higlass-wrapper .react-checkbox-tree button:focus { outline: none; } .vitessce-container .higlass-wrapper .react-checkbox-tree button:disabled { cursor: not-allowed; } .vitessce-container .higlass-wrapper .react-checkbox-tree .rct-bare-label { cursor: default; } .vitessce-container .higlass-wrapper .react-checkbox-tree label { margin-bottom: 0; cursor: pointer; font-weight: 400; } .vitessce-container .higlass-wrapper .react-checkbox-tree label:hover { background: rgba(51, 51, 204, 0.1); } .vitessce-container .higlass-wrapper .react-checkbox-tree label:active { background: rgba(51, 51, 204, 0.15); } .vitessce-container .higlass-wrapper .react-checkbox-tree:not(.rct-native-display) input { display: none; } .vitessce-container .higlass-wrapper .react-checkbox-tree.rct-native-display input { margin: 0 5px; } .vitessce-container .higlass-wrapper .react-checkbox-tree .rct-icon { font-family: FontAwesome; font-style: normal; } .vitessce-container .higlass-wrapper .rct-disabled > .rct-text > label { opacity: 0.75; cursor: not-allowed; } .vitessce-container .higlass-wrapper .rct-disabled > .rct-text > label:active, .vitessce-container .higlass-wrapper .rct-disabled > .rct-text > label:hover { background: transparent; } .vitessce-container .higlass-wrapper .rct-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .vitessce-container .higlass-wrapper .rct-options { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 0.5rem; text-align: right; } .vitessce-container .higlass-wrapper .rct-option { opacity: 0.75; border: 0; background: none; cursor: pointer; padding: 0 4px; font-size: 18px; } .vitessce-container .higlass-wrapper .rct-option:hover { opacity: 1; } .vitessce-container .higlass-wrapper .rct-option + .rct-option { margin-left: 2px; } .vitessce-container .higlass-wrapper .rct-checkbox, .vitessce-container .higlass-wrapper .rct-collapse, .vitessce-container .higlass-wrapper .rct-node-icon { padding: 0 5px; } .vitessce-container .higlass-wrapper .rct-checkbox *, .vitessce-container .higlass-wrapper .rct-collapse *, .vitessce-container .higlass-wrapper .rct-node-icon * { display: inline-block; margin: 0; width: 14px; } .vitessce-container .higlass-wrapper .rct-collapse { border: 0; background: none; line-height: normal; color: inherit; font-size: 12px; } .vitessce-container .higlass-wrapper .rct-collapse.rct-collapse-btn { cursor: pointer; } .vitessce-container .higlass-wrapper .rct-collapse > .rct-icon-expand-close { opacity: 0.5; } .vitessce-container .higlass-wrapper .rct-collapse > .rct-icon-expand-close:hover { opacity: 1; } .vitessce-container .higlass-wrapper .rct-native-display .rct-checkbox { display: none; } .vitessce-container .higlass-wrapper .rct-node-clickable { cursor: pointer; } .vitessce-container .higlass-wrapper .rct-node-clickable:hover { background: rgba(51, 51, 204, 0.1); } .vitessce-container .higlass-wrapper .rct-node-clickable:focus { outline: 0; background: rgba(51, 51, 204, 0.2); } .vitessce-container .higlass-wrapper .rct-node-icon { color: #33c; } .vitessce-container .higlass-wrapper .rct-title { padding: 0 5px; } .vitessce-container .higlass-wrapper .rct-icon-expand-close:before { content: "\f054"; } .vitessce-container .higlass-wrapper .rct-icon-expand-open:before { content: "\f078"; } .vitessce-container .higlass-wrapper .rct-icon-uncheck:before { content: "\f096"; } .vitessce-container .higlass-wrapper .rct-icon-check:before { content: "\f046"; } .vitessce-container .higlass-wrapper .rct-icon-half-check:before { opacity: 0.5; content: "\f046"; } .vitessce-container .higlass-wrapper .rct-icon-leaf:before { content: "\f016"; } .vitessce-container .higlass-wrapper .rct-icon-parent-open:before { content: "\f115"; } .vitessce-container .higlass-wrapper .rct-icon-parent-close:before { content: "\f114"; } .vitessce-container .higlass-wrapper .rct-icon-expand-all:before { content: "\f0fe"; } .vitessce-container .higlass-wrapper .rct-icon-collapse-all:before { content: "\f146"; } .vitessce-container .higlass-wrapper .plot-type-selected { background-color: rgba(0, 0, 255, 0.3); } .vitessce-container .higlass-wrapper .plot-type-container { overflow-y: scroll; padding: 3px; max-height: 15vh; } .vitessce-container .higlass-wrapper .plot-type-container, .vitessce-container .higlass-wrapper .plot-type-container-empty { margin: 5px; border: 1px solid #aaa; border-radius: 5px; } .vitessce-container .higlass-wrapper .plot-type-container-empty { padding: 3px 8px; background-color: #e8e8e8; } .vitessce-container .higlass-wrapper .plot-type-item { cursor: pointer; } .vitessce-container .higlass-wrapper .plot-type-item:not(.plot-type-selected):hover { background-color: rgba(51, 51, 204, 0.1); } .vitessce-container .higlass-wrapper .track-thumbnail { width: 30px; height: 20px; display: inline-block; margin-right: 10; vertical-align: middle; } .vitessce-container .higlass-wrapper .track-thumbnail > svg { width: 20px; height: 20px; } .vitessce-container .higlass-wrapper .AddTrackDialog-module_collapse-toggle-icon-1Of5_:before { font-family: Glyphicons Halflings; content: "\e159"; float: left; padding-right: 3px; } .vitessce-container .higlass-wrapper .AddTrackDialog-module_collapse-toggle-icon-1Of5_.AddTrackDialog-module_collapsed-1ifB1:before { content: "\e158"; } .vitessce-container .higlass-wrapper .AddTrackDialog-module_modal-title-1Atka { font-family: Roboto; font-weight: 700; } .vitessce-container .higlass-wrapper .AddTrackDialog-module_modal-container-14d_4 { position: relative; } .vitessce-container .higlass-wrapper .AddTrackDialog-module_modal-container-14d_4 .AddTrackDialog-module_modal-backdrop-ZrVQg, .vitessce-container .higlass-wrapper .AddTrackDialog-module_modal-container-14d_4 .AddTrackDialog-module_modal-bZqLI { position: absolute; } .vitessce-container .higlass-wrapper .AddTrackDialog-module_modal-dialog-3bKDk { position: relative; display: table; overflow-y: auto; overflow-x: auto; width: 600px; min-width: 300px; margin: auto; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-right-handle-o7UYG, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-right-handle-oUk0R { border-right: solid #000; border-top: solid #000; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-left-handle-FO7d4, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-left-handle-R5Zui { border-left: solid #000; border-top: solid #000; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP { position: absolute; opacity: 0; -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease; transition: opacity 0.15s ease, -webkit-transform 0.15s ease; -o-transition: transform 0.15s ease, opacity 0.15s ease; transition: transform 0.15s ease, opacity 0.15s ease; transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease; } .vitessce-container .higlass-wrapper .DraggableDiv-module_draggable-div-2eWml { background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-grabber-2mVDE { width: 10px; height: 4px; border-top: 1px solid #000; border-bottom: 1px solid #000; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-grabber-2mVDE { margin: 4px 7px; } .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-grabber-1mtC0 { width: 4px; height: 10px; border-left: 1px solid #000; border-right: 1px solid #000; } .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-grabber-1mtC0 { margin: 7px 4px; } .vitessce-container .higlass-wrapper .DraggableDiv-module_draggable-div-2eWml:hover .DraggableDiv-module_bottom-draggable-handle-3olLp, .vitessce-container .higlass-wrapper .DraggableDiv-module_draggable-div-2eWml:hover .DraggableDiv-module_left-draggable-handle-2gpow, .vitessce-container .higlass-wrapper .DraggableDiv-module_draggable-div-2eWml:hover .DraggableDiv-module_right-draggable-handle-2Sriq, .vitessce-container .higlass-wrapper .DraggableDiv-module_draggable-div-2eWml:hover .DraggableDiv-module_top-draggable-handle-3W5bP { opacity: 0.5; background: hsla(0, 0%, 100%, 0.75); -webkit-box-shadow: 0 0 3px 1px hsla(0, 0%, 100%, 0.75); box-shadow: 0 0 3px 1px hsla(0, 0%, 100%, 0.75); border-radius: 3px; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:active, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:hover, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:active, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:hover, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:active, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:hover, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:active, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:hover { opacity: 1 !important; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:active .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:active .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:active .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:active .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:hover .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:hover .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:hover .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp:hover .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:active .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:active .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:active .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:active .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:hover .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:hover .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:hover .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow:hover .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:active .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:active .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:active .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:active .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:hover .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:hover .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:hover .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq:hover .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:active .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:active .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:active .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:active .DraggableDiv-module_top-draggable-handle-grabber-2mVDE, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:hover .DraggableDiv-module_bottom-draggable-handle-grabber-GN1_k, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:hover .DraggableDiv-module_left-draggable-handle-grabber-1Pqhc, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:hover .DraggableDiv-module_right-draggable-handle-grabber-1mtC0, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP:hover .DraggableDiv-module_top-draggable-handle-grabber-2mVDE { -webkit-box-shadow: 0 0 3px 1px #0089ff; box-shadow: 0 0 3px 1px #0089ff; background: #0089ff; } .vitessce-container .higlass-wrapper .DraggableDiv-module_bottom-draggable-handle-3olLp, .vitessce-container .higlass-wrapper .DraggableDiv-module_top-draggable-handle-3W5bP { height: 12px; cursor: row-resize; } .vitessce-container .higlass-wrapper .DraggableDiv-module_left-draggable-handle-2gpow, .vitessce-container .higlass-wrapper .DraggableDiv-module_right-draggable-handle-2Sriq { width: 12px; cursor: col-resize; } .vitessce-container .higlass-wrapper .HorizontalTiledPlot-module_horizontal-tiled-plot-3EK65, .vitessce-container .higlass-wrapper .VerticalTiledPlot-module_vertical-tiled-plot-R3sb7 { position: relative; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-focus-23by2, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-SYccr { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; height: 100%; margin-bottom: 0; font-size: 13.71429px; -webkit-transition: font-size 0.15s ease, -webkit-box-shadow 0.15s ease; transition: font-size 0.15s ease, -webkit-box-shadow 0.15s ease; -o-transition: box-shadow 0.15s ease, font-size 0.15s ease; transition: box-shadow 0.15s ease, font-size 0.15s ease; transition: box-shadow 0.15s ease, font-size 0.15s ease, -webkit-box-shadow 0.15s ease; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-focus-23by2 { -webkit-box-shadow: 0 0 0 1px #337ab7, 0 0 3px 1px #337ab7; box-shadow: 0 0 0 1px #337ab7, 0 0 3px 1px #337ab7; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-1_0ZU { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 3px; color: #666; font-size: inherit; line-height: 24px; border: 0; border-radius: 3px 0 0 3px; background: transparent; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-1_0ZU:focus { outline: none; color: #000; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-dark-EML2e .GenomePositionSearchBox-module_genome-position-search-bar-1_0ZU:focus { color: #e5e5e5; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-33SWJ, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-focus-1IhAk { display: block; height: 100%; padding: 0 8px !important; color: #999; border: 0 !important; border-radius: 0 !important; background: transparent; -webkit-transition: background 0.15s ease, color 0.15s ease; -o-transition: background 0.15s ease, color 0.15s ease; transition: background 0.15s ease, color 0.15s ease; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-33SWJ:active, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-33SWJ:focus, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-33SWJ:hover, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-focus-1IhAk, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-focus-1IhAk:active, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-focus-1IhAk:focus, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-button-focus-1IhAk:hover { color: #fff; background: #337ab7; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-14AEk, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-focus-1Ay7Z { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-14AEk:first-child, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-focus-1Ay7Z:first-child { margin-left: 6px; margin-right: 2px; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-14AEk span, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-focus-1Ay7Z span { display: block; margin-top: -2px; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-icon-focus-1Ay7Z { color: #337ab7; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-bar-suggestions-SrIoU { position: fixed; border-radius: 3px; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05); background-color: hsla(0, 0%, 100%, 0.95); border: 1px solid rgba(0, 0, 0, 0.1); padding: 2px 0; font-size: 90%; overflow: auto; max-height: 50%; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_btn-2bTUd { display: inline-block; margin-bottom: 0; font-size: 13.71429px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_btn-sm-2Ltms { font-size: 12px; line-height: 1.5; border-radius: 3px; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_btn-default-2pap4 { color: #666; background-color: #fff; border-color: #ccc; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_btn-default-2pap4:hover { color: #000; background: #ccc; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_btn-default-2pap4:active, .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_btn-default-2pap4:focus { color: #fff; border-color: #000; background: #000; } .vitessce-container .higlass-wrapper .GenomePositionSearchBox-module_genome-position-search-SYccr .GenomePositionSearchBox-module_btn-2bTUd { border-radius: 0 3px 3px 0; } .vitessce-container .higlass-wrapper .ExportLinkDialog-module_export-link-dialog-wrapper-ldYlL { display: -ms-flexbox; display: flex; } .vitessce-container .higlass-wrapper .ExportLinkDialog-module_export-link-dialog-wrapper-ldYlL input { -ms-flex-positive: 1; flex-grow: 1; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-table-RHODc { border-collapse: collapse; margin: 5px; color: #666; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-table-dark-_B9fu { color: #ccc; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-other-lIGbb { outline: none; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-top-center-2Dw4e { min-width: 80px; min-height: 20px; text-align: center; outline: none; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; border-radius: 2px 2px 0 0; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-top-center-2Dw4e:hover { color: #fff; background-color: #337ab7; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-middle-left-2ycaN { min-width: 40px; text-align: center; outline: none; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999; border-radius: 2px 0 0 2px; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-middle-left-2ycaN:hover { background-color: #337ab7; color: #fff; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-middle-right-Qqjnn { min-width: 40px; text-align: center; outline: none; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-radius: 0 2px 2px 0; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-middle-right-Qqjnn:hover { background-color: #337ab7; color: #fff; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-middle-middle-2YFZd { text-align: center; outline: none; border: 1px solid #999; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-middle-middle-2YFZd:hover { background-color: #337ab7; color: #fff; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-bottom-middle-3ityE { min-height: 20px; text-align: center; outline: none; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-radius: 0 0 2px 2px; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-bottom-middle-3ityE:hover { background-color: #337ab7; color: #fff; } .vitessce-container .higlass-wrapper .AddTrackPositionMenu-module_add-track-position-span-2hbwE { margin: 5px; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-3XnZx, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-focus-3akkN, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-squeazed-GHIVd { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 24px; margin-top: 4px; margin-bottom: 4px; color: #999; font-size: 12px; line-height: 24px; vertical-align: middle; border: 0; border-radius: 3px; background: #e5e5e5; -webkit-transition: height 0.15s ease, margin 0.15s ease; -o-transition: height 0.15s ease, margin 0.15s ease; transition: height 0.15s ease, margin 0.15s ease; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-dark-97tZt { background: #222; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-focus-3akkN { height: 32px; margin-top: 0; margin-bottom: 0; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-id-3YURk { padding-left: 3px; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-id-3YURk:before { content: "ID:"; font-weight: 700; padding-right: 5px; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-left-Qj9Sm { display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-3jrIz, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-squeazed-dU45Z { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 100%; cursor: move; border-radius: 3px 0 0 3px; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; transition: background 0.15s ease; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-3jrIz:hover, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-squeazed-dU45Z:hover { background: #999; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-3jrIz:hover div, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-squeazed-dU45Z:hover div { background: #fff; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-3jrIz div, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-squeazed-dU45Z div { width: 1px; height: 50%; margin: 1px; background: #999; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; transition: background 0.15s ease; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-dark-97tZt .ViewHeader-module_multitrack-header-grabber-3jrIz div { background: #666; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-grabber-squeazed-dU45Z { width: 19.2px; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-search-1X_3_ { position: relative; -ms-flex-positive: 1; flex-grow: 1; height: 100%; margin-right: 12px; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-search-1X_3_:after { position: absolute; top: 3px; bottom: 3px; right: -12px; display: block; content: ""; width: 1px; margin: 0 6px; background: #ccc; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-dark-97tZt .ViewHeader-module_multitrack-header-search-1X_3_:after { background: #666; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-3XnZx > nav, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-nav-list-2nvcu { display: -ms-flexbox; display: flex; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-16QKZ, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-squeazed-25lkF { width: 24px; height: 100%; padding: 6px; -webkit-transition: background 0.15s ease, color 0.15s ease; -o-transition: background 0.15s ease, color 0.15s ease; transition: background 0.15s ease, color 0.15s ease; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-16QKZ:active, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-16QKZ:focus, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-16QKZ:hover, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-squeazed-25lkF:active, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-squeazed-25lkF:focus, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-squeazed-25lkF:hover { color: #fff; background: #337ab7; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-16QKZ:last-child, .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-squeazed-25lkF:last-child { border-radius: 0 3px 3px 0; } .vitessce-container .higlass-wrapper .ViewHeader-module_mouse-tool-selection-1pg2m { color: #fff; border-radius: 3px 0 0 3px; background: #337ab7; } .vitessce-container .higlass-wrapper .ViewHeader-module_multitrack-header-icon-squeazed-25lkF { width: 20px 5; padding-left: 3px; padding-right: 3px; } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-editor-header-2nTtX { margin: -10px -10px 0; padding: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background: #f2f2f2; } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-editor-header-2nTtX button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 14px; background: #f2f2f2; } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-editor-header-2nTtX button:hover { background: #e5e5e5; } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-editor-header-2nTtX button:hover span { color: #666; } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-editor-2HAFN { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; margin: 1px 0 0; padding: 0; overflow: auto; font-size: 12.5px; height: calc(100% - 80px); } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-log-1mYmL { position: absolute; right: 0; bottom: 0; left: 0; margin: 1px 0 0; padding: 0; min-height: 30px; background: #f2f2f2; -webkit-transition: height 0.15s ease; -o-transition: height 0.15s ease; transition: height 0.15s ease; } .vitessce-container .higlass-wrapper .ViewConfigEditor-module_view-config-log-header-3EbEM { background: #f2f2f2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 10px; height: 30px; display: -ms-flexbox; display: flex; -ms-fle