@vitessce/neuroglancer 3.5.12 → 3.6.0

package/dist-tsc/styles.js

@@ -1,11 +1,12 @@
-import { makeStyles } from '@material-ui/core';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { makeStyles, GlobalStyles, ScopedGlobalStyles } from '@vitessce/styles';
 // Reference: https://github.com/vitessce/vitessce/blob/tkakar/cat-1107-create-neuroglancer-view/sites/demo/neuro-styles.css
-function prependGlobalPrefix(jssObject) {
-    return Object.entries(jssObject).reduce((accumulator, [key, value]) => {
-        accumulator[`@global ${key}`] = value;
-        return accumulator;
-    }, {});
-}
+export const useStyles = makeStyles()(() => ({
+    neuroglancerWrapper: {
+        position: 'relative',
+        height: '100%',
+    },
+}));
 // We define a subset of styles as a string,
 // and render with <style></style>
 // since Neuroglancer renders them outside of the
@@ -14,7 +15,7 @@ function prependGlobalPrefix(jssObject) {
 // directly to the `document` by neuroglancer,
 // so we cannot scope them as children of the
 // .neuroglancer-container class.
-export const globalNeuroglancerCss = `
+const globalNeuroglancerCss = `
 
 .neuroglancer-position-widget, 
 .neuroglancer-viewer-top-row,
@@ -644,1981 +645,1979 @@ span.CodeMirror-selectedtext {
   height: 100%
 }
 `;
-export const useStyles = makeStyles(() => ({
-    neuroglancerWrapper: {
+const globalNeuroglancerStyles = {
+    '.neuroglancer-container': {
         position: 'relative',
         height: '100%',
-        ...prependGlobalPrefix({
-            '.neuroglancer-container': {
-                position: 'relative',
-                height: '100%',
-            },
-            // Converted neuro-styles.css using transform.tools
-            '#statusContainer': {
-                position: 'absolute',
-                bottom: '0px',
-                zIndex: 100,
-                backgroundColor: 'gray',
-                color: '#fff',
-                margin: '0',
-                padding: '0',
-                font: '10pt sans-serif',
-            },
-            '#statusContainer li': {
-                width: '100vw',
-                maxHeight: '25vh',
-                overflowY: 'auto',
-            },
-            '.neuroglancer-status-header': {
-                display: 'inline-block',
-                font: '10pt sans-serif',
-                fontWeight: 'bold',
-                backgroundColor: '#333',
-                padding: '2px',
-            },
-            '.neuroglancer-selection-details-body': {
-                height: '0px',
-                flex: 1,
-                overflowY: 'auto',
-                flexBasis: '0px',
-                minHeight: '0px',
-            },
-            '.neuroglancer-selection-details-position': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyItems: 'left',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-            },
-            '.neuroglancer-selection-details-position-dimension+.neuroglancer-selection-details-position-dimension': {
-                marginLeft: '8px',
-            },
-            '.neuroglancer-selection-details-position-dimension-name': { color: '#ff6' },
-            '.neuroglancer-selection-details-position-dimension-coordinate': {
-                marginLeft: '5px',
-                userSelect: 'text',
-            },
-            '.neuroglancer-selection-details-layer': {
-                marginTop: '4px',
-                marginBottom: '4px',
-                border: '1px solid #222',
-            },
-            '.neuroglancer-selection-details-layer-title': {
-                cursor: 'pointer',
-                backgroundColor: '#222',
-                fontFamily: 'sans-serif',
-                fontSize: '10pt',
-            },
-            '.neuroglancer-selection-details-layer-title:hover': {
-                backgroundColor: '#333',
-            },
-            '.neuroglancer-selection-details-layer-body': {
-                padding: '2px',
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-side-panel-column': {
-                display: 'flex',
-                flexDirection: 'column',
-                minWidth: '0px',
-            },
-            '.neuroglancer-side-panel-row': {
-                display: 'flex',
-                flexDirection: 'row',
-                minHeight: '0px',
-            },
-            '.neuroglancer-side-panel': {
-                display: 'flex',
-                flexDirection: 'column',
-                minWidth: '0px',
-                overflow: 'hidden',
-            },
-            '.neuroglancer-side-panel-titlebar': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                fontFamily: 'sans-serif',
-                fontSize: '10pt',
-                backgroundColor: '#03c',
-                padding: '2px',
-                color: '#fff',
-            },
-            '.neuroglancer-side-panel-title': {
-                flex: 1,
-                textOverflow: 'ellipsis',
-                overflow: 'hidden',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-side-panel-drop-zone': { zIndex: 1000, display: 'none' },
-            '[data-neuroglancer-side-panel-drag] .neuroglancer-side-panel-drop-zone': {
-                display: 'block',
-            },
-            '.neuroglancer-resize-gutter-vertical': {
-                height: '1px',
-                backgroundColor: '#333',
-                backgroundClip: 'content-box',
-                paddingTop: '2px',
-                paddingBottom: '2px',
-                cursor: 'row-resize',
-            },
-            '.neuroglancer-resize-gutter-horizontal': {
-                width: '1px',
-                backgroundColor: '#333',
-                backgroundClip: 'content-box',
-                paddingRight: '2px',
-                paddingLeft: '2px',
-                cursor: 'col-resize',
-            },
-            '.neuroglancer-drag-status': {
-                position: 'absolute',
-                top: '0px',
-                zIndex: 1000,
-                backgroundColor: '#ff0',
-                color: '#000',
-                font: '10pt sans-serif',
-                padding: '2px',
-            },
-            '.neuroglancer-icon': {
-                display: 'inline-flex',
-                textDecoration: 'none',
-                alignSelf: 'center',
-                whiteSpace: 'nowrap',
-                paddingLeft: '2px',
-                paddingRight: '2px',
-                minWidth: '18px',
-                minHeight: '18px',
-                borderRadius: '20%',
-                alignItems: 'center',
-                justifyContent: 'center',
-                color: '#fff',
-                font: '12px sans-serif',
-                cursor: 'pointer',
-                fontWeight: 900,
-                marginLeft: '1px',
-                marginRight: '1px',
-            },
-            '.neuroglancer-icon svg': {
-                width: '16px',
-                height: '16px',
-                fill: 'transparent',
-                stroke: '#fff',
-                strokeWidth: 2,
-                strokeLinecap: 'round',
-                strokeLinejoin: 'round',
-            },
-            '.neuroglancer-icon:hover': { backgroundColor: '#db4437' },
-            '.neuroglancer-checkbox-icon.light-background[data-checked=true]': {
-                backgroundColor: '#00000080',
-            },
-            '.neuroglancer-checkbox-icon.dark-background[data-checked=true]': {
-                backgroundColor: '#fff3',
-            },
-            '.neuroglancer-image-dropdown': {
-                overflowY: 'auto',
-                display: 'flex',
-                flexDirection: 'column',
-                height: '0px',
-            },
-            '.neuroglancer-image-dropdown .neuroglancer-shader-code-widget': {
-                flexShrink: 0,
-                height: '8em',
-                border: '1px solid transparent',
-            },
-            '.neuroglancer-image-dropdown-top-row': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-image-layer-shader-overlay .neuroglancer-shader-code-widget': {
-                width: '80vw',
-                height: '80vh',
-            },
-            '.neuroglancer-selection-details-value-grid': {
-                display: 'grid',
-                gridAutoRows: 'auto',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                alignItems: 'center',
-            },
-            '.neuroglancer-selection-details-value-grid-dim': {
-                gridColumn: 'dim',
-                color: '#ff6',
-            },
-            '.neuroglancer-selection-details-value-grid-dim:after': {
-                content: '"="',
-                color: '#aaa',
-            },
-            '.neuroglancer-selection-details-value-grid-coord': {
-                gridColumn: 'coord',
-                color: '#aaa',
-                marginRight: '1ch',
-            },
-            '.neuroglancer-selection-details-value-grid-value': {
-                gridColumn: 'value',
-                userSelect: 'text',
-            },
-            '.neuroglancer-layer-data-sources-tab': {
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-layer-data-sources-container': {
-                overflowY: 'auto',
-                display: 'flex',
-                flexDirection: 'column',
-                flex: 1,
-                height: '0px',
-            },
-            '.neuroglancer-layer-data-source-url-input input.autocomplete-input': {
-                color: '#fff',
-            },
-            '.neuroglancer-layer-data-source-url-input input.autocomplete-hint': {
-                color: '#aaa',
-            },
-            '.neuroglancer-layer-data-source-url-input .autocomplete-dropdown': {
-                backgroundColor: '#333',
-            },
-            '.neuroglancer-layer-data-sources-source-id': { fontWeight: 'bold' },
-            '.neuroglancer-layer-data-sources-source-id:not(:empty):before': {
-                content: '"["',
-            },
-            '.neuroglancer-layer-data-sources-source-id:not(:empty):after': {
-                content: '"]"',
-            },
-            '.neuroglancer-layer-data-sources-source-id:not(:empty)': {
-                marginRight: '4px',
-                color: '#0ff',
-            },
-            '.neuroglancer-layer-data-sources-source-messages:empty': { display: 'none' },
-            '.neuroglancer-layer-data-sources-source-messages': {
-                marginTop: '0',
-                listStyle: 'none',
-                paddingLeft: '0',
-            },
-            'li.neuroglancer-message': { wordWrap: 'break-word', userSelect: 'text' },
-            'li.neuroglancer-message-error': { color: 'red' },
-            'li.neuroglancer-message-warning': { color: '#ff0' },
-            'li.neuroglancer-message-info': { color: '#ccc' },
-            '.neuroglancer-layer-data-sources-source-default': {
-                display: 'block',
-                marginBottom: '4px',
-            },
-            '.neuroglancer-layer-data-sources-info-line[data-is-active=false]': {
-                textDecoration: 'solid line-through #caa',
-            },
-            '.neuroglancer-layer-data-sources-tab-type-detection': {
-                position: 'sticky',
-                bottom: '0px',
-                backgroundColor: '#ff9',
-                color: '#000',
-                textAlign: 'center',
-                cursor: 'pointer',
-            },
-            '.neuroglancer-layer-data-sources-tab-type-detection:hover': {
-                backgroundColor: '#ffc',
-            },
-            '.neuroglancer-layer-data-sources-tab-type-detection-type': {
-                fontWeight: 'bold',
-            },
-            '.neuroglancer-coordinate-space-transform-widget': {
-                display: 'grid',
-                justifyItems: 'stretch',
-            },
-            '.neuroglancer-coordinate-space-transform-widget input': {
-                fontFamily: 'monospace',
-                justifySelf: 'stretch',
-                backgroundColor: '#000',
-                color: '#fff',
-                padding: '2px',
-            },
-            '.neuroglancer-coordinate-space-transform-widget *[data-will-be-deleted=true]': {
-                color: '#666',
-            },
-            '.neuroglancer-coordinate-space-transform-label': {
-                fontStyle: 'italic',
-                color: '#fcc',
-                alignSelf: 'center',
-            },
-            '.neuroglancer-coordinate-space-transform-input-lower-label': {
-                gridRow: 'sourceLower',
-                gridColumn: 'outputLabel / sourceDim 1',
-            },
-            '.neuroglancer-coordinate-space-transform-translation-label': {
-                gridRow: 'sourceLabel / outputDim 1',
-                gridColumn: 'sourceDim -1',
-                writingMode: 'vertical-lr',
-                textOrientation: 'mixed',
-                alignSelf: 'end',
-                justifySelf: 'center',
-                marginBottom: '2px',
-            },
-            '.neuroglancer-coordinate-space-transform-input-lower-label, .neuroglancer-coordinate-space-transform-input-upper-label, .neuroglancer-coordinate-space-transform-input-scale-label': {
-                textAlign: 'right',
-                marginRight: '4px',
-            },
-            '.neuroglancer-coordinate-space-transform-input-upper-label': {
-                gridRow: 'sourceUpper',
-                gridColumn: 'headerStart / headerEnd',
-            },
-            '.neuroglancer-coordinate-space-transform-input-scale-label': {
-                gridRow: '5',
-                gridColumn: 'headerStart / headerEnd',
-            },
-            '.neuroglancer-coordinate-space-transform-source-label': {
-                gridRow: 'sourceLabel',
-                gridColumn: 'sourceDim 1 / sourceDim -1',
-                textAlign: 'center',
-            },
-            '.neuroglancer-coordinate-space-transform-output-label': {
-                gridRow: 'outputDim 1 / outputDim -1',
-                gridColumn: 'outputLabel',
-                writingMode: 'vertical-lr',
-                textOrientation: 'mixed',
-                alignSelf: 'center',
-                justifySelf: 'end',
-                marginRight: '2px',
-            },
-            '.neuroglancer-coordinate-space-transform-input-name': {
-                textAlign: 'center',
-            },
-            '.neuroglancer-coordinate-space-transform-input-name, input.neuroglancer-coordinate-space-transform-output-name': {
-                fontFamily: 'monospace',
-                color: '#ff6',
-            },
-            '.neuroglancer-coordinate-space-transform-scale': { textAlign: 'right' },
-            '.neuroglancer-coordinate-space-transform-input-bounds, .neuroglancer-coordinate-space-transform-output-bounds': {
-                whiteSpace: 'nowrap',
-                fontFamily: 'monospace',
-                fontSize: 'small',
-                textAlign: 'right',
-                paddingLeft: '2px',
-                paddingRight: '2px',
-                color: '#aff',
-            },
-            '.neuroglancer-coordinate-space-transform-input-bounds.neuroglancer-coordinate-space-transform-singleton:not(*[data-will-be-deleted="true"])': {
-                color: '#fa6',
-            },
-            '.neuroglancer-coordinate-space-transform-widget input[data-is-valid=false], .neuroglancer-coordinate-space-transform-widget input[data-is-valid=false]::placeholder': {
-                textDecoration: 'solid underline red',
-            },
-            '.neuroglancer-coordinate-space-transform-output-extend': {
-                gridRow: 'outputDim -1',
-                gridColumn: 'outputNames',
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-coordinate-space-transform-output-extend input': {
-                alignSelf: 'stretch',
-            },
-            '.neuroglancer-coordinate-space-transform-output-extend[data-is-active=false] input': {
-                display: 'none',
-            },
-            '.neuroglancer-coordinate-space-transform-output-extend[data-is-active=true] .neuroglancer-icon': {
-                display: 'none',
-            },
-            '.neuroglancer-coordinate-space-transform-output-extend .neuroglancer-icon': {
-                alignSelf: 'start',
-            },
-            '.neuroglancer-coordinate-space-transform-translation-coeff': {
-                marginLeft: '3px',
-            },
-            '.neuroglancer-coordinate-space-transform-output-scale-container': {
-                marginRight: '3px',
-            },
-            '.neuroglancer-coordinate-space-transform-input-scale-container, .neuroglancer-coordinate-space-transform-input-scale-label': {
-                marginBottom: '3px',
-            },
-            '.neuroglancer-coordinate-space-transform-widget input, .neuroglancer-coordinate-space-transform-output-name-container, .neuroglancer-coordinate-space-transform-scale-container': {
-                border: '1px solid #333',
-            },
-            '.neuroglancer-coordinate-space-transform-widget .neuroglancer-coordinate-space-transform-output-name, .neuroglancer-coordinate-space-transform-widget .neuroglancer-coordinate-space-transform-scale': {
-                border: '0px',
-            },
-            '.neuroglancer-coordinate-space-transform-output-name-container': {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'stretch',
-                marginRight: '3px',
-            },
-            '.neuroglancer-coordinate-space-transform-scale-container': {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'stretch',
-            },
-            '.neuroglancer-coordinate-space-transform-scale-suggestion': {
-                fontFamily: 'monospace',
-                cursor: 'pointer',
-                borderRadius: '20%',
-                border: '1px solid #333',
-                alignSelf: 'flex-end',
-                margin: '2px',
-                color: '#aaa',
-            },
-            '.neuroglancer-coordinate-space-transform-scale-suggestion svg': {
-                width: '16px',
-                height: '16px',
-                fill: 'transparent',
-                stroke: '#aaa',
-                strokeWidth: 2,
-                strokeLinecap: 'round',
-                strokeLinejoin: 'round',
-            },
-            '.neuroglancer-coordinate-space-transform-scale-suggestion:hover': {
-                backgroundColor: '#db4437',
-                border: '1px solid transparent',
-                color: '#fff',
-            },
-            '.neuroglancer-coordinate-space-transform-scale-suggestion:hover svg': {
-                stroke: '#fff',
-            },
-            '.neuroglancer-coordinate-space-transform-widget-reset-buttons': {
-                gridRow: 'outputDim -1',
-                gridColumn: 'headerEnd / -1',
-                justifySelf: 'start',
-            },
-            '.neuroglancer-multiline-autocomplete': {
-                marginTop: '2px',
-                padding: '2px',
-                position: 'relative',
-                backgroundColor: '#222',
-            },
-            '.neuroglancer-multiline-autocomplete-hint, .neuroglancer-multiline-autocomplete-input': {
-                fontFamily: 'monospace',
-                color: '#fff',
-                wordWrap: 'break-word',
-            },
-            '.neuroglancer-multiline-autocomplete-input:focus': { outline: '0px' },
-            '.neuroglancer-multiline-autocomplete-input:not(:focus):empty:before': {
-                content: 'attr(data-placeholder)',
-                color: '#aaa',
-            },
-            '.neuroglancer-multiline-autocomplete-hint': { color: '#aaa' },
-            '.neuroglancer-multiline-autocomplete-hint, .neuroglancer-multiline-autocomplete-input, .neuroglancer-multiline-autocomplete-completion': {
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-            },
-            '.neuroglancer-multiline-autocomplete-dropdown': {
-                color: '#fff',
-                backgroundColor: '#181818',
-                position: 'fixed',
-                display: 'block',
-                outline: '0',
-                margin: '0',
-                padding: '0',
-                left: '0px',
-                right: '0px',
-                textAlign: 'left',
-                cursor: 'default',
-                borderStyle: 'solid',
-                borderWidth: '1px',
-                borderColor: '#aaa',
-                overflowY: 'scroll',
-                wordWrap: 'break-word',
-            },
-            '.neuroglancer-multiline-autocomplete-completion:nth-child(even):not(.neuroglancer-multiline-autocomplete-completion-active)': {
-                backgroundColor: '#2b2b2b',
-            },
-            '.neuroglancer-multiline-autocomplete-completion:hover': {
-                outline: '1px solid #ddd',
-            },
-            '.neuroglancer-multiline-autocomplete-completion-active': {
-                backgroundColor: '#666',
-            },
-            '.neuroglancer-multiline-autocomplete-completion-description': {
-                fontStyle: 'italic',
-                color: '#f9f',
-            },
-            '.neuroglancer-tab-view': { display: 'flex', flexDirection: 'column' },
-            '.neuroglancer-tab-view-bar': {
-                display: 'block',
-                backgroundColor: '#333',
-                borderBottom: '1px solid white',
-            },
-            '.neuroglancer-tab-label': {
-                display: 'inline-block',
-                borderTop: '1px solid transparent',
-                borderLeft: '1px solid transparent',
-                borderRight: '1px solid transparent',
-                borderBottom: 'none',
-                marginRight: '4px',
-                paddingTop: '1px',
-                paddingLeft: '2px',
-                paddingRight: '2px',
-                font: '10pt sans-serif',
-                fontWeight: 'bold',
-                cursor: 'pointer',
-            },
-            '.neuroglancer-tab-label:hover': { color: '#daa520' },
-            '.neuroglancer-tab-label.neuroglancer-selected-tab-label': {
-                backgroundColor: '#000',
-                borderTop: '1px solid white',
-                borderLeft: '1px solid white',
-                borderRight: '1px solid white',
-                borderBottom: '1px solid black',
-                paddingBottom: '1px',
-                marginBottom: '-1px',
-            },
-            '.neuroglancer-stack-view': { display: 'contents' },
-            '.neuroglancer-tab-view>.neuroglancer-stack-view>.neuroglancer-tab-content': {
-                flex: 1,
-                flexBasis: '0px',
-                height: '0px',
-                minHeight: '0px',
-                padding: '2px',
-            },
-            '.neuroglancer-tool-key-binding': {
-                display: 'inline-block',
-                color: '#0ff',
-                font: '9pt monospace',
-                whiteSpace: 'pre',
-            },
-            '.neuroglancer-tool-key-binding:hover': { outline: '1px solid #fff' },
-            '.neuroglancer-tool-key-binding:before': { content: '"["' },
-            '.neuroglancer-tool-key-binding:after': { content: '"]"' },
-            '.neuroglancer-tool-key-binding:before, .neuroglancer-tool-key-binding:after': {
-                color: '#999',
-            },
-            '.neuroglancer-tool-button': { display: 'inline-flex', flexDirection: 'row' },
-            '#statusContainer li.neuroglancer-tool-status': { maxHeight: '50vh' },
-            '.neuroglancer-tool-status-bindings': { backgroundColor: '#333' },
-            '.neuroglancer-tool-status-content': {
-                display: 'flex',
-                flexDirection: 'row',
-            },
-            '.neuroglancer-tool-status-header-container': {
-                backgroundColor: '#555',
-                width: 'min-content',
-                padding: '3px',
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-tool-status-header': { alignSelf: 'center' },
-            '.neuroglancer-tool-status-body': { flex: 1, padding: '2px' },
-            '.neuroglancer-viewer': { outline: '0px' },
-            '.neuroglancer-viewer-top-row': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                backgroundColor: '#222',
-                marginBottom: '3px',
-                paddingRight: '2px',
-            },
-            '.neuroglancer-viewer-side-panel': {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'stretch',
-                maxWidth: '80%',
-                color: '#fff',
-            },
-            '.neuroglancer-noselect': {
-                WebkitTouchCallout: 'none',
-                WebkitUserSelect: 'none',
-                KhtmlUserSelect: 'none',
-                MozUserSelect: 'none',
-                msUserSelect: 'none',
-                userSelect: 'none',
-            },
-            '.neuroglancer-select-text': {
-                WebkitTouchCallout: 'default',
-                WebkitUserSelect: 'text',
-                KhtmlUserSelect: 'text',
-                MozUserSelect: 'text',
-                msUserSelect: 'text',
-                userSelect: 'text',
-            },
-            '.neuroglancer-data-panel-layout-controls': {
-                position: 'absolute',
-                top: '2px',
-                right: '2px',
-                display: 'flex',
-                alignItems: 'start',
-            },
-            '.neuroglancer-data-panel-layout-controls>button': {
-                display: 'flex',
-                margin: '2px',
-                border: ['0px', '1px solid white'],
-                backgroundColor: '#00000080',
-                flexDirection: 'row',
-                alignSelf: 'top',
-                alignItems: 'center',
-                justifyContent: 'center',
-                fontSize: '15px',
-                width: '18px',
-                height: '18px',
-                color: '#fff',
-            },
-            '.neuroglancer-data-panel-layout-controls>button>div': {
-                display: 'inline-block',
-                textAlign: 'center',
-                lineHeight: '12px',
-                width: '15px',
-                height: '15px',
-            },
-            '.neuroglancer-data-panel-layout-controls>button:hover': { color: '#6ff' },
-            'label.perspective-panel-show-slice-views': {
-                pointerEvents: 'none',
-                position: 'absolute',
-                right: '2px',
-                bottom: '2px',
-                fontFamily: 'sans-serif',
-                fontSize: 'small',
-            },
-            'input.perspective-panel-show-slice-views': { pointerEvents: 'all' },
-            '.neuroglancer-rendered-data-panel': {
-                cursor: 'crosshair',
-                position: 'relative',
-                outline: '0',
-                touchAction: 'none',
-                color: '#fff',
-                textAlign: 'left',
-            },
-            '.neuroglancer-display-dimensions-widget': {
-                position: 'absolute',
-                cursor: 'default',
-                top: '2px',
-                left: '2px',
-                backgroundColor: '#0000004d',
-            },
-            '.neuroglancer-display-dimensions-widget-dimension-grid': {
-                display: 'grid',
-                gridTemplateRows: '0fr 0fr 0fr 0fr',
-                gridTemplateColumns: '0fr 0fr 0fr',
-            },
-            '.neuroglancer-display-dimensions-widget input': {
-                outline: '0px',
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                boxShadow: 'none',
-                margin: '0',
-                border: '0',
-                padding: '2px',
-            },
-            '.neuroglancer-display-dimensions-widget input, .neuroglancer-display-dimensions-widget': {
-                fontFamily: 'monospace',
-                color: '#fff',
-            },
-            '.neuroglancer-display-dimensions-widget-dimension:hover': {
-                outline: '1px solid black',
-            },
-            '.neuroglancer-display-dimensions-widget-name[data-is-valid=false]': {
-                textDecoration: 'solid underline red',
-            },
-            '.neuroglancer-display-dimensions-widget-scale-factor': {
-                textAlign: 'right',
-                alignItems: 'end',
-                display: 'inline-block',
-                whiteSpace: 'nowrap',
-                marginLeft: '2px',
-            },
-            '.neuroglancer-display-dimensions-widget-scale': {
-                display: 'inline-block',
-                whiteSpace: 'nowrap',
-                paddingLeft: '10px',
-                textAlign: 'right',
-                marginLeft: '5px',
-            },
-            '.neuroglancer-display-dimensions-widget-scale:not(:empty):before': {
-                content: '"("',
-            },
-            '.neuroglancer-display-dimensions-widget-scale:not(:empty):after': {
-                content: '")"',
-            },
-            '.neuroglancer-display-dimensions-widget-scale-factor:after': {
-                content: '"\\d7"',
-            },
-            '.neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-display-dimensions-widget-scale-factor, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-display-dimensions-widget-scale, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-display-dimensions-widget-default, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-depth-range-widget-grid, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-depth-range-relative-checkbox-label': {
-                display: 'none',
-            },
-            '.neuroglancer-display-dimensions-widget-dimension[data-is-modified=true] .neuroglancer-display-dimensions-widget-scale-factor, .neuroglancer-display-dimensions-widget-dimension[data-is-modified=true] .neuroglancer-display-dimensions-widget-scale': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-display-dimensions-widget *:focus': { outline: '0px' },
-            '.neuroglancer-display-dimensions-widget-default': {
-                gridRow: '4',
-                gridColumnStart: '1',
-                gridColumnEnd: '3',
-                display: 'inline-block',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-display-dimensions-widget-default input': {
-                marginRight: '3px',
-            },
-            '.neuroglancer-depth-range-widget-grid': {
-                marginTop: '1em',
-                display: 'grid',
-                gridTemplateColumns: '0fr 0fr 0fr',
-                gridAutoRows: '0fr',
-            },
-            '.neuroglancer-depth-range-widget-dimension-names:not(:empty):before': {
-                content: '"("',
-            },
-            '.neuroglancer-depth-range-widget-dimension-names:not(:empty):after': {
-                content: '")"',
-            },
-            '.neuroglancer-depth-range-widget-dimension-names': {
-                marginLeft: '1ch',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-help-body': {
-                flexBasis: '0px',
-                flex: 1,
-                height: '0px',
-                minHeight: '0px',
-                fontFamily: 'sans-serif',
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-help-scroll-container': {
-                flex: 1,
-                flexBasis: '0px',
-                position: 'relative',
-                overflow: 'auto',
-            },
-            '.neuroglancer-help-scroll-container div+h2': { marginTop: '1em' },
-            '.neuroglancer-help-scroll-container h2': {
-                fontSize: '10pt',
-                padding: '4px',
-                position: 'sticky',
-                top: '0',
-                backgroundColor: '#333',
-                marginTop: '0',
-            },
-            '.neuroglancer-help-scroll-container .dt': {
-                fontFamily: 'monospace',
-                fontWeight: 'bold',
-                color: '#ff0',
-            },
-            '.neuroglancer-help-scroll-container .dd': {
-                fontSize: '10pt',
-                marginLeft: '4ex',
-            },
-            '.neuroglancer-layout-split-drop-zone': {
-                position: 'absolute',
-                zIndex: 1000,
-            },
-            '.neuroglancer-drag-over': { backgroundColor: '#0000ff80' },
-            '.neuroglancer-stack-layout-row>.neuroglancer-stack-layout-drop-placeholder': {
-                paddingLeft: '4px',
-                paddingRight: '4px',
-                width: '1px',
-            },
-            '.neuroglancer-stack-layout-column>.neuroglancer-stack-layout-drop-placeholder': {
-                paddingTop: '4px',
-                paddingBottom: '4px',
-                height: '1px',
-            },
-            '.neuroglancer-stack-layout-drop-placeholder': {
-                backgroundClip: 'content-box',
-                backgroundColor: '#666',
-                zIndex: 1,
-            },
-            '.neuroglancer-stack-layout-drop-placeholder.neuroglancer-drag-over': {
-                backgroundClip: 'border-box',
-                backgroundColor: '#8080ff80',
-            },
-            '.neuroglancer-stack-layout-drop-placeholder:first-child, .neuroglancer-stack-layout-drop-placeholder:last-child': {
-                display: 'none',
-            },
-            '.neuroglancer-panel': { flex: 1 },
-            '.neuroglancer-show-panel-borders .neuroglancer-panel': {
-                borderStyle: 'solid',
-                borderColor: '#000',
-                borderWidth: '2px',
-            },
-            '.neuroglancer-panel:focus-within': { borderColor: '#fff' },
-            '.neuroglancer-layer-group-viewer': { outline: '0px' },
-            '.neuroglancer-layer-group-viewer-context-menu': {
-                flexDirection: 'column',
-                alignItems: 'stretch',
-            },
-            '.neuroglancer-layer-group-viewer-context-menu label': {
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'space-between',
-            },
-            '.neuroglancer-layer-group-viewer-context-menu select:before': {
-                flex: 1,
-                content: '" "',
-            },
-            '.neuroglancer-layer-group-viewer-context-menu select': { marginLeft: '5px' },
-            '.neuroglancer-context-menu': {
-                position: 'absolute',
-                zIndex: 100,
-                border: '1px solid white',
-                backgroundColor: '#000',
-                boxShadow: '5px 5px 2px 1px #00000080',
-                fontFamily: 'sans-serif',
-                fontSize: '11pt',
-                padding: '5px',
-                color: '#fff',
-                outline: '0px',
-            },
-            ':root': {
-                '--layer-number-color': '#9a7518',
-                '--neuroglancer-segment-list-width': 'auto',
-            },
-            '.neuroglancer-layer-panel': {
-                width: '100%',
-                display: 'flex',
-                flexDirection: 'row',
-                flexWrap: 'wrap',
-                alignItems: 'stretch',
-                marginLeft: '-5px',
-                marginTop: '-1px',
-                zIndex: -0.1,
-                overflow: 'hidden',
-            },
-            '.neuroglancer-layer-item': {
-                position: 'relative',
-                display: 'flex',
-                alignItems: 'center',
-                color: '#fff',
-                cursor: 'pointer',
-                borderWidth: '1px',
-                borderStyle: 'solid',
-                borderColor: '#ccc',
-                fontFamily: 'sans-serif',
-                fontSize: '10pt',
-                backgroundColor: '#000',
-                padding: '1px',
-            },
-            '.neuroglancer-layer-item, .neuroglancer-layer-add-button': {
-                margin: '1px 1px 1px 5px',
-            },
-            '.neuroglancer-layer-item[data-selected=true]': { borderColor: '#8c8' },
-            '.neuroglancer-layer-item[data-selected=true]:hover': { borderColor: '#3c3' },
-            '.neuroglancer-layer-item:hover': { borderColor: '#daa520' },
-            '.neuroglancer-layer-item[data-pick=true] .neuroglancer-layer-item-label': {
-                backgroundColor: '#939',
-            },
-            '.neuroglancer-layer-item-label': {
-                display: 'inline-block',
-                position: 'relative',
-                backgroundColor: '#222',
-                paddingRight: '3px',
-            },
-            '.neuroglancer-layer-item-number': {
-                display: 'inline-block',
-                backgroundColor: 'var(--layer-number-color)',
-                fontWeight: 'bold',
-                paddingLeft: '1px',
-                paddingRight: '1px',
-            },
-            '.neuroglancer-layer-panel[data-show-hover-values=true] .neuroglancer-layer-item-value': {
-                display: 'inline-block',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                maxWidth: '50ch',
-                marginLeft: '1ch',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipses',
-                textAlign: 'center',
-            },
-            '.neuroglancer-layer-panel[data-show-hover-values=false] .neuroglancer-layer-item-value': {
-                display: 'none',
-            },
-            '.neuroglancer-layer-item[data-visible=false] .neuroglancer-layer-item-label': {
-                textDecoration: 'line-through',
-            },
-            '.neuroglancer-layer-item[data-visible=false]': { color: '#bbb' },
-            '.neuroglancer-layer-panel-drop-zone': { display: 'inline-block', flex: 1 },
-            '.neuroglancer-layer-item-visible-progress, .neuroglancer-layer-item-prefetch-progress': {
-                position: 'absolute',
-                left: '0px',
-                height: '2px',
-                backgroundColor: '#666',
-            },
-            '.neuroglancer-layer-item-visible-progress': { top: '0px' },
-            '.neuroglancer-layer-item-prefetch-progress': { bottom: '0px' },
-            '.neuroglancer-layer-item-value-container': {
-                display: 'grid',
-                gridTemplateColumns: 'min-content',
-                alignItems: 'center',
-            },
-            '.neuroglancer-layer-item-value': {
-                gridRow: '1',
-                gridColumn: '1',
-                visibility: 'visible',
-            },
-            '.neuroglancer-layer-item-button-container': {
-                gridRow: '1',
-                gridColumn: '1',
-                whiteSpace: 'nowrap',
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                visibility: 'hidden',
-                justifySelf: 'right',
-            },
-            '.neuroglancer-layer-panel:hover .neuroglancer-layer-item-value': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-layer-panel:hover .neuroglancer-layer-item-button-container': {
-                visibility: 'visible',
-            },
-            '.neuroglancer-position-widget': {
-                display: 'inline-flex',
-                alignItems: 'center',
-            },
-            '.neuroglancer-position-widget input:disabled': { pointerEvents: 'none' },
-            '.neuroglancer-position-widget .neuroglancer-copy-button:first-child': {
-                display: 'none',
-            },
-            '.neuroglancer-position-dimension-coordinate, .neuroglancer-position-dimension-name, .neuroglancer-position-dimension-scale': {
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                boxShadow: 'none',
-                border: '0',
-                margin: '0',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-            },
-            '.neuroglancer-position-dimension[data-coordinate-array=valid] .neuroglancer-position-dimension-scale': {
-                display: 'none',
-            },
-            '.neuroglancer-position-dimension[data-coordinate-array=invalid] .neuroglancer-position-dimension-scale': {
-                textDecorationLine: 'underline',
-                textDecorationStyle: 'wavy',
-                textDecorationColor: 'red',
-            },
-            '.neuroglancer-position-dimension-coordinate': { color: '#fff' },
-            '.neuroglancer-position-widget input:invalid, .neuroglancer-position-widget input::placeholder, .neuroglancer-position-widget input[data-is-valid=false]': {
-                textDecoration: 'solid underline red',
-            },
-            '.neuroglancer-position-widget *:focus': { outline: '0px' },
-            '.neuroglancer-position-dimension[data-dropdown-visible=true]:after': {
-                content: '""',
-                display: 'block',
-                left: '0px',
-                right: '0px',
-                bottom: '-1px',
-                position: 'absolute',
-                borderBottom: '1px solid black',
-                zIndex: 100,
-                height: '0px',
-            },
-            '.neuroglancer-position-dimension-dropdown, .neuroglancer-position-dimension-coordinate-dropdown': {
-                position: 'absolute',
-                minWidth: 'calc(100% + 2px)',
-                border: '1px solid #aaa',
-                boxSizing: 'border-box',
-                padding: '2px',
-                left: '-1px',
-                zIndex: 100,
-                backgroundColor: '#000',
-            },
-            '.neuroglancer-position-dimension-dropdown': {
-                display: 'grid',
-                gridTemplateAreas: '"labels . graph"',
-                gridTemplateRows: '1fr',
-                gridTemplateColumns: '0fr 3px 0fr',
-            },
-            '.neuroglancer-position-dimension-coordinate-dropdown': {
-                display: 'flex',
-                flexDirection: 'column',
-                overflowY: 'auto',
-            },
-            '.neuroglancer-dimension-dropdown-coordinate-entry': {
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'space-between',
-            },
-            '.neuroglancer-dimension-dropdown-coordinate-entry:hover': {
-                backgroundColor: '#333',
-            },
-            '.neuroglancer-dimension-dropdown-coordinate-label': {
-                width: 'var(--neuroglancer-coordinate-label-width)',
-                color: '#0ff',
-            },
-            '.neuroglancer-position-dimension-dropdown:focus, .neuroglancer-position-dimension-coordinate-dropdown:focus': {
-                outline: '0px',
-            },
-            '.neuroglancer-position-dimension-dropdown-lowerbound, .neuroglancer-position-dimension-dropdown-upperbound, .neuroglancer-position-dimension-dropdown-hoverposition': {
-                gridArea: 'labels',
-                textAlign: 'right',
-            },
-            '.neuroglancer-position-dimension-dropdown canvas': {
-                marginTop: '.5em',
-                marginBottom: '.5em',
-                gridArea: 'graph',
-            },
-            '.neuroglancer-position-dimension:focus-within, .neuroglancer-position-dimension[data-dropdown-visible=true]': {
-                border: '1px solid #aaa',
-                backgroundColor: '#000',
-            },
-            '.neuroglancer-position-dimension': {
-                border: '1px solid transparent',
-                position: 'relative',
-                display: 'inline-block',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-position-dimension-name': {
-                color: '#ff6',
-                paddingLeft: '2px',
-            },
-            '.neuroglancer-position-dimension-scale-container[data-is-empty=false]:before': {
-                content: '"("',
-                color: '#aaa',
-            },
-            '.neuroglancer-position-dimension-scale-container[data-is-empty=false]:after': {
-                content: '")"',
-                color: '#aaa',
-            },
-            '.neuroglancer-position-dimension-scale-container[data-is-empty=false]': {
-                marginRight: '5px',
-            },
-            '.neuroglancer-position-dimension-scale': { color: '#bbb' },
-            '.neuroglancer-position-dimension-scale-container': {
-                marginRight: '2px',
-                marginLeft: '4px',
-            },
-            '.neuroglancer-mouse-position-widget': {
-                marginLeft: '1ch',
-                verticalAlign: 'center',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                color: 'orange',
-                whiteSpace: 'pre',
-            },
-            '.neuroglancer-position-dimension-coordinate-label': {
-                display: 'inline-block',
-                color: '#0ff',
-            },
-            '.neuroglancer-position-dimension-coordinate-label:not(:empty):before': {
-                content: '"["',
-                color: '#aaa',
-            },
-            '.neuroglancer-position-dimension-coordinate-label:not(:empty):after': {
-                content: '"]"',
-                color: '#aaa',
-            },
-            '.neuroglancer-layer-list-panel-items': {
-                display: 'flex',
-                flexDirection: 'column',
-                flex: 1,
-                overflow: 'auto',
-                height: '0px',
-                minHeight: '0px',
-                flexBasis: '0px',
-            },
-            '.neuroglancer-layer-list-panel-item': {
-                display: 'flex',
-                flexDirection: 'row',
-                padding: '2px',
-                border: '1px solid #aaa',
-                margin: '2px',
-            },
-            '.neuroglancer-layer-list-panel-item[data-selected=true]': {
-                borderColor: '#3c3',
-            },
-            '.neuroglancer-layer-list-panel-item[data-archived=true]': {
-                borderColor: '#666',
-            },
-            '.neuroglancer-layer-list-panel-item[data-archived=true] .neuroglancer-layer-side-panel-name, .neuroglancer-layer-list-panel-item[data-archived=true] .neuroglancer-icon svg': {
-                color: '#999',
-                stroke: '#999',
-            },
-            '.neuroglancer-layer-list-panel-item:hover': { backgroundColor: '#333' },
-            '.neuroglancer-layer-list-panel-item-number': {
-                fontFamily: 'sans-serif',
-                backgroundColor: 'var(--layer-number-color)',
-                color: '#fff',
-                fontWeight: 'bold',
-                display: 'inline-block',
-            },
-            '.neuroglancer-layer-list-panel-item:not(:hover)>.neuroglancer-layer-list-panel-item-delete': {
-                display: 'none',
-            },
-            '.neuroglancer-layer-list-panel-item:not(:hover)>.neuroglancer-layer-list-panel-item-controls': {
-                display: 'none',
-            },
-            '[data-neuroglancer-layer-panel-pinned=false] .neuroglancer-side-panel-titlebar.neuroglancer-layer-side-panel-title': {
-                backgroundColor: '#393',
-            },
-            '[data-neuroglancer-layer-visible=false] .neuroglancer-side-panel-titlebar.neuroglancer-layer-side-panel-title input': {
-                textDecoration: 'line-through',
-            },
-            '.neuroglancer-layer-side-panel-name': {
-                flex: 1,
-                backgroundColor: 'transparent',
-                border: '0px',
-                color: '#fff',
-                outline: '0px',
-                width: '0px',
-                minWidth: '0px',
-            },
-            '.neuroglancer-layer-side-panel-tab-view': {
-                flex: 1,
-                display: 'flex',
-                flexDirection: 'column',
-                font: '10pt sans-serif',
-            },
-            '.neuroglancer-layer-side-panel-type-measure': {
-                position: 'absolute',
-                visibility: 'hidden',
-                top: '0px',
-                height: 'auto',
-                width: 'auto',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-layer-side-panel-type, .neuroglancer-layer-side-panel-type-measure': {
-                paddingLeft: '3px',
-                paddingRight: '3px',
-                fontWeight: 'bold',
-                fontFamily: 'sans-serif',
-                fontSize: '10pt',
-                boxSizing: 'border-box',
-            },
-            '.neuroglancer-layer-side-panel-type': {
-                WebkitAppearance: 'none',
-                color: '#fff',
-                cursor: 'pointer',
-                backgroundColor: '#00000080',
-                marginRight: '5px',
-                border: '0px',
-                outline: '0px',
-            },
-            '.neuroglancer-layer-side-panel-type option': { backgroundColor: '#000' },
-            '.neuroglancer-statistics-panel-body': {
-                flex: 1,
-                flexBasis: '0px',
-                minWidth: '0px',
-                display: 'flex',
-                flexDirection: 'column',
-                overflowY: 'auto',
-                font: '10pt sans-serif',
-            },
-            '.neuroglancer-statistics-panel-body>table': {
-                position: 'relative',
-                flex: 1,
-                width: '100%',
-            },
-            '.neuroglancer-statistics-panel-body>table>thead td': {
-                position: 'sticky',
-                top: '0px',
-                zIndex: 2,
-                backgroundColor: '#333',
-                fontWeight: 'bold',
-            },
-            '.neuroglancer-statistics-panel-body>table>tbody tr:hover': {
-                backgroundColor: '#336',
-            },
-            '.neuroglancer-settings-body': {
-                flexBasis: '0px',
-                flex: 1,
-                height: '0px',
-                minHeight: '0px',
-                fontFamily: 'sans-serif',
-                display: 'flex',
-                flexDirection: 'column',
-                fontSize: '10pt',
-            },
-            '.neuroglancer-settings-body input[type=text], .neuroglancer-settings-body input[type=number]': {
-                backgroundColor: '#333',
-                color: '#fff',
-                border: '0px',
-            },
-            '.neuroglancer-settings-scroll-container': {
-                flex: 1,
-                flexBasis: '0px',
-                position: 'relative',
-                overflow: 'auto',
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-settings-scroll-container>*': { marginTop: '3px' },
-            '.neuroglancer-settings-title': { alignSelf: 'stretch' },
-            '.neuroglancer-settings-scroll-container>label': {
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'space-between',
-            },
-            '.neuroglancer-settings-scroll-container>label>input:before': {
-                flex: 1,
-                content: '" "',
-            },
-            '.neuroglancer-settings-scroll-container>label>input': {
-                marginLeft: '5px',
-                width: '11ch',
-            },
-            '.neuroglancer-settings-limit-widget>input': { width: '11ch' },
-            '.neuroglancer-annotation-tool-status': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                overflowX: 'scroll',
-                scrollbarWidth: 'none',
-            },
-            '.neuroglancer-annotation-tool-status::-webkit-scrollbar': {
-                display: 'none',
-            },
-            '.neuroglancer-annotation-tool-status-widget+.neuroglancer-annotation-tool-status-widget': {
-                marginLeft: '3px',
-            },
-            '.neuroglancer-annotation-tool-status-widget:hover': {
-                outline: '1px solid #fff',
-            },
-            '.neuroglancer-annotation-tool-status-widget': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-annotation-tool-status-widget-layer-number': {
-                display: 'inline-block',
-                font: '10pt sans-serif',
-                fontWeight: 'bold',
-                backgroundColor: '#9a7518',
-            },
-            '.neuroglancer-annotation-tool-status-widget-key': {
-                display: 'inline-block',
-                font: '9pt monospace',
-                color: '#0ff',
-            },
-            '.neuroglancer-annotation-tool-status-widget-key:before': { content: '"["' },
-            '.neuroglancer-annotation-tool-status-widget-key:after': { content: '"]"' },
-            '.neuroglancer-annotation-tool-status-widget-key:before, .neuroglancer-annotation-tool-status-widget-key:after': {
-                color: '#999',
-            },
-            '.neuroglancer-annotation-tool-status-widget-description': {
-                display: 'inline-block',
-                color: '#3c3',
-                font: '10pt sans-serif',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-annotation-tool-status-widget-delete': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-annotation-tool-status-widget:hover>.neuroglancer-annotation-tool-status-widget-delete': {
-                visibility: 'inherit',
-            },
-            '.neuroglancer-annotations-tab': {
-                display: 'flex',
-                alignItems: 'stretch',
-                flex: 1,
-                flexDirection: 'column',
-            },
-            '.neuroglancer-annotation-list': {
-                position: 'relative',
-                margin: '2px 0 0',
-                padding: '0',
-                overflowY: 'auto',
-                height: '0px',
-                flex: 1,
-                flexBasis: '0px',
-                minHeight: '0px',
-            },
-            '.neuroglancer-annotation-list-entry': {
-                display: 'grid',
-                gridAutoRows: 'min-content',
-                cursor: 'pointer',
-                justifyContent: 'start',
-            },
-            '.neuroglancer-annotation-position': { display: 'contents' },
-            '.neuroglancer-annotation-layer-view': {
-                display: 'flex',
-                flexDirection: 'column',
-                flex: 1,
-                alignItems: 'stretch',
-            },
-            '.neuroglancer-annotation-list-header': {
-                gridAutoRows: 'min-content',
-                display: 'grid',
-                paddingBottom: '2px',
-                justifyContent: 'start',
-            },
-            '.neuroglancer-annotation-coordinate': {
-                fontFamily: 'monospace',
-                textAlign: 'right',
-            },
-            '.neuroglancer-annotation-icon': {
-                gridColumn: 'symbol',
-                paddingRight: '5px',
-            },
-            '.neuroglancer-annotation-description': {
-                gridColumn: 'dim / -1',
-                textOverflow: 'ellipsis',
-                overflow: 'hidden',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-annotation-list-entry-delete': {
-                gridColumn: 'delete',
-                marginLeft: '1ch',
-                alignSelf: 'start',
-                visibility: 'hidden',
-            },
-            '.neuroglancer-annotation-list-entry:hover>.neuroglancer-annotation-list-entry-delete': {
-                visibility: 'visible',
-            },
-            '.neuroglancer-annotation-hover': { backgroundColor: '#333' },
-            '.neuroglancer-annotation-selected': { backgroundColor: '#939' },
-            '.neuroglancer-annotation-hover.neuroglancer-annotation-selected': {
-                backgroundColor: '#969',
-            },
-            '.neuroglancer-tab-content.neuroglancer-annotation-details': {
-                flex: '0 0 auto',
-                alignSelf: 'stretch',
-                display: 'flex',
-                flexDirection: 'column',
-                WebkitTouchCallout: 'default',
-                WebkitUserSelect: 'text',
-                KhtmlUserSelect: 'text',
-                MozUserSelect: 'text',
-                msUserSelect: 'text',
-                userSelect: 'text',
-            },
-            '.neuroglancer-annotation-details-title': {
-                display: 'flex',
-                flexDirection: 'row',
-                backgroundColor: '#03c',
-                alignSelf: 'stretch',
-                padding: '2px',
-            },
-            '.neuroglancer-voxel-coordinates-link': { cursor: 'pointer' },
-            '.neuroglancer-voxel-coordinates-link:hover': { backgroundColor: '#db4437' },
-            '.neuroglancer-annotation-details-icon': {
-                display: 'inline-block',
-                marginRight: '5px',
-            },
-            '.neuroglancer-annotation-details-title-text': {
-                display: 'inline-block',
-                flex: 1,
-            },
-            'textarea.neuroglancer-annotation-details-description': {
-                alignSelf: 'stretch',
-                backgroundColor: '#222',
-                color: '#fff',
-                font: '10pt sans-serif',
-                border: '0px',
-                outline: '0px',
-                resize: 'none',
-                overflowY: 'scroll',
-            },
-            'div.neuroglancer-annotation-details-description': {
-                alignSelf: 'stretch',
-                color: '#fff',
-                font: '10pt sans-serif',
-            },
-            '.neuroglancer-annotation-toolbox': {
-                display: 'flex',
-                alignItems: 'stretch',
-            },
-            '.neuroglancer-annotation-segment-item': {
-                color: '#000',
-                backgroundColor: '#fff',
-            },
-            '.neuroglancer-annotations-view-dimension': {
-                fontFamily: 'monospace',
-                textAlign: 'right',
-            },
-            '.neuroglancer-annotations-view-dimension-name': { color: '#ff6' },
-            '.neuroglancer-annotations-view-dimension-scale': { color: '#bbb' },
-            '.neuroglancer-annotations-view-dimension-scale:not(:empty):before': {
-                content: '"("',
-                marginLeft: '1ch',
-            },
-            '.neuroglancer-annotations-view-dimension-scale:not(:empty):after': {
-                content: '")"',
-            },
-            '.neuroglancer-annotation-relationship-label, .neuroglancer-annotation-property-label': {
-                marginRight: '5px',
-            },
-            '.neuroglancer-selected-annotation-details-position-grid': {
-                display: 'grid',
-                gridAutoRows: 'auto',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                gridAutoFlow: 'dense',
-            },
-            '.neuroglancer-selected-annotation-details-icon': {
-                gridRows: '1 / -1',
-                gridColumn: 'icon',
-                alignSelf: 'start',
-            },
-            '.neuroglancer-selected-annotation-details-delete': {
-                gridRows: '1 / -1',
-                gridColumn: 'delete',
-                alignSelf: 'start',
-            },
-            '.neuroglancer-selected-annotation-details-position-dim': {
-                color: '#ff6',
-                marginLeft: '1ch',
-            },
-            '.neuroglancer-selected-annotation-details-position-coord': {
-                textAlign: 'right',
-                marginLeft: '.5ch',
-            },
-            '.neuroglancer-related-segment-list-title': {
-                fontFamily: 'sans-serif',
-                fontSize: 'small',
-                backgroundColor: '#333',
-            },
-            '.neuroglancer-related-segment-list-header': {
-                display: 'flex',
-                flexDirection: 'row',
-            },
-            '.neuroglancer-annotation-property': {
-                display: 'flex',
-                flexDirection: 'row',
-                fontFamily: 'sans-serif',
-                fontSize: 'small',
-            },
-            '.neuroglancer-annotation-property-label': { color: '#999' },
-            '.neuroglancer-annotation-property-value': {
-                textAlign: 'right',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                flex: 1,
-            },
-            'input.neuroglancer-segment-list-entry-id': {
-                outline: '0px',
-                border: '0px',
-                textAlign: 'left',
-            },
-            '.neuroglancer-segment-list-entry-new>.neuroglancer-segment-list-entry-copy': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-segment-list-entry-new>input[type=checkbox]': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-segment-list-entry-delete': { order: 0 },
-            '.neuroglancer-selection-annotation-status': {
-                fontFamily: 'sans-serif',
-                fontSize: 'small',
-            },
-            '.neuroglancer-channel-dimensions-widget-dim': { display: 'contents' },
-            '.neuroglancer-channel-dimensions-widget': {
-                display: 'grid',
-                gridTemplateColumns: '[name] min-content [lower] min-content [upper] min-content',
-            },
-            '.neuroglancer-channel-dimensions-widget-name-container': {
-                gridColumn: 'name',
-            },
-            '.neuroglancer-channel-dimensions-widget-name[data-is-valid=false], .neuroglancer-channel-dimensions-widget-name::placeholder': {
-                textDecoration: 'solid underline red',
-            },
-            '.neuroglancer-channel-dimensions-widget-name': {
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                boxShadow: 'none',
-                border: '0',
-                margin: '0',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                color: '#ff6',
-            },
-            '.neuroglancer-channel-dimensions-widget-name, .neuroglancer-channel-dimensions-widget-lower, .neuroglancer-channel-dimensions-widget-upper': {
-                fontFamily: 'monospace',
-            },
-            '.neuroglancer-channel-dimensions-widget-lower': {
-                gridColumn: 'lower',
-                textAlign: 'right',
-            },
-            '.neuroglancer-channel-dimensions-widget-upper': {
-                gridColumn: 'upper',
-                textAlign: 'right',
-            },
-            '.neuroglancer-channel-dimensions-widget-lower, .neuroglancer-channel-dimensions-widget-upper': {
-                textAlign: 'right',
-                marginLeft: '1ch',
-                userSelect: 'text',
-            },
-            '.neuroglancer-channel-dimensions-widget-upper:after': { content: '")"' },
-            '.neuroglancer-channel-dimensions-widget-lower:after': { content: '","' },
-            '.neuroglancer-channel-dimensions-widget-lower:before': { content: '"["' },
-            '.neuroglancer-channel-dimensions-widget-upper:after, .neuroglancer-channel-dimensions-widget-lower:before, .neuroglancer-channel-dimensions-widget-lower:after': {
-                color: '#999',
-            },
-            '.neuroglancer-layer-options-control-container .neuroglancer-layer-control-label-container': {
-                marginRight: 'auto',
-            },
-            '.neuroglancer-layer-control-label-container': { whiteSpace: 'nowrap' },
-            '.neuroglancer-layer-control-label': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-layer-control-label-text-container': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'start',
-            },
-            '.neuroglancer-layer-control-container': {
-                marginTop: '1.5px',
-                marginBottom: '1.5px',
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-layer-control-control': {
-                flex: 1,
-                marginLeft: '5px',
-                maxWidth: '500px',
-            },
-            'select.neuroglancer-layer-control-control, input[type=checkbox].neuroglancer-layer-control-control, input[type=color].neuroglancer-layer-control-control': {
-                flex: 'initial',
-            },
-            '.range-slider': {
-                display: 'flex',
-                flexDirection: 'row',
-                whiteSpace: 'nowrap',
-                justifyContent: 'flex-end',
-            },
-            '.range-slider input[type=range]': {
-                background: 'transparent',
-                flexBasis: '0px',
-            },
-            '.range-slider input[type=number]': {
-                backgroundColor: '#ffffff4d',
-                color: '#fff',
-                border: '0px',
-            },
-            '.range-slider input[type=range]::-moz-range-track': {
-                backgroundColor: '#fff',
-            },
-            '.neuroglancer-render-scale-widget': {
-                marginTop: '2px',
-                marginBottom: '2px',
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-render-scale-widget-prompt': { whiteSpace: 'nowrap' },
-            '.neuroglancer-render-scale-widget>canvas': {
-                height: '36px',
-                flex: 1,
-                flexBasis: '0px',
-                width: '0px',
-            },
-            '.neuroglancer-render-scale-widget-legend': {
-                width: '10ch',
-                fontSize: '11px',
-                textAlign: 'right',
-            },
-            '.neuroglancer-render-scale-widget-legend>div': { height: '12px' },
-            '.neuroglancer-shader-code-widget.invalid-input': { border: '1px solid red' },
-            '.neuroglancer-shader-code-widget.valid-input': { border: '1px solid green' },
-            '.neuroglancer-shader-code-widget': { border: '1px solid transparent' },
-            '.neuroglancer-invlerp-cdfpanel': { height: '50px', cursor: 'ew-resize' },
-            '.neuroglancer-invlerp-cdfpanel, .neuroglancer-invlerp-legend-panel': {
-                border: '1px solid #666',
-            },
-            '.neuroglancer-invlerp-legend-panel': { height: '15px' },
-            '.neuroglancer-invlerp-widget-bound': {
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                boxShadow: 'none',
-                border: '0',
-                margin: '0',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-            },
-            '.neuroglancer-invlerp-widget-window-bound': { color: '#0ff' },
-            '.neuroglancer-invlerp-widget-range-bound': { color: '#fff' },
-            '.neuroglancer-invlerp-widget-bounds': { display: 'flex' },
-            '.neuroglancer-invlerp-widget-range-spacer': { flex: 1, textAlign: 'center' },
-            '.neuroglancer-invlerp-widget-window-bounds': {
-                justifyContent: 'space-between',
-            },
-            '.neuroglancer-segmentation-rendering-tab': {
-                display: 'flex',
-                flexDirection: 'column',
-                overflowY: 'auto',
-            },
-            '.neuroglancer-segmentation-rendering-tab .neuroglancer-shader-code-widget': {
-                height: '6em',
-            },
-            '.neuroglancer-segmentation-dropdown-skeleton-shader-header': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-segmentation-layer-skeleton-shader-overlay .neuroglancer-shader-code-widget': {
-                width: '80vw',
-                height: '80vh',
-            },
-            '.neuroglancer-segment-list-entry': {
-                display: 'flex',
-                flexDirection: 'row',
-                width: 'min-content',
-                minWidth: '100%',
-                backgroundColor: '#000',
-                alignItems: 'start',
-            },
-            '.neuroglancer-segment-list-entry.neuroglancer-segment-list-entry-double-line': {
-                display: 'inline-flex',
-                minWidth: 'initial',
-                backgroundColor: 'initial',
-            },
-            '.neuroglancer-segment-list-entry[data-selected=true], .neuroglancer-selection-details-segment[data-selected=true]': {
-                backgroundColor: '#222',
-            },
-            '.neuroglancer-segment-list-entry-copy-container': {
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-segment-list-entry-id-container': {
-                order: 1,
-                alignSelf: 'center',
-            },
-            '.neuroglancer-segment-list-entry-id, .neuroglancer-selection-details-segment-id': {
-                display: 'block',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                flexShrink: 0,
-                textAlign: 'right',
-                color: '#000',
-                backgroundColor: '#fff',
-                userSelect: 'text',
-                width: 'var(--neuroglancer-segment-list-width)',
-            },
-            '.neuroglancer-segment-list .neuroglancer-segment-list-entry-sticky': {
-                position: 'sticky',
-                left: '0',
-            },
-            '.neuroglancer-segment-list-entry-sticky': {
-                whiteSpace: 'nowrap',
-                flexDirection: 'row',
-                alignItems: 'start',
-                backgroundColor: 'inherit',
-                display: 'flex',
-            },
-            '.neuroglancer-segment-list-entry-extra-property': {
-                paddingLeft: '8px',
-                flexShrink: 0,
-                textAlign: 'right',
-                userSelect: 'text',
-            },
-            '.neuroglancer-selection-details-segment-description, .neuroglancer-selection-details-segment-property': {
-                fontFamily: 'sans-serif',
-                fontSize: 'small',
-            },
-            '.neuroglancer-selection-details-segment-property': {
-                display: 'flex',
-                flexDirection: 'row',
-            },
-            '.neuroglancer-selection-details-segment-property-name': {
-                userSelect: 'text',
-                fontStyle: 'italic',
-            },
-            '.neuroglancer-selection-details-segment-property-value': {
-                textAlign: 'right',
-                flex: 1,
-            },
-            '.neuroglancer-segmentation-toolbox': { display: 'inline-block' },
-            '.neuroglancer-segmentation-toolbox .neuroglancer-tool-button+.neuroglancer-tool-button': {
-                marginLeft: '1em',
-            },
-            '.neuroglancer-segment-list': {
-                position: 'relative',
-                overflowY: 'auto',
-                overflowX: 'scroll',
-                flex: 1,
-            },
-            '.neuroglancer-segment-display-tab': {
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-segment-query-errors': {
-                margin: '0',
-                listStyleType: 'none',
-                padding: '0 0 0 3px',
-                backgroundColor: '#333',
-            },
-            '.neuroglancer-segment-query-errors>li': { display: 'block', color: 'red' },
-            '.neuroglancer-segment-list-entry:not(.neuroglancer-segment-list-entry-double-line) .neuroglancer-segment-list-entry-unmapped-id:empty+.neuroglancer-segment-list-entry-copy': {
-                display: 'none',
-            },
-            '.neuroglancer-segment-list-entry.neuroglancer-segment-list-entry-double-line .neuroglancer-segment-list-entry-unmapped-id:empty+.neuroglancer-segment-list-entry-copy': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-segment-list-entry-name:empty+.neuroglancer-segment-list-entry-filter': {
-                display: 'none',
-            },
-            '.neuroglancer-segment-list-entry-name': {
-                order: 1000,
-                display: 'inline-block',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                userSelect: 'text',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-segment-list-query': {
-                backgroundColor: '#151515',
-                color: '#fff',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-                border: '2px solid #333',
-                padding: '2px',
-                outline: '0px',
-            },
-            '.neuroglancer-segment-list-query::placeholder': { color: '#aaa' },
-            '.neuroglancer-segment-list-status': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                backgroundColor: '#333',
-            },
-            '.neuroglancer-segment-list-entry-copy': { order: -2, visibility: 'hidden' },
-            '.neuroglancer-segment-list-entry:hover .neuroglancer-segment-list-entry-copy': {
-                visibility: 'visible',
-            },
-            '.neuroglancer-segment-list-entry-visible-checkbox': { order: -1 },
-            '.neuroglancer-segment-list-entry[data-visible-list] .neuroglancer-segment-list-entry-sticky:before': {
-                order: -1000,
-                content: '" "',
-                display: 'inline-block',
-                width: '2px',
-                flexShrink: 0,
-                marginRight: '-2px',
-                alignSelf: 'stretch',
-                marginBottom: '2px',
-                backgroundColor: '#999',
-            },
-            '.neuroglancer-segment-list-entry-filter': {
-                visibility: 'hidden',
-                gridColumn: 'filter',
-                order: 999,
-            },
-            '.neuroglancer-segment-list-entry:hover .neuroglancer-segment-list-entry-filter': {
-                visibility: 'visible',
-            },
-            '.neuroglancer-segment-query-result-tag-list': {
-                display: 'grid',
-                gridAutoRows: 'auto',
-                gridTemplateColumns: '[include] min-content [exclude] min-content [tag] 1fr [count] min-content',
-            },
-            '.neuroglancer-segment-query-result-tag': { display: 'contents' },
-            '.neuroglancer-segment-query-result-tag:hover *': { backgroundColor: '#222' },
-            '.neuroglancer-segment-query-result-tag-name': {
-                gridColumn: 'tag',
-                whiteSpace: 'nowrap',
-                cursor: 'pointer',
-                fontWeight: 'bold',
-            },
-            '.neuroglancer-segment-query-result-tag-name:before': {
-                content: '"#"',
-                color: '#aaa',
-                fontWeight: 'normal',
-            },
-            '.neuroglancer-segment-query-result-tag-toggle': {
-                display: 'inline-block',
-                whiteSpace: 'nowrap',
-            },
-            '.neuroglancer-segment-query-result-tag-include': { gridColumn: 'include' },
-            '.neuroglancer-segment-query-result-tag-exclude': { gridColumn: 'exclude' },
-            '.neuroglancer-segment-query-result-statistics': {
-                backgroundColor: '#333',
-                maxHeight: '40%',
-                flexShrink: 0,
-                overflow: 'auto',
-            },
-            '.neuroglancer-segment-query-result-statistics:not(:empty)': {
-                paddingTop: '3px',
-            },
-            '.neuroglancer-segment-query-result-statistics:not(:empty)+.neuroglancer-segment-list-status': {
-                borderTop: '1px solid white',
-            },
-            '.neuroglancer-segment-query-result-statistics-separator': {
-                height: '3px',
-                backgroundColor: '#333',
-                borderBottom: '1px solid white',
-            },
-            '.neuroglancer-segment-query-result-tag-count': {
-                gridColumn: 'count',
-                textAlign: 'right',
-            },
-            '.neuroglancer-segment-query-result-tag-count:not(:empty):before': {
-                content: '"("',
-                color: '#aaa',
-            },
-            '.neuroglancer-segment-query-result-tag-count:not(:empty):after': {
-                content: '")"',
-                color: '#aaa',
-            },
-            '.neuroglancer-segment-query-result-numerical-list': {
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-container': {
-                justifySelf: 'stretch',
-                display: 'flex',
-                flexDirection: 'column',
-                padding: '2px',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot': {
-                display: 'block',
-                height: '30px',
-                cursor: 'ew-resize',
-                justifySelf: 'stretch',
-                border: '1px solid #666',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-bound': {
-                backgroundColor: 'transparent',
-                borderColor: 'transparent',
-                boxShadow: 'none',
-                border: '0',
-                margin: '0',
-                font: '10pt sans-serif',
-                pointerEvents: 'auto',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-window-bound': {
-                color: '#0ff',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-range-bound': {
-                color: '#fff',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-bounds': {
-                display: 'flex',
-                flexDirection: 'row',
-                color: '#aaa',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-bound-constraint-symbol': {
-                alignSelf: 'center',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-bound-constraint-spacer': {
-                flex: 1,
-                color: '#fff',
-                fontWeight: 'bold',
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'center',
-                alignItems: 'center',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-label': {
-                cursor: 'pointer',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-sort, .neuroglancer-segment-list-header-label-sort': {
-                visibility: 'hidden',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-label:hover .neuroglancer-segment-query-result-numerical-plot-sort, .neuroglancer-segment-list-header-label:hover .neuroglancer-segment-list-header-label-sort': {
-                visibility: 'visible',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-container:hover .neuroglancer-segment-query-result-numerical-plot-bounds-window': {
-                visibility: 'visible',
-            },
-            '.neuroglancer-segment-query-result-numerical-plot-bounds-window': {
-                justifyContent: 'space-between',
-                marginTop: '-16px',
-                visibility: 'hidden',
-                pointerEvents: 'none',
-            },
-            '.neuroglancer-segment-list-entry.neuroglancer-segment-list-header': {
-                backgroundColor: '#666',
-            },
-            '.neuroglancer-segment-list-header .neuroglancer-segment-list-entry-id': {
-                backgroundColor: 'inherit',
-                color: '#fff',
-                textAlign: 'center',
-            },
-            '.neuroglancer-segment-list-header-label': {
-                cursor: 'pointer',
-                font: '10pt sans-serif',
-            },
-            '.neuroglancer-segment-list-header .neuroglancer-segment-list-entry-extra-property': {
-                textAlign: 'center',
-            },
-            '.neuroglancer-merge-segments-status': {
-                display: 'flex',
-                flexDirection: 'row',
-            },
-            '.neuroglancer-merge-segments-status .neuroglancer-segment-list-entry': {
-                marginLeft: '1em',
-                marginRight: '1em',
-            },
-            '.neuroglancer-linked-layer-widget-layer': {
-                display: 'flex',
-                flexDirection: 'row',
-            },
-            '.neuroglancer-linked-layer-widget-layer:hover': { backgroundColor: '#333' },
-            '.neuroglancer-segmentation-color-seed-control': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'flex-end',
-            },
-            '.neuroglancer-segmentation-color-seed-control input': {
-                backgroundColor: '#ffffff4d',
-                color: '#fff',
-                border: '0px',
-            },
-            '.neuroglancer-single-mesh-dropdown .neuroglancer-single-mesh-attribute-widget': {
-                maxHeight: '6em',
-                marginBottom: '8px',
-            },
-            '.neuroglancer-single-mesh-dropdown .neuroglancer-shader-code-widget': {
-                height: '6em',
-                width: '60ch',
-                border: '1px solid transparent',
-            },
-            '.neuroglancer-single-mesh-dropdown-top-row': {
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            },
-            '.neuroglancer-single-mesh-shader-overlay .neuroglancer-shader-code-widget': {
-                width: '80vw',
-                height: '80vh',
-            },
-            '.neuroglancer-single-mesh-attribute-widget': {
-                wordWrap: 'break-word',
-                overflowY: 'auto',
-                display: 'grid',
-                gridTemplateColumns: '[type] auto [name] auto [range] auto',
-            },
-            '.neuroglancer-single-mesh-layer-shader-overlay .neuroglancer-single-mesh-attribute-widget': {
-                maxHeight: '20vh',
-            },
-            '.neuroglancer-single-mesh-attribute': {
-                fontFamily: 'monospace',
-                display: 'contents',
-            },
-            '.neuroglancer-single-mesh-attribute-type': {
-                color: '#c6c',
-                gridColumn: 'type',
-            },
-            '.neuroglancer-single-mesh-attribute-name': {
-                marginLeft: '1ch',
-                color: '#fff',
-                gridColumn: 'name',
-                userSelect: 'text',
-            },
-            '.neuroglancer-single-mesh-attribute-range': {
-                marginLeft: '1ch',
-                whiteSpace: 'nowrap',
-                color: '#999',
-                gridColumn: 'range',
-            },
-            '.neuroglancer-annotation-rendering-tab': {
-                display: 'flex',
-                flexDirection: 'column',
-                overflowY: 'auto',
-            },
-            '.neuroglancer-annotation-rendering-tab .neuroglancer-shader-code-widget': {
-                flexShrink: 0,
-            },
-            '.neuroglancer-annotation-shader-property-list': {
-                maxHeight: '8em',
-                overflow: 'auto',
-                flexShrink: 0,
-            },
-            '.neuroglancer-annotation-shader-property': {
-                whiteSpace: 'pre',
-                fontFamily: 'monospace',
-                fontSize: 'medium',
-            },
-            '.neuroglancer-annotation-shader-property-type': {
-                color: '#c6c',
-                marginRight: '1ch',
-            },
-            '.neuroglancer-annotation-shader-property-identifier': { userSelect: 'text' },
-            '.neuroglancer-annotation-shader-property-identifier:after': {
-                content: '"()"',
-                color: '#999',
-            },
-        }),
     },
-}));
+    // Converted neuro-styles.css using transform.tools
+    '#statusContainer': {
+        position: 'absolute',
+        bottom: '0px',
+        zIndex: 100,
+        backgroundColor: 'gray',
+        color: '#fff',
+        margin: '0',
+        padding: '0',
+        font: '10pt sans-serif',
+    },
+    '#statusContainer li': {
+        width: '100vw',
+        maxHeight: '25vh',
+        overflowY: 'auto',
+    },
+    '.neuroglancer-status-header': {
+        display: 'inline-block',
+        font: '10pt sans-serif',
+        fontWeight: 'bold',
+        backgroundColor: '#333',
+        padding: '2px',
+    },
+    '.neuroglancer-selection-details-body': {
+        height: '0px',
+        flex: 1,
+        overflowY: 'auto',
+        flexBasis: '0px',
+        minHeight: '0px',
+    },
+    '.neuroglancer-selection-details-position': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyItems: 'left',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+    },
+    '.neuroglancer-selection-details-position-dimension+.neuroglancer-selection-details-position-dimension': {
+        marginLeft: '8px',
+    },
+    '.neuroglancer-selection-details-position-dimension-name': { color: '#ff6' },
+    '.neuroglancer-selection-details-position-dimension-coordinate': {
+        marginLeft: '5px',
+        userSelect: 'text',
+    },
+    '.neuroglancer-selection-details-layer': {
+        marginTop: '4px',
+        marginBottom: '4px',
+        border: '1px solid #222',
+    },
+    '.neuroglancer-selection-details-layer-title': {
+        cursor: 'pointer',
+        backgroundColor: '#222',
+        fontFamily: 'sans-serif',
+        fontSize: '10pt',
+    },
+    '.neuroglancer-selection-details-layer-title:hover': {
+        backgroundColor: '#333',
+    },
+    '.neuroglancer-selection-details-layer-body': {
+        padding: '2px',
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-side-panel-column': {
+        display: 'flex',
+        flexDirection: 'column',
+        minWidth: '0px',
+    },
+    '.neuroglancer-side-panel-row': {
+        display: 'flex',
+        flexDirection: 'row',
+        minHeight: '0px',
+    },
+    '.neuroglancer-side-panel': {
+        display: 'flex',
+        flexDirection: 'column',
+        minWidth: '0px',
+        overflow: 'hidden',
+    },
+    '.neuroglancer-side-panel-titlebar': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        fontFamily: 'sans-serif',
+        fontSize: '10pt',
+        backgroundColor: '#03c',
+        padding: '2px',
+        color: '#fff',
+    },
+    '.neuroglancer-side-panel-title': {
+        flex: 1,
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-side-panel-drop-zone': { zIndex: 1000, display: 'none' },
+    '[data-neuroglancer-side-panel-drag] .neuroglancer-side-panel-drop-zone': {
+        display: 'block',
+    },
+    '.neuroglancer-resize-gutter-vertical': {
+        height: '1px',
+        backgroundColor: '#333',
+        backgroundClip: 'content-box',
+        paddingTop: '2px',
+        paddingBottom: '2px',
+        cursor: 'row-resize',
+    },
+    '.neuroglancer-resize-gutter-horizontal': {
+        width: '1px',
+        backgroundColor: '#333',
+        backgroundClip: 'content-box',
+        paddingRight: '2px',
+        paddingLeft: '2px',
+        cursor: 'col-resize',
+    },
+    '.neuroglancer-drag-status': {
+        position: 'absolute',
+        top: '0px',
+        zIndex: 1000,
+        backgroundColor: '#ff0',
+        color: '#000',
+        font: '10pt sans-serif',
+        padding: '2px',
+    },
+    '.neuroglancer-icon': {
+        display: 'inline-flex',
+        textDecoration: 'none',
+        alignSelf: 'center',
+        whiteSpace: 'nowrap',
+        paddingLeft: '2px',
+        paddingRight: '2px',
+        minWidth: '18px',
+        minHeight: '18px',
+        borderRadius: '20%',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: '#fff',
+        font: '12px sans-serif',
+        cursor: 'pointer',
+        fontWeight: 900,
+        marginLeft: '1px',
+        marginRight: '1px',
+    },
+    '.neuroglancer-icon svg': {
+        width: '16px',
+        height: '16px',
+        fill: 'transparent',
+        stroke: '#fff',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+    },
+    '.neuroglancer-icon:hover': { backgroundColor: '#db4437' },
+    '.neuroglancer-checkbox-icon.light-background[data-checked=true]': {
+        backgroundColor: '#00000080',
+    },
+    '.neuroglancer-checkbox-icon.dark-background[data-checked=true]': {
+        backgroundColor: '#fff3',
+    },
+    '.neuroglancer-image-dropdown': {
+        overflowY: 'auto',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '0px',
+    },
+    '.neuroglancer-image-dropdown .neuroglancer-shader-code-widget': {
+        flexShrink: 0,
+        height: '8em',
+        border: '1px solid transparent',
+    },
+    '.neuroglancer-image-dropdown-top-row': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-image-layer-shader-overlay .neuroglancer-shader-code-widget': {
+        width: '80vw',
+        height: '80vh',
+    },
+    '.neuroglancer-selection-details-value-grid': {
+        display: 'grid',
+        gridAutoRows: 'auto',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        alignItems: 'center',
+    },
+    '.neuroglancer-selection-details-value-grid-dim': {
+        gridColumn: 'dim',
+        color: '#ff6',
+    },
+    '.neuroglancer-selection-details-value-grid-dim:after': {
+        content: '"="',
+        color: '#aaa',
+    },
+    '.neuroglancer-selection-details-value-grid-coord': {
+        gridColumn: 'coord',
+        color: '#aaa',
+        marginRight: '1ch',
+    },
+    '.neuroglancer-selection-details-value-grid-value': {
+        gridColumn: 'value',
+        userSelect: 'text',
+    },
+    '.neuroglancer-layer-data-sources-tab': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-layer-data-sources-container': {
+        overflowY: 'auto',
+        display: 'flex',
+        flexDirection: 'column',
+        flex: 1,
+        height: '0px',
+    },
+    '.neuroglancer-layer-data-source-url-input input.autocomplete-input': {
+        color: '#fff',
+    },
+    '.neuroglancer-layer-data-source-url-input input.autocomplete-hint': {
+        color: '#aaa',
+    },
+    '.neuroglancer-layer-data-source-url-input .autocomplete-dropdown': {
+        backgroundColor: '#333',
+    },
+    '.neuroglancer-layer-data-sources-source-id': { fontWeight: 'bold' },
+    '.neuroglancer-layer-data-sources-source-id:not(:empty):before': {
+        content: '"["',
+    },
+    '.neuroglancer-layer-data-sources-source-id:not(:empty):after': {
+        content: '"]"',
+    },
+    '.neuroglancer-layer-data-sources-source-id:not(:empty)': {
+        marginRight: '4px',
+        color: '#0ff',
+    },
+    '.neuroglancer-layer-data-sources-source-messages:empty': { display: 'none' },
+    '.neuroglancer-layer-data-sources-source-messages': {
+        marginTop: '0',
+        listStyle: 'none',
+        paddingLeft: '0',
+    },
+    'li.neuroglancer-message': { wordWrap: 'break-word', userSelect: 'text' },
+    'li.neuroglancer-message-error': { color: 'red' },
+    'li.neuroglancer-message-warning': { color: '#ff0' },
+    'li.neuroglancer-message-info': { color: '#ccc' },
+    '.neuroglancer-layer-data-sources-source-default': {
+        display: 'block',
+        marginBottom: '4px',
+    },
+    '.neuroglancer-layer-data-sources-info-line[data-is-active=false]': {
+        textDecoration: 'solid line-through #caa',
+    },
+    '.neuroglancer-layer-data-sources-tab-type-detection': {
+        position: 'sticky',
+        bottom: '0px',
+        backgroundColor: '#ff9',
+        color: '#000',
+        textAlign: 'center',
+        cursor: 'pointer',
+    },
+    '.neuroglancer-layer-data-sources-tab-type-detection:hover': {
+        backgroundColor: '#ffc',
+    },
+    '.neuroglancer-layer-data-sources-tab-type-detection-type': {
+        fontWeight: 'bold',
+    },
+    '.neuroglancer-coordinate-space-transform-widget': {
+        display: 'grid',
+        justifyItems: 'stretch',
+    },
+    '.neuroglancer-coordinate-space-transform-widget input': {
+        fontFamily: 'monospace',
+        justifySelf: 'stretch',
+        backgroundColor: '#000',
+        color: '#fff',
+        padding: '2px',
+    },
+    '.neuroglancer-coordinate-space-transform-widget *[data-will-be-deleted=true]': {
+        color: '#666',
+    },
+    '.neuroglancer-coordinate-space-transform-label': {
+        fontStyle: 'italic',
+        color: '#fcc',
+        alignSelf: 'center',
+    },
+    '.neuroglancer-coordinate-space-transform-input-lower-label': {
+        gridRow: 'sourceLower',
+        gridColumn: 'outputLabel / sourceDim 1',
+    },
+    '.neuroglancer-coordinate-space-transform-translation-label': {
+        gridRow: 'sourceLabel / outputDim 1',
+        gridColumn: 'sourceDim -1',
+        writingMode: 'vertical-lr',
+        textOrientation: 'mixed',
+        alignSelf: 'end',
+        justifySelf: 'center',
+        marginBottom: '2px',
+    },
+    '.neuroglancer-coordinate-space-transform-input-lower-label, .neuroglancer-coordinate-space-transform-input-upper-label, .neuroglancer-coordinate-space-transform-input-scale-label': {
+        textAlign: 'right',
+        marginRight: '4px',
+    },
+    '.neuroglancer-coordinate-space-transform-input-upper-label': {
+        gridRow: 'sourceUpper',
+        gridColumn: 'headerStart / headerEnd',
+    },
+    '.neuroglancer-coordinate-space-transform-input-scale-label': {
+        gridRow: '5',
+        gridColumn: 'headerStart / headerEnd',
+    },
+    '.neuroglancer-coordinate-space-transform-source-label': {
+        gridRow: 'sourceLabel',
+        gridColumn: 'sourceDim 1 / sourceDim -1',
+        textAlign: 'center',
+    },
+    '.neuroglancer-coordinate-space-transform-output-label': {
+        gridRow: 'outputDim 1 / outputDim -1',
+        gridColumn: 'outputLabel',
+        writingMode: 'vertical-lr',
+        textOrientation: 'mixed',
+        alignSelf: 'center',
+        justifySelf: 'end',
+        marginRight: '2px',
+    },
+    '.neuroglancer-coordinate-space-transform-input-name': {
+        textAlign: 'center',
+    },
+    '.neuroglancer-coordinate-space-transform-input-name, input.neuroglancer-coordinate-space-transform-output-name': {
+        fontFamily: 'monospace',
+        color: '#ff6',
+    },
+    '.neuroglancer-coordinate-space-transform-scale': { textAlign: 'right' },
+    '.neuroglancer-coordinate-space-transform-input-bounds, .neuroglancer-coordinate-space-transform-output-bounds': {
+        whiteSpace: 'nowrap',
+        fontFamily: 'monospace',
+        fontSize: 'small',
+        textAlign: 'right',
+        paddingLeft: '2px',
+        paddingRight: '2px',
+        color: '#aff',
+    },
+    '.neuroglancer-coordinate-space-transform-input-bounds.neuroglancer-coordinate-space-transform-singleton:not(*[data-will-be-deleted="true"])': {
+        color: '#fa6',
+    },
+    '.neuroglancer-coordinate-space-transform-widget input[data-is-valid=false], .neuroglancer-coordinate-space-transform-widget input[data-is-valid=false]::placeholder': {
+        textDecoration: 'solid underline red',
+    },
+    '.neuroglancer-coordinate-space-transform-output-extend': {
+        gridRow: 'outputDim -1',
+        gridColumn: 'outputNames',
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-coordinate-space-transform-output-extend input': {
+        alignSelf: 'stretch',
+    },
+    '.neuroglancer-coordinate-space-transform-output-extend[data-is-active=false] input': {
+        display: 'none',
+    },
+    '.neuroglancer-coordinate-space-transform-output-extend[data-is-active=true] .neuroglancer-icon': {
+        display: 'none',
+    },
+    '.neuroglancer-coordinate-space-transform-output-extend .neuroglancer-icon': {
+        alignSelf: 'start',
+    },
+    '.neuroglancer-coordinate-space-transform-translation-coeff': {
+        marginLeft: '3px',
+    },
+    '.neuroglancer-coordinate-space-transform-output-scale-container': {
+        marginRight: '3px',
+    },
+    '.neuroglancer-coordinate-space-transform-input-scale-container, .neuroglancer-coordinate-space-transform-input-scale-label': {
+        marginBottom: '3px',
+    },
+    '.neuroglancer-coordinate-space-transform-widget input, .neuroglancer-coordinate-space-transform-output-name-container, .neuroglancer-coordinate-space-transform-scale-container': {
+        border: '1px solid #333',
+    },
+    '.neuroglancer-coordinate-space-transform-widget .neuroglancer-coordinate-space-transform-output-name, .neuroglancer-coordinate-space-transform-widget .neuroglancer-coordinate-space-transform-scale': {
+        border: '0px',
+    },
+    '.neuroglancer-coordinate-space-transform-output-name-container': {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'stretch',
+        marginRight: '3px',
+    },
+    '.neuroglancer-coordinate-space-transform-scale-container': {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'stretch',
+    },
+    '.neuroglancer-coordinate-space-transform-scale-suggestion': {
+        fontFamily: 'monospace',
+        cursor: 'pointer',
+        borderRadius: '20%',
+        border: '1px solid #333',
+        alignSelf: 'flex-end',
+        margin: '2px',
+        color: '#aaa',
+    },
+    '.neuroglancer-coordinate-space-transform-scale-suggestion svg': {
+        width: '16px',
+        height: '16px',
+        fill: 'transparent',
+        stroke: '#aaa',
+        strokeWidth: 2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+    },
+    '.neuroglancer-coordinate-space-transform-scale-suggestion:hover': {
+        backgroundColor: '#db4437',
+        border: '1px solid transparent',
+        color: '#fff',
+    },
+    '.neuroglancer-coordinate-space-transform-scale-suggestion:hover svg': {
+        stroke: '#fff',
+    },
+    '.neuroglancer-coordinate-space-transform-widget-reset-buttons': {
+        gridRow: 'outputDim -1',
+        gridColumn: 'headerEnd / -1',
+        justifySelf: 'start',
+    },
+    '.neuroglancer-multiline-autocomplete': {
+        marginTop: '2px',
+        padding: '2px',
+        position: 'relative',
+        backgroundColor: '#222',
+    },
+    '.neuroglancer-multiline-autocomplete-hint, .neuroglancer-multiline-autocomplete-input': {
+        fontFamily: 'monospace',
+        color: '#fff',
+        wordWrap: 'break-word',
+    },
+    '.neuroglancer-multiline-autocomplete-input:focus': { outline: '0px' },
+    '.neuroglancer-multiline-autocomplete-input:not(:focus):empty:before': {
+        content: 'attr(data-placeholder)',
+        color: '#aaa',
+    },
+    '.neuroglancer-multiline-autocomplete-hint': { color: '#aaa' },
+    '.neuroglancer-multiline-autocomplete-hint, .neuroglancer-multiline-autocomplete-input, .neuroglancer-multiline-autocomplete-completion': {
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+    },
+    '.neuroglancer-multiline-autocomplete-dropdown': {
+        color: '#fff',
+        backgroundColor: '#181818',
+        position: 'fixed',
+        display: 'block',
+        outline: '0',
+        margin: '0',
+        padding: '0',
+        left: '0px',
+        right: '0px',
+        textAlign: 'left',
+        cursor: 'default',
+        borderStyle: 'solid',
+        borderWidth: '1px',
+        borderColor: '#aaa',
+        overflowY: 'scroll',
+        wordWrap: 'break-word',
+    },
+    '.neuroglancer-multiline-autocomplete-completion:nth-child(even):not(.neuroglancer-multiline-autocomplete-completion-active)': {
+        backgroundColor: '#2b2b2b',
+    },
+    '.neuroglancer-multiline-autocomplete-completion:hover': {
+        outline: '1px solid #ddd',
+    },
+    '.neuroglancer-multiline-autocomplete-completion-active': {
+        backgroundColor: '#666',
+    },
+    '.neuroglancer-multiline-autocomplete-completion-description': {
+        fontStyle: 'italic',
+        color: '#f9f',
+    },
+    '.neuroglancer-tab-view': { display: 'flex', flexDirection: 'column' },
+    '.neuroglancer-tab-view-bar': {
+        display: 'block',
+        backgroundColor: '#333',
+        borderBottom: '1px solid white',
+    },
+    '.neuroglancer-tab-label': {
+        display: 'inline-block',
+        borderTop: '1px solid transparent',
+        borderLeft: '1px solid transparent',
+        borderRight: '1px solid transparent',
+        borderBottom: 'none',
+        marginRight: '4px',
+        paddingTop: '1px',
+        paddingLeft: '2px',
+        paddingRight: '2px',
+        font: '10pt sans-serif',
+        fontWeight: 'bold',
+        cursor: 'pointer',
+    },
+    '.neuroglancer-tab-label:hover': { color: '#daa520' },
+    '.neuroglancer-tab-label.neuroglancer-selected-tab-label': {
+        backgroundColor: '#000',
+        borderTop: '1px solid white',
+        borderLeft: '1px solid white',
+        borderRight: '1px solid white',
+        borderBottom: '1px solid black',
+        paddingBottom: '1px',
+        marginBottom: '-1px',
+    },
+    '.neuroglancer-stack-view': { display: 'contents' },
+    '.neuroglancer-tab-view>.neuroglancer-stack-view>.neuroglancer-tab-content': {
+        flex: 1,
+        flexBasis: '0px',
+        height: '0px',
+        minHeight: '0px',
+        padding: '2px',
+    },
+    '.neuroglancer-tool-key-binding': {
+        display: 'inline-block',
+        color: '#0ff',
+        font: '9pt monospace',
+        whiteSpace: 'pre',
+    },
+    '.neuroglancer-tool-key-binding:hover': { outline: '1px solid #fff' },
+    '.neuroglancer-tool-key-binding:before': { content: '"["' },
+    '.neuroglancer-tool-key-binding:after': { content: '"]"' },
+    '.neuroglancer-tool-key-binding:before, .neuroglancer-tool-key-binding:after': {
+        color: '#999',
+    },
+    '.neuroglancer-tool-button': { display: 'inline-flex', flexDirection: 'row' },
+    '#statusContainer li.neuroglancer-tool-status': { maxHeight: '50vh' },
+    '.neuroglancer-tool-status-bindings': { backgroundColor: '#333' },
+    '.neuroglancer-tool-status-content': {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    '.neuroglancer-tool-status-header-container': {
+        backgroundColor: '#555',
+        width: 'min-content',
+        padding: '3px',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-tool-status-header': { alignSelf: 'center' },
+    '.neuroglancer-tool-status-body': { flex: 1, padding: '2px' },
+    '.neuroglancer-viewer': { outline: '0px' },
+    '.neuroglancer-viewer-top-row': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: '#222',
+        marginBottom: '3px',
+        paddingRight: '2px',
+    },
+    '.neuroglancer-viewer-side-panel': {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'stretch',
+        maxWidth: '80%',
+        color: '#fff',
+    },
+    '.neuroglancer-noselect': {
+        WebkitTouchCallout: 'none',
+        WebkitUserSelect: 'none',
+        KhtmlUserSelect: 'none',
+        MozUserSelect: 'none',
+        msUserSelect: 'none',
+        userSelect: 'none',
+    },
+    '.neuroglancer-select-text': {
+        WebkitTouchCallout: 'default',
+        WebkitUserSelect: 'text',
+        KhtmlUserSelect: 'text',
+        MozUserSelect: 'text',
+        msUserSelect: 'text',
+        userSelect: 'text',
+    },
+    '.neuroglancer-data-panel-layout-controls': {
+        position: 'absolute',
+        top: '2px',
+        right: '2px',
+        display: 'flex',
+        alignItems: 'start',
+    },
+    '.neuroglancer-data-panel-layout-controls>button': {
+        display: 'flex',
+        margin: '2px',
+        border: ['0px', '1px solid white'],
+        backgroundColor: '#00000080',
+        flexDirection: 'row',
+        alignSelf: 'top',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '15px',
+        width: '18px',
+        height: '18px',
+        color: '#fff',
+    },
+    '.neuroglancer-data-panel-layout-controls>button>div': {
+        display: 'inline-block',
+        textAlign: 'center',
+        lineHeight: '12px',
+        width: '15px',
+        height: '15px',
+    },
+    '.neuroglancer-data-panel-layout-controls>button:hover': { color: '#6ff' },
+    'label.perspective-panel-show-slice-views': {
+        pointerEvents: 'none',
+        position: 'absolute',
+        right: '2px',
+        bottom: '2px',
+        fontFamily: 'sans-serif',
+        fontSize: 'small',
+    },
+    'input.perspective-panel-show-slice-views': { pointerEvents: 'all' },
+    '.neuroglancer-rendered-data-panel': {
+        cursor: 'crosshair',
+        position: 'relative',
+        outline: '0',
+        touchAction: 'none',
+        color: '#fff',
+        textAlign: 'left',
+    },
+    '.neuroglancer-display-dimensions-widget': {
+        position: 'absolute',
+        cursor: 'default',
+        top: '2px',
+        left: '2px',
+        backgroundColor: '#0000004d',
+    },
+    '.neuroglancer-display-dimensions-widget-dimension-grid': {
+        display: 'grid',
+        gridTemplateRows: '0fr 0fr 0fr 0fr',
+        gridTemplateColumns: '0fr 0fr 0fr',
+    },
+    '.neuroglancer-display-dimensions-widget input': {
+        outline: '0px',
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+        boxShadow: 'none',
+        margin: '0',
+        border: '0',
+        padding: '2px',
+    },
+    '.neuroglancer-display-dimensions-widget input, .neuroglancer-display-dimensions-widget': {
+        fontFamily: 'monospace',
+        color: '#fff',
+    },
+    '.neuroglancer-display-dimensions-widget-dimension:hover': {
+        outline: '1px solid black',
+    },
+    '.neuroglancer-display-dimensions-widget-name[data-is-valid=false]': {
+        textDecoration: 'solid underline red',
+    },
+    '.neuroglancer-display-dimensions-widget-scale-factor': {
+        textAlign: 'right',
+        alignItems: 'end',
+        display: 'inline-block',
+        whiteSpace: 'nowrap',
+        marginLeft: '2px',
+    },
+    '.neuroglancer-display-dimensions-widget-scale': {
+        display: 'inline-block',
+        whiteSpace: 'nowrap',
+        paddingLeft: '10px',
+        textAlign: 'right',
+        marginLeft: '5px',
+    },
+    '.neuroglancer-display-dimensions-widget-scale:not(:empty):before': {
+        content: '"("',
+    },
+    '.neuroglancer-display-dimensions-widget-scale:not(:empty):after': {
+        content: '")"',
+    },
+    '.neuroglancer-display-dimensions-widget-scale-factor:after': {
+        content: '"\\d7"',
+    },
+    '.neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-display-dimensions-widget-scale-factor, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-display-dimensions-widget-scale, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-display-dimensions-widget-default, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-depth-range-widget-grid, .neuroglancer-display-dimensions-widget:not(:hover):not([data-active="true"]) .neuroglancer-depth-range-relative-checkbox-label': {
+        display: 'none',
+    },
+    '.neuroglancer-display-dimensions-widget-dimension[data-is-modified=true] .neuroglancer-display-dimensions-widget-scale-factor, .neuroglancer-display-dimensions-widget-dimension[data-is-modified=true] .neuroglancer-display-dimensions-widget-scale': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-display-dimensions-widget *:focus': { outline: '0px' },
+    '.neuroglancer-display-dimensions-widget-default': {
+        gridRow: '4',
+        gridColumnStart: '1',
+        gridColumnEnd: '3',
+        display: 'inline-block',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-display-dimensions-widget-default input': {
+        marginRight: '3px',
+    },
+    '.neuroglancer-depth-range-widget-grid': {
+        marginTop: '1em',
+        display: 'grid',
+        gridTemplateColumns: '0fr 0fr 0fr',
+        gridAutoRows: '0fr',
+    },
+    '.neuroglancer-depth-range-widget-dimension-names:not(:empty):before': {
+        content: '"("',
+    },
+    '.neuroglancer-depth-range-widget-dimension-names:not(:empty):after': {
+        content: '")"',
+    },
+    '.neuroglancer-depth-range-widget-dimension-names': {
+        marginLeft: '1ch',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-help-body': {
+        flexBasis: '0px',
+        flex: 1,
+        height: '0px',
+        minHeight: '0px',
+        fontFamily: 'sans-serif',
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-help-scroll-container': {
+        flex: 1,
+        flexBasis: '0px',
+        position: 'relative',
+        overflow: 'auto',
+    },
+    '.neuroglancer-help-scroll-container div+h2': { marginTop: '1em' },
+    '.neuroglancer-help-scroll-container h2': {
+        fontSize: '10pt',
+        padding: '4px',
+        position: 'sticky',
+        top: '0',
+        backgroundColor: '#333',
+        marginTop: '0',
+    },
+    '.neuroglancer-help-scroll-container .dt': {
+        fontFamily: 'monospace',
+        fontWeight: 'bold',
+        color: '#ff0',
+    },
+    '.neuroglancer-help-scroll-container .dd': {
+        fontSize: '10pt',
+        marginLeft: '4ex',
+    },
+    '.neuroglancer-layout-split-drop-zone': {
+        position: 'absolute',
+        zIndex: 1000,
+    },
+    '.neuroglancer-drag-over': { backgroundColor: '#0000ff80' },
+    '.neuroglancer-stack-layout-row>.neuroglancer-stack-layout-drop-placeholder': {
+        paddingLeft: '4px',
+        paddingRight: '4px',
+        width: '1px',
+    },
+    '.neuroglancer-stack-layout-column>.neuroglancer-stack-layout-drop-placeholder': {
+        paddingTop: '4px',
+        paddingBottom: '4px',
+        height: '1px',
+    },
+    '.neuroglancer-stack-layout-drop-placeholder': {
+        backgroundClip: 'content-box',
+        backgroundColor: '#666',
+        zIndex: 1,
+    },
+    '.neuroglancer-stack-layout-drop-placeholder.neuroglancer-drag-over': {
+        backgroundClip: 'border-box',
+        backgroundColor: '#8080ff80',
+    },
+    '.neuroglancer-stack-layout-drop-placeholder:first-child, .neuroglancer-stack-layout-drop-placeholder:last-child': {
+        display: 'none',
+    },
+    '.neuroglancer-panel': { flex: 1 },
+    '.neuroglancer-show-panel-borders .neuroglancer-panel': {
+        borderStyle: 'solid',
+        borderColor: '#000',
+        borderWidth: '2px',
+    },
+    '.neuroglancer-panel:focus-within': { borderColor: '#fff' },
+    '.neuroglancer-layer-group-viewer': { outline: '0px' },
+    '.neuroglancer-layer-group-viewer-context-menu': {
+        flexDirection: 'column',
+        alignItems: 'stretch',
+    },
+    '.neuroglancer-layer-group-viewer-context-menu label': {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    '.neuroglancer-layer-group-viewer-context-menu select:before': {
+        flex: 1,
+        content: '" "',
+    },
+    '.neuroglancer-layer-group-viewer-context-menu select': { marginLeft: '5px' },
+    '.neuroglancer-context-menu': {
+        position: 'absolute',
+        zIndex: 100,
+        border: '1px solid white',
+        backgroundColor: '#000',
+        boxShadow: '5px 5px 2px 1px #00000080',
+        fontFamily: 'sans-serif',
+        fontSize: '11pt',
+        padding: '5px',
+        color: '#fff',
+        outline: '0px',
+    },
+    ':root': {
+        '--layer-number-color': '#9a7518',
+        '--neuroglancer-segment-list-width': 'auto',
+    },
+    '.neuroglancer-layer-panel': {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        alignItems: 'stretch',
+        marginLeft: '-5px',
+        marginTop: '-1px',
+        zIndex: -0.1,
+        overflow: 'hidden',
+    },
+    '.neuroglancer-layer-item': {
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        color: '#fff',
+        cursor: 'pointer',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#ccc',
+        fontFamily: 'sans-serif',
+        fontSize: '10pt',
+        backgroundColor: '#000',
+        padding: '1px',
+    },
+    '.neuroglancer-layer-item, .neuroglancer-layer-add-button': {
+        margin: '1px 1px 1px 5px',
+    },
+    '.neuroglancer-layer-item[data-selected=true]': { borderColor: '#8c8' },
+    '.neuroglancer-layer-item[data-selected=true]:hover': { borderColor: '#3c3' },
+    '.neuroglancer-layer-item:hover': { borderColor: '#daa520' },
+    '.neuroglancer-layer-item[data-pick=true] .neuroglancer-layer-item-label': {
+        backgroundColor: '#939',
+    },
+    '.neuroglancer-layer-item-label': {
+        display: 'inline-block',
+        position: 'relative',
+        backgroundColor: '#222',
+        paddingRight: '3px',
+    },
+    '.neuroglancer-layer-item-number': {
+        display: 'inline-block',
+        backgroundColor: 'var(--layer-number-color)',
+        fontWeight: 'bold',
+        paddingLeft: '1px',
+        paddingRight: '1px',
+    },
+    '.neuroglancer-layer-panel[data-show-hover-values=true] .neuroglancer-layer-item-value': {
+        display: 'inline-block',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        maxWidth: '50ch',
+        marginLeft: '1ch',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipses',
+        textAlign: 'center',
+    },
+    '.neuroglancer-layer-panel[data-show-hover-values=false] .neuroglancer-layer-item-value': {
+        display: 'none',
+    },
+    '.neuroglancer-layer-item[data-visible=false] .neuroglancer-layer-item-label': {
+        textDecoration: 'line-through',
+    },
+    '.neuroglancer-layer-item[data-visible=false]': { color: '#bbb' },
+    '.neuroglancer-layer-panel-drop-zone': { display: 'inline-block', flex: 1 },
+    '.neuroglancer-layer-item-visible-progress, .neuroglancer-layer-item-prefetch-progress': {
+        position: 'absolute',
+        left: '0px',
+        height: '2px',
+        backgroundColor: '#666',
+    },
+    '.neuroglancer-layer-item-visible-progress': { top: '0px' },
+    '.neuroglancer-layer-item-prefetch-progress': { bottom: '0px' },
+    '.neuroglancer-layer-item-value-container': {
+        display: 'grid',
+        gridTemplateColumns: 'min-content',
+        alignItems: 'center',
+    },
+    '.neuroglancer-layer-item-value': {
+        gridRow: '1',
+        gridColumn: '1',
+        visibility: 'visible',
+    },
+    '.neuroglancer-layer-item-button-container': {
+        gridRow: '1',
+        gridColumn: '1',
+        whiteSpace: 'nowrap',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        visibility: 'hidden',
+        justifySelf: 'right',
+    },
+    '.neuroglancer-layer-panel:hover .neuroglancer-layer-item-value': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-layer-panel:hover .neuroglancer-layer-item-button-container': {
+        visibility: 'visible',
+    },
+    '.neuroglancer-position-widget': {
+        display: 'inline-flex',
+        alignItems: 'center',
+    },
+    '.neuroglancer-position-widget input:disabled': { pointerEvents: 'none' },
+    '.neuroglancer-position-widget .neuroglancer-copy-button:first-child': {
+        display: 'none',
+    },
+    '.neuroglancer-position-dimension-coordinate, .neuroglancer-position-dimension-name, .neuroglancer-position-dimension-scale': {
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+        boxShadow: 'none',
+        border: '0',
+        margin: '0',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+    },
+    '.neuroglancer-position-dimension[data-coordinate-array=valid] .neuroglancer-position-dimension-scale': {
+        display: 'none',
+    },
+    '.neuroglancer-position-dimension[data-coordinate-array=invalid] .neuroglancer-position-dimension-scale': {
+        textDecorationLine: 'underline',
+        textDecorationStyle: 'wavy',
+        textDecorationColor: 'red',
+    },
+    '.neuroglancer-position-dimension-coordinate': { color: '#fff' },
+    '.neuroglancer-position-widget input:invalid, .neuroglancer-position-widget input::placeholder, .neuroglancer-position-widget input[data-is-valid=false]': {
+        textDecoration: 'solid underline red',
+    },
+    '.neuroglancer-position-widget *:focus': { outline: '0px' },
+    '.neuroglancer-position-dimension[data-dropdown-visible=true]:after': {
+        content: '""',
+        display: 'block',
+        left: '0px',
+        right: '0px',
+        bottom: '-1px',
+        position: 'absolute',
+        borderBottom: '1px solid black',
+        zIndex: 100,
+        height: '0px',
+    },
+    '.neuroglancer-position-dimension-dropdown, .neuroglancer-position-dimension-coordinate-dropdown': {
+        position: 'absolute',
+        minWidth: 'calc(100% + 2px)',
+        border: '1px solid #aaa',
+        boxSizing: 'border-box',
+        padding: '2px',
+        left: '-1px',
+        zIndex: 100,
+        backgroundColor: '#000',
+    },
+    '.neuroglancer-position-dimension-dropdown': {
+        display: 'grid',
+        gridTemplateAreas: '"labels . graph"',
+        gridTemplateRows: '1fr',
+        gridTemplateColumns: '0fr 3px 0fr',
+    },
+    '.neuroglancer-position-dimension-coordinate-dropdown': {
+        display: 'flex',
+        flexDirection: 'column',
+        overflowY: 'auto',
+    },
+    '.neuroglancer-dimension-dropdown-coordinate-entry': {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    '.neuroglancer-dimension-dropdown-coordinate-entry:hover': {
+        backgroundColor: '#333',
+    },
+    '.neuroglancer-dimension-dropdown-coordinate-label': {
+        width: 'var(--neuroglancer-coordinate-label-width)',
+        color: '#0ff',
+    },
+    '.neuroglancer-position-dimension-dropdown:focus, .neuroglancer-position-dimension-coordinate-dropdown:focus': {
+        outline: '0px',
+    },
+    '.neuroglancer-position-dimension-dropdown-lowerbound, .neuroglancer-position-dimension-dropdown-upperbound, .neuroglancer-position-dimension-dropdown-hoverposition': {
+        gridArea: 'labels',
+        textAlign: 'right',
+    },
+    '.neuroglancer-position-dimension-dropdown canvas': {
+        marginTop: '.5em',
+        marginBottom: '.5em',
+        gridArea: 'graph',
+    },
+    '.neuroglancer-position-dimension:focus-within, .neuroglancer-position-dimension[data-dropdown-visible=true]': {
+        border: '1px solid #aaa',
+        backgroundColor: '#000',
+    },
+    '.neuroglancer-position-dimension': {
+        border: '1px solid transparent',
+        position: 'relative',
+        display: 'inline-block',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-position-dimension-name': {
+        color: '#ff6',
+        paddingLeft: '2px',
+    },
+    '.neuroglancer-position-dimension-scale-container[data-is-empty=false]:before': {
+        content: '"("',
+        color: '#aaa',
+    },
+    '.neuroglancer-position-dimension-scale-container[data-is-empty=false]:after': {
+        content: '")"',
+        color: '#aaa',
+    },
+    '.neuroglancer-position-dimension-scale-container[data-is-empty=false]': {
+        marginRight: '5px',
+    },
+    '.neuroglancer-position-dimension-scale': { color: '#bbb' },
+    '.neuroglancer-position-dimension-scale-container': {
+        marginRight: '2px',
+        marginLeft: '4px',
+    },
+    '.neuroglancer-mouse-position-widget': {
+        marginLeft: '1ch',
+        verticalAlign: 'center',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        color: 'orange',
+        whiteSpace: 'pre',
+    },
+    '.neuroglancer-position-dimension-coordinate-label': {
+        display: 'inline-block',
+        color: '#0ff',
+    },
+    '.neuroglancer-position-dimension-coordinate-label:not(:empty):before': {
+        content: '"["',
+        color: '#aaa',
+    },
+    '.neuroglancer-position-dimension-coordinate-label:not(:empty):after': {
+        content: '"]"',
+        color: '#aaa',
+    },
+    '.neuroglancer-layer-list-panel-items': {
+        display: 'flex',
+        flexDirection: 'column',
+        flex: 1,
+        overflow: 'auto',
+        height: '0px',
+        minHeight: '0px',
+        flexBasis: '0px',
+    },
+    '.neuroglancer-layer-list-panel-item': {
+        display: 'flex',
+        flexDirection: 'row',
+        padding: '2px',
+        border: '1px solid #aaa',
+        margin: '2px',
+    },
+    '.neuroglancer-layer-list-panel-item[data-selected=true]': {
+        borderColor: '#3c3',
+    },
+    '.neuroglancer-layer-list-panel-item[data-archived=true]': {
+        borderColor: '#666',
+    },
+    '.neuroglancer-layer-list-panel-item[data-archived=true] .neuroglancer-layer-side-panel-name, .neuroglancer-layer-list-panel-item[data-archived=true] .neuroglancer-icon svg': {
+        color: '#999',
+        stroke: '#999',
+    },
+    '.neuroglancer-layer-list-panel-item:hover': { backgroundColor: '#333' },
+    '.neuroglancer-layer-list-panel-item-number': {
+        fontFamily: 'sans-serif',
+        backgroundColor: 'var(--layer-number-color)',
+        color: '#fff',
+        fontWeight: 'bold',
+        display: 'inline-block',
+    },
+    '.neuroglancer-layer-list-panel-item:not(:hover)>.neuroglancer-layer-list-panel-item-delete': {
+        display: 'none',
+    },
+    '.neuroglancer-layer-list-panel-item:not(:hover)>.neuroglancer-layer-list-panel-item-controls': {
+        display: 'none',
+    },
+    '[data-neuroglancer-layer-panel-pinned=false] .neuroglancer-side-panel-titlebar.neuroglancer-layer-side-panel-title': {
+        backgroundColor: '#393',
+    },
+    '[data-neuroglancer-layer-visible=false] .neuroglancer-side-panel-titlebar.neuroglancer-layer-side-panel-title input': {
+        textDecoration: 'line-through',
+    },
+    '.neuroglancer-layer-side-panel-name': {
+        flex: 1,
+        backgroundColor: 'transparent',
+        border: '0px',
+        color: '#fff',
+        outline: '0px',
+        width: '0px',
+        minWidth: '0px',
+    },
+    '.neuroglancer-layer-side-panel-tab-view': {
+        flex: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        font: '10pt sans-serif',
+    },
+    '.neuroglancer-layer-side-panel-type-measure': {
+        position: 'absolute',
+        visibility: 'hidden',
+        top: '0px',
+        height: 'auto',
+        width: 'auto',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-layer-side-panel-type, .neuroglancer-layer-side-panel-type-measure': {
+        paddingLeft: '3px',
+        paddingRight: '3px',
+        fontWeight: 'bold',
+        fontFamily: 'sans-serif',
+        fontSize: '10pt',
+        boxSizing: 'border-box',
+    },
+    '.neuroglancer-layer-side-panel-type': {
+        WebkitAppearance: 'none',
+        color: '#fff',
+        cursor: 'pointer',
+        backgroundColor: '#00000080',
+        marginRight: '5px',
+        border: '0px',
+        outline: '0px',
+    },
+    '.neuroglancer-layer-side-panel-type option': { backgroundColor: '#000' },
+    '.neuroglancer-statistics-panel-body': {
+        flex: 1,
+        flexBasis: '0px',
+        minWidth: '0px',
+        display: 'flex',
+        flexDirection: 'column',
+        overflowY: 'auto',
+        font: '10pt sans-serif',
+    },
+    '.neuroglancer-statistics-panel-body>table': {
+        position: 'relative',
+        flex: 1,
+        width: '100%',
+    },
+    '.neuroglancer-statistics-panel-body>table>thead td': {
+        position: 'sticky',
+        top: '0px',
+        zIndex: 2,
+        backgroundColor: '#333',
+        fontWeight: 'bold',
+    },
+    '.neuroglancer-statistics-panel-body>table>tbody tr:hover': {
+        backgroundColor: '#336',
+    },
+    '.neuroglancer-settings-body': {
+        flexBasis: '0px',
+        flex: 1,
+        height: '0px',
+        minHeight: '0px',
+        fontFamily: 'sans-serif',
+        display: 'flex',
+        flexDirection: 'column',
+        fontSize: '10pt',
+    },
+    '.neuroglancer-settings-body input[type=text], .neuroglancer-settings-body input[type=number]': {
+        backgroundColor: '#333',
+        color: '#fff',
+        border: '0px',
+    },
+    '.neuroglancer-settings-scroll-container': {
+        flex: 1,
+        flexBasis: '0px',
+        position: 'relative',
+        overflow: 'auto',
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-settings-scroll-container>*': { marginTop: '3px' },
+    '.neuroglancer-settings-title': { alignSelf: 'stretch' },
+    '.neuroglancer-settings-scroll-container>label': {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    '.neuroglancer-settings-scroll-container>label>input:before': {
+        flex: 1,
+        content: '" "',
+    },
+    '.neuroglancer-settings-scroll-container>label>input': {
+        marginLeft: '5px',
+        width: '11ch',
+    },
+    '.neuroglancer-settings-limit-widget>input': { width: '11ch' },
+    '.neuroglancer-annotation-tool-status': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        overflowX: 'scroll',
+        scrollbarWidth: 'none',
+    },
+    '.neuroglancer-annotation-tool-status::-webkit-scrollbar': {
+        display: 'none',
+    },
+    '.neuroglancer-annotation-tool-status-widget+.neuroglancer-annotation-tool-status-widget': {
+        marginLeft: '3px',
+    },
+    '.neuroglancer-annotation-tool-status-widget:hover': {
+        outline: '1px solid #fff',
+    },
+    '.neuroglancer-annotation-tool-status-widget': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-annotation-tool-status-widget-layer-number': {
+        display: 'inline-block',
+        font: '10pt sans-serif',
+        fontWeight: 'bold',
+        backgroundColor: '#9a7518',
+    },
+    '.neuroglancer-annotation-tool-status-widget-key': {
+        display: 'inline-block',
+        font: '9pt monospace',
+        color: '#0ff',
+    },
+    '.neuroglancer-annotation-tool-status-widget-key:before': { content: '"["' },
+    '.neuroglancer-annotation-tool-status-widget-key:after': { content: '"]"' },
+    '.neuroglancer-annotation-tool-status-widget-key:before, .neuroglancer-annotation-tool-status-widget-key:after': {
+        color: '#999',
+    },
+    '.neuroglancer-annotation-tool-status-widget-description': {
+        display: 'inline-block',
+        color: '#3c3',
+        font: '10pt sans-serif',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-annotation-tool-status-widget-delete': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-annotation-tool-status-widget:hover>.neuroglancer-annotation-tool-status-widget-delete': {
+        visibility: 'inherit',
+    },
+    '.neuroglancer-annotations-tab': {
+        display: 'flex',
+        alignItems: 'stretch',
+        flex: 1,
+        flexDirection: 'column',
+    },
+    '.neuroglancer-annotation-list': {
+        position: 'relative',
+        margin: '2px 0 0',
+        padding: '0',
+        overflowY: 'auto',
+        height: '0px',
+        flex: 1,
+        flexBasis: '0px',
+        minHeight: '0px',
+    },
+    '.neuroglancer-annotation-list-entry': {
+        display: 'grid',
+        gridAutoRows: 'min-content',
+        cursor: 'pointer',
+        justifyContent: 'start',
+    },
+    '.neuroglancer-annotation-position': { display: 'contents' },
+    '.neuroglancer-annotation-layer-view': {
+        display: 'flex',
+        flexDirection: 'column',
+        flex: 1,
+        alignItems: 'stretch',
+    },
+    '.neuroglancer-annotation-list-header': {
+        gridAutoRows: 'min-content',
+        display: 'grid',
+        paddingBottom: '2px',
+        justifyContent: 'start',
+    },
+    '.neuroglancer-annotation-coordinate': {
+        fontFamily: 'monospace',
+        textAlign: 'right',
+    },
+    '.neuroglancer-annotation-icon': {
+        gridColumn: 'symbol',
+        paddingRight: '5px',
+    },
+    '.neuroglancer-annotation-description': {
+        gridColumn: 'dim / -1',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-annotation-list-entry-delete': {
+        gridColumn: 'delete',
+        marginLeft: '1ch',
+        alignSelf: 'start',
+        visibility: 'hidden',
+    },
+    '.neuroglancer-annotation-list-entry:hover>.neuroglancer-annotation-list-entry-delete': {
+        visibility: 'visible',
+    },
+    '.neuroglancer-annotation-hover': { backgroundColor: '#333' },
+    '.neuroglancer-annotation-selected': { backgroundColor: '#939' },
+    '.neuroglancer-annotation-hover.neuroglancer-annotation-selected': {
+        backgroundColor: '#969',
+    },
+    '.neuroglancer-tab-content.neuroglancer-annotation-details': {
+        flex: '0 0 auto',
+        alignSelf: 'stretch',
+        display: 'flex',
+        flexDirection: 'column',
+        WebkitTouchCallout: 'default',
+        WebkitUserSelect: 'text',
+        KhtmlUserSelect: 'text',
+        MozUserSelect: 'text',
+        msUserSelect: 'text',
+        userSelect: 'text',
+    },
+    '.neuroglancer-annotation-details-title': {
+        display: 'flex',
+        flexDirection: 'row',
+        backgroundColor: '#03c',
+        alignSelf: 'stretch',
+        padding: '2px',
+    },
+    '.neuroglancer-voxel-coordinates-link': { cursor: 'pointer' },
+    '.neuroglancer-voxel-coordinates-link:hover': { backgroundColor: '#db4437' },
+    '.neuroglancer-annotation-details-icon': {
+        display: 'inline-block',
+        marginRight: '5px',
+    },
+    '.neuroglancer-annotation-details-title-text': {
+        display: 'inline-block',
+        flex: 1,
+    },
+    'textarea.neuroglancer-annotation-details-description': {
+        alignSelf: 'stretch',
+        backgroundColor: '#222',
+        color: '#fff',
+        font: '10pt sans-serif',
+        border: '0px',
+        outline: '0px',
+        resize: 'none',
+        overflowY: 'scroll',
+    },
+    'div.neuroglancer-annotation-details-description': {
+        alignSelf: 'stretch',
+        color: '#fff',
+        font: '10pt sans-serif',
+    },
+    '.neuroglancer-annotation-toolbox': {
+        display: 'flex',
+        alignItems: 'stretch',
+    },
+    '.neuroglancer-annotation-segment-item': {
+        color: '#000',
+        backgroundColor: '#fff',
+    },
+    '.neuroglancer-annotations-view-dimension': {
+        fontFamily: 'monospace',
+        textAlign: 'right',
+    },
+    '.neuroglancer-annotations-view-dimension-name': { color: '#ff6' },
+    '.neuroglancer-annotations-view-dimension-scale': { color: '#bbb' },
+    '.neuroglancer-annotations-view-dimension-scale:not(:empty):before': {
+        content: '"("',
+        marginLeft: '1ch',
+    },
+    '.neuroglancer-annotations-view-dimension-scale:not(:empty):after': {
+        content: '")"',
+    },
+    '.neuroglancer-annotation-relationship-label, .neuroglancer-annotation-property-label': {
+        marginRight: '5px',
+    },
+    '.neuroglancer-selected-annotation-details-position-grid': {
+        display: 'grid',
+        gridAutoRows: 'auto',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        gridAutoFlow: 'dense',
+    },
+    '.neuroglancer-selected-annotation-details-icon': {
+        gridRows: '1 / -1',
+        gridColumn: 'icon',
+        alignSelf: 'start',
+    },
+    '.neuroglancer-selected-annotation-details-delete': {
+        gridRows: '1 / -1',
+        gridColumn: 'delete',
+        alignSelf: 'start',
+    },
+    '.neuroglancer-selected-annotation-details-position-dim': {
+        color: '#ff6',
+        marginLeft: '1ch',
+    },
+    '.neuroglancer-selected-annotation-details-position-coord': {
+        textAlign: 'right',
+        marginLeft: '.5ch',
+    },
+    '.neuroglancer-related-segment-list-title': {
+        fontFamily: 'sans-serif',
+        fontSize: 'small',
+        backgroundColor: '#333',
+    },
+    '.neuroglancer-related-segment-list-header': {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    '.neuroglancer-annotation-property': {
+        display: 'flex',
+        flexDirection: 'row',
+        fontFamily: 'sans-serif',
+        fontSize: 'small',
+    },
+    '.neuroglancer-annotation-property-label': { color: '#999' },
+    '.neuroglancer-annotation-property-value': {
+        textAlign: 'right',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        flex: 1,
+    },
+    'input.neuroglancer-segment-list-entry-id': {
+        outline: '0px',
+        border: '0px',
+        textAlign: 'left',
+    },
+    '.neuroglancer-segment-list-entry-new>.neuroglancer-segment-list-entry-copy': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-segment-list-entry-new>input[type=checkbox]': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-segment-list-entry-delete': { order: 0 },
+    '.neuroglancer-selection-annotation-status': {
+        fontFamily: 'sans-serif',
+        fontSize: 'small',
+    },
+    '.neuroglancer-channel-dimensions-widget-dim': { display: 'contents' },
+    '.neuroglancer-channel-dimensions-widget': {
+        display: 'grid',
+        gridTemplateColumns: '[name] min-content [lower] min-content [upper] min-content',
+    },
+    '.neuroglancer-channel-dimensions-widget-name-container': {
+        gridColumn: 'name',
+    },
+    '.neuroglancer-channel-dimensions-widget-name[data-is-valid=false], .neuroglancer-channel-dimensions-widget-name::placeholder': {
+        textDecoration: 'solid underline red',
+    },
+    '.neuroglancer-channel-dimensions-widget-name': {
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+        boxShadow: 'none',
+        border: '0',
+        margin: '0',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        color: '#ff6',
+    },
+    '.neuroglancer-channel-dimensions-widget-name, .neuroglancer-channel-dimensions-widget-lower, .neuroglancer-channel-dimensions-widget-upper': {
+        fontFamily: 'monospace',
+    },
+    '.neuroglancer-channel-dimensions-widget-lower': {
+        gridColumn: 'lower',
+        textAlign: 'right',
+    },
+    '.neuroglancer-channel-dimensions-widget-upper': {
+        gridColumn: 'upper',
+        textAlign: 'right',
+    },
+    '.neuroglancer-channel-dimensions-widget-lower, .neuroglancer-channel-dimensions-widget-upper': {
+        textAlign: 'right',
+        marginLeft: '1ch',
+        userSelect: 'text',
+    },
+    '.neuroglancer-channel-dimensions-widget-upper:after': { content: '")"' },
+    '.neuroglancer-channel-dimensions-widget-lower:after': { content: '","' },
+    '.neuroglancer-channel-dimensions-widget-lower:before': { content: '"["' },
+    '.neuroglancer-channel-dimensions-widget-upper:after, .neuroglancer-channel-dimensions-widget-lower:before, .neuroglancer-channel-dimensions-widget-lower:after': {
+        color: '#999',
+    },
+    '.neuroglancer-layer-options-control-container .neuroglancer-layer-control-label-container': {
+        marginRight: 'auto',
+    },
+    '.neuroglancer-layer-control-label-container': { whiteSpace: 'nowrap' },
+    '.neuroglancer-layer-control-label': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-layer-control-label-text-container': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'start',
+    },
+    '.neuroglancer-layer-control-container': {
+        marginTop: '1.5px',
+        marginBottom: '1.5px',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-layer-control-control': {
+        flex: 1,
+        marginLeft: '5px',
+        maxWidth: '500px',
+    },
+    'select.neuroglancer-layer-control-control, input[type=checkbox].neuroglancer-layer-control-control, input[type=color].neuroglancer-layer-control-control': {
+        flex: 'initial',
+    },
+    '.range-slider': {
+        display: 'flex',
+        flexDirection: 'row',
+        whiteSpace: 'nowrap',
+        justifyContent: 'flex-end',
+    },
+    '.range-slider input[type=range]': {
+        background: 'transparent',
+        flexBasis: '0px',
+    },
+    '.range-slider input[type=number]': {
+        backgroundColor: '#ffffff4d',
+        color: '#fff',
+        border: '0px',
+    },
+    '.range-slider input[type=range]::-moz-range-track': {
+        backgroundColor: '#fff',
+    },
+    '.neuroglancer-render-scale-widget': {
+        marginTop: '2px',
+        marginBottom: '2px',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-render-scale-widget-prompt': { whiteSpace: 'nowrap' },
+    '.neuroglancer-render-scale-widget>canvas': {
+        height: '36px',
+        flex: 1,
+        flexBasis: '0px',
+        width: '0px',
+    },
+    '.neuroglancer-render-scale-widget-legend': {
+        width: '10ch',
+        fontSize: '11px',
+        textAlign: 'right',
+    },
+    '.neuroglancer-render-scale-widget-legend>div': { height: '12px' },
+    '.neuroglancer-shader-code-widget.invalid-input': { border: '1px solid red' },
+    '.neuroglancer-shader-code-widget.valid-input': { border: '1px solid green' },
+    '.neuroglancer-shader-code-widget': { border: '1px solid transparent' },
+    '.neuroglancer-invlerp-cdfpanel': { height: '50px', cursor: 'ew-resize' },
+    '.neuroglancer-invlerp-cdfpanel, .neuroglancer-invlerp-legend-panel': {
+        border: '1px solid #666',
+    },
+    '.neuroglancer-invlerp-legend-panel': { height: '15px' },
+    '.neuroglancer-invlerp-widget-bound': {
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+        boxShadow: 'none',
+        border: '0',
+        margin: '0',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+    },
+    '.neuroglancer-invlerp-widget-window-bound': { color: '#0ff' },
+    '.neuroglancer-invlerp-widget-range-bound': { color: '#fff' },
+    '.neuroglancer-invlerp-widget-bounds': { display: 'flex' },
+    '.neuroglancer-invlerp-widget-range-spacer': { flex: 1, textAlign: 'center' },
+    '.neuroglancer-invlerp-widget-window-bounds': {
+        justifyContent: 'space-between',
+    },
+    '.neuroglancer-segmentation-rendering-tab': {
+        display: 'flex',
+        flexDirection: 'column',
+        overflowY: 'auto',
+    },
+    '.neuroglancer-segmentation-rendering-tab .neuroglancer-shader-code-widget': {
+        height: '6em',
+    },
+    '.neuroglancer-segmentation-dropdown-skeleton-shader-header': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-segmentation-layer-skeleton-shader-overlay .neuroglancer-shader-code-widget': {
+        width: '80vw',
+        height: '80vh',
+    },
+    '.neuroglancer-segment-list-entry': {
+        display: 'flex',
+        flexDirection: 'row',
+        width: 'min-content',
+        minWidth: '100%',
+        backgroundColor: '#000',
+        alignItems: 'start',
+    },
+    '.neuroglancer-segment-list-entry.neuroglancer-segment-list-entry-double-line': {
+        display: 'inline-flex',
+        minWidth: 'initial',
+        backgroundColor: 'initial',
+    },
+    '.neuroglancer-segment-list-entry[data-selected=true], .neuroglancer-selection-details-segment[data-selected=true]': {
+        backgroundColor: '#222',
+    },
+    '.neuroglancer-segment-list-entry-copy-container': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-segment-list-entry-id-container': {
+        order: 1,
+        alignSelf: 'center',
+    },
+    '.neuroglancer-segment-list-entry-id, .neuroglancer-selection-details-segment-id': {
+        display: 'block',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        flexShrink: 0,
+        textAlign: 'right',
+        color: '#000',
+        backgroundColor: '#fff',
+        userSelect: 'text',
+        width: 'var(--neuroglancer-segment-list-width)',
+    },
+    '.neuroglancer-segment-list .neuroglancer-segment-list-entry-sticky': {
+        position: 'sticky',
+        left: '0',
+    },
+    '.neuroglancer-segment-list-entry-sticky': {
+        whiteSpace: 'nowrap',
+        flexDirection: 'row',
+        alignItems: 'start',
+        backgroundColor: 'inherit',
+        display: 'flex',
+    },
+    '.neuroglancer-segment-list-entry-extra-property': {
+        paddingLeft: '8px',
+        flexShrink: 0,
+        textAlign: 'right',
+        userSelect: 'text',
+    },
+    '.neuroglancer-selection-details-segment-description, .neuroglancer-selection-details-segment-property': {
+        fontFamily: 'sans-serif',
+        fontSize: 'small',
+    },
+    '.neuroglancer-selection-details-segment-property': {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    '.neuroglancer-selection-details-segment-property-name': {
+        userSelect: 'text',
+        fontStyle: 'italic',
+    },
+    '.neuroglancer-selection-details-segment-property-value': {
+        textAlign: 'right',
+        flex: 1,
+    },
+    '.neuroglancer-segmentation-toolbox': { display: 'inline-block' },
+    '.neuroglancer-segmentation-toolbox .neuroglancer-tool-button+.neuroglancer-tool-button': {
+        marginLeft: '1em',
+    },
+    '.neuroglancer-segment-list': {
+        position: 'relative',
+        overflowY: 'auto',
+        overflowX: 'scroll',
+        flex: 1,
+    },
+    '.neuroglancer-segment-display-tab': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-segment-query-errors': {
+        margin: '0',
+        listStyleType: 'none',
+        padding: '0 0 0 3px',
+        backgroundColor: '#333',
+    },
+    '.neuroglancer-segment-query-errors>li': { display: 'block', color: 'red' },
+    '.neuroglancer-segment-list-entry:not(.neuroglancer-segment-list-entry-double-line) .neuroglancer-segment-list-entry-unmapped-id:empty+.neuroglancer-segment-list-entry-copy': {
+        display: 'none',
+    },
+    '.neuroglancer-segment-list-entry.neuroglancer-segment-list-entry-double-line .neuroglancer-segment-list-entry-unmapped-id:empty+.neuroglancer-segment-list-entry-copy': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-segment-list-entry-name:empty+.neuroglancer-segment-list-entry-filter': {
+        display: 'none',
+    },
+    '.neuroglancer-segment-list-entry-name': {
+        order: 1000,
+        display: 'inline-block',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        userSelect: 'text',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-segment-list-query': {
+        backgroundColor: '#151515',
+        color: '#fff',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+        border: '2px solid #333',
+        padding: '2px',
+        outline: '0px',
+    },
+    '.neuroglancer-segment-list-query::placeholder': { color: '#aaa' },
+    '.neuroglancer-segment-list-status': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: '#333',
+    },
+    '.neuroglancer-segment-list-entry-copy': { order: -2, visibility: 'hidden' },
+    '.neuroglancer-segment-list-entry:hover .neuroglancer-segment-list-entry-copy': {
+        visibility: 'visible',
+    },
+    '.neuroglancer-segment-list-entry-visible-checkbox': { order: -1 },
+    '.neuroglancer-segment-list-entry[data-visible-list] .neuroglancer-segment-list-entry-sticky:before': {
+        order: -1000,
+        content: '" "',
+        display: 'inline-block',
+        width: '2px',
+        flexShrink: 0,
+        marginRight: '-2px',
+        alignSelf: 'stretch',
+        marginBottom: '2px',
+        backgroundColor: '#999',
+    },
+    '.neuroglancer-segment-list-entry-filter': {
+        visibility: 'hidden',
+        gridColumn: 'filter',
+        order: 999,
+    },
+    '.neuroglancer-segment-list-entry:hover .neuroglancer-segment-list-entry-filter': {
+        visibility: 'visible',
+    },
+    '.neuroglancer-segment-query-result-tag-list': {
+        display: 'grid',
+        gridAutoRows: 'auto',
+        gridTemplateColumns: '[include] min-content [exclude] min-content [tag] 1fr [count] min-content',
+    },
+    '.neuroglancer-segment-query-result-tag': { display: 'contents' },
+    '.neuroglancer-segment-query-result-tag:hover *': { backgroundColor: '#222' },
+    '.neuroglancer-segment-query-result-tag-name': {
+        gridColumn: 'tag',
+        whiteSpace: 'nowrap',
+        cursor: 'pointer',
+        fontWeight: 'bold',
+    },
+    '.neuroglancer-segment-query-result-tag-name:before': {
+        content: '"#"',
+        color: '#aaa',
+        fontWeight: 'normal',
+    },
+    '.neuroglancer-segment-query-result-tag-toggle': {
+        display: 'inline-block',
+        whiteSpace: 'nowrap',
+    },
+    '.neuroglancer-segment-query-result-tag-include': { gridColumn: 'include' },
+    '.neuroglancer-segment-query-result-tag-exclude': { gridColumn: 'exclude' },
+    '.neuroglancer-segment-query-result-statistics': {
+        backgroundColor: '#333',
+        maxHeight: '40%',
+        flexShrink: 0,
+        overflow: 'auto',
+    },
+    '.neuroglancer-segment-query-result-statistics:not(:empty)': {
+        paddingTop: '3px',
+    },
+    '.neuroglancer-segment-query-result-statistics:not(:empty)+.neuroglancer-segment-list-status': {
+        borderTop: '1px solid white',
+    },
+    '.neuroglancer-segment-query-result-statistics-separator': {
+        height: '3px',
+        backgroundColor: '#333',
+        borderBottom: '1px solid white',
+    },
+    '.neuroglancer-segment-query-result-tag-count': {
+        gridColumn: 'count',
+        textAlign: 'right',
+    },
+    '.neuroglancer-segment-query-result-tag-count:not(:empty):before': {
+        content: '"("',
+        color: '#aaa',
+    },
+    '.neuroglancer-segment-query-result-tag-count:not(:empty):after': {
+        content: '")"',
+        color: '#aaa',
+    },
+    '.neuroglancer-segment-query-result-numerical-list': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-container': {
+        justifySelf: 'stretch',
+        display: 'flex',
+        flexDirection: 'column',
+        padding: '2px',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot': {
+        display: 'block',
+        height: '30px',
+        cursor: 'ew-resize',
+        justifySelf: 'stretch',
+        border: '1px solid #666',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-bound': {
+        backgroundColor: 'transparent',
+        borderColor: 'transparent',
+        boxShadow: 'none',
+        border: '0',
+        margin: '0',
+        font: '10pt sans-serif',
+        pointerEvents: 'auto',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-window-bound': {
+        color: '#0ff',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-range-bound': {
+        color: '#fff',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-bounds': {
+        display: 'flex',
+        flexDirection: 'row',
+        color: '#aaa',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-bound-constraint-symbol': {
+        alignSelf: 'center',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-bound-constraint-spacer': {
+        flex: 1,
+        color: '#fff',
+        fontWeight: 'bold',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-label': {
+        cursor: 'pointer',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-sort, .neuroglancer-segment-list-header-label-sort': {
+        visibility: 'hidden',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-label:hover .neuroglancer-segment-query-result-numerical-plot-sort, .neuroglancer-segment-list-header-label:hover .neuroglancer-segment-list-header-label-sort': {
+        visibility: 'visible',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-container:hover .neuroglancer-segment-query-result-numerical-plot-bounds-window': {
+        visibility: 'visible',
+    },
+    '.neuroglancer-segment-query-result-numerical-plot-bounds-window': {
+        justifyContent: 'space-between',
+        marginTop: '-16px',
+        visibility: 'hidden',
+        pointerEvents: 'none',
+    },
+    '.neuroglancer-segment-list-entry.neuroglancer-segment-list-header': {
+        backgroundColor: '#666',
+    },
+    '.neuroglancer-segment-list-header .neuroglancer-segment-list-entry-id': {
+        backgroundColor: 'inherit',
+        color: '#fff',
+        textAlign: 'center',
+    },
+    '.neuroglancer-segment-list-header-label': {
+        cursor: 'pointer',
+        font: '10pt sans-serif',
+    },
+    '.neuroglancer-segment-list-header .neuroglancer-segment-list-entry-extra-property': {
+        textAlign: 'center',
+    },
+    '.neuroglancer-merge-segments-status': {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    '.neuroglancer-merge-segments-status .neuroglancer-segment-list-entry': {
+        marginLeft: '1em',
+        marginRight: '1em',
+    },
+    '.neuroglancer-linked-layer-widget-layer': {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    '.neuroglancer-linked-layer-widget-layer:hover': { backgroundColor: '#333' },
+    '.neuroglancer-segmentation-color-seed-control': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+    },
+    '.neuroglancer-segmentation-color-seed-control input': {
+        backgroundColor: '#ffffff4d',
+        color: '#fff',
+        border: '0px',
+    },
+    '.neuroglancer-single-mesh-dropdown .neuroglancer-single-mesh-attribute-widget': {
+        maxHeight: '6em',
+        marginBottom: '8px',
+    },
+    '.neuroglancer-single-mesh-dropdown .neuroglancer-shader-code-widget': {
+        height: '6em',
+        width: '60ch',
+        border: '1px solid transparent',
+    },
+    '.neuroglancer-single-mesh-dropdown-top-row': {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    '.neuroglancer-single-mesh-shader-overlay .neuroglancer-shader-code-widget': {
+        width: '80vw',
+        height: '80vh',
+    },
+    '.neuroglancer-single-mesh-attribute-widget': {
+        wordWrap: 'break-word',
+        overflowY: 'auto',
+        display: 'grid',
+        gridTemplateColumns: '[type] auto [name] auto [range] auto',
+    },
+    '.neuroglancer-single-mesh-layer-shader-overlay .neuroglancer-single-mesh-attribute-widget': {
+        maxHeight: '20vh',
+    },
+    '.neuroglancer-single-mesh-attribute': {
+        fontFamily: 'monospace',
+        display: 'contents',
+    },
+    '.neuroglancer-single-mesh-attribute-type': {
+        color: '#c6c',
+        gridColumn: 'type',
+    },
+    '.neuroglancer-single-mesh-attribute-name': {
+        marginLeft: '1ch',
+        color: '#fff',
+        gridColumn: 'name',
+        userSelect: 'text',
+    },
+    '.neuroglancer-single-mesh-attribute-range': {
+        marginLeft: '1ch',
+        whiteSpace: 'nowrap',
+        color: '#999',
+        gridColumn: 'range',
+    },
+    '.neuroglancer-annotation-rendering-tab': {
+        display: 'flex',
+        flexDirection: 'column',
+        overflowY: 'auto',
+    },
+    '.neuroglancer-annotation-rendering-tab .neuroglancer-shader-code-widget': {
+        flexShrink: 0,
+    },
+    '.neuroglancer-annotation-shader-property-list': {
+        maxHeight: '8em',
+        overflow: 'auto',
+        flexShrink: 0,
+    },
+    '.neuroglancer-annotation-shader-property': {
+        whiteSpace: 'pre',
+        fontFamily: 'monospace',
+        fontSize: 'medium',
+    },
+    '.neuroglancer-annotation-shader-property-type': {
+        color: '#c6c',
+        marginRight: '1ch',
+    },
+    '.neuroglancer-annotation-shader-property-identifier': { userSelect: 'text' },
+    '.neuroglancer-annotation-shader-property-identifier:after': {
+        content: '"()"',
+        color: '#999',
+    },
+};
+export function NeuroglancerGlobalStyles(props) {
+    const { classes, } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(GlobalStyles, { styles: globalNeuroglancerCss }), _jsx(ScopedGlobalStyles, { styles: globalNeuroglancerStyles, parentClassName: classes.neuroglancerWrapper })] }));
+}