{
  "version": 3,
  "sources": ["../../../packages/react-ui-components/src/reset.module.css", "../../../packages/react-ui-components/src/ResourceIcon/style.module.css", "../../../packages/react-ui-components/src/Logo/style.module.css", "../../../packages/react-ui-components/src/Button/style.module.css", "../../../packages/react-ui-components/src/Icon/style.module.css", "../../../packages/neos-ui-error/src/container/ErrorBoundary/style.module.css", "../../../packages/neos-ui-error/src/container/ErrorView/style.module.css", "../../../packages/react-ui-components/src/Badge/style.module.css", "../../../packages/react-ui-components/src/Bar/style.module.css", "../../../packages/react-ui-components/src/ButtonGroup/style.module.css", "../../../packages/react-ui-components/src/CheckBox/style.module.css", "../../../packages/react-ui-components/src/DateInput/style.module.css", "../../../packages/react-ui-components/src/Dialog/style.module.css", "../../../packages/react-ui-components/src/DropDown/style.module.css", "../../../packages/react-ui-components/src/Headline/style.module.css", "../../../packages/react-ui-components/src/IconButton/style.module.css", "../../../packages/react-ui-components/src/IconButtonDropDown/style.module.css", "../../../packages/react-ui-components/src/Label/style.module.css", "../../../packages/react-ui-components/src/SelectBox/style.module.css", "../../../packages/react-ui-components/src/ListPreviewElement/style.module.css", "../../../packages/react-ui-components/src/SelectBox_Header/style.module.css", "../../../packages/react-ui-components/src/SelectBox_HeaderWithSearchInput/style.module.css", "../../../packages/react-ui-components/src/TextInput/style.module.css", "../../../packages/react-ui-components/src/SideBar/style.module.css", "../../../packages/react-ui-components/src/Tabs/style.module.css", "../../../packages/react-ui-components/src/TextArea/style.module.css", "../../../packages/react-ui-components/src/ToggablePanel/style.module.css", "../../../packages/react-ui-components/src/Tooltip/style.module.css", "../../../packages/react-ui-components/src/Tree/tree.module.css", "../../../packages/react-ui-components/src/Tree/node.module.css", "../../../packages/react-ui-components/src/Tree/dragLayer.module.css", "../../../packages/react-ui-components/src/MultiSelectBox/style.module.css", "../../../packages/react-ui-components/src/MultiSelectBox_ListPreviewSortable_DraggableListPreviewElement/style.module.css", "../../../packages/react-ui-components/src/SelectBox_Option_MultiLineWithThumbnail/style.module.css", "../../../packages/neos-ui-error/src/container/FlashMessages/style.module.css", "../../../packages/neos-ui/src/Containers/style.module.css", "../../../node_modules/@fortawesome/fontawesome-svg-core/styles.css", "../../../packages/neos-ui-editors/src/EditorEnvelope/style.module.css", "../../../packages/neos-ui-editors/src/Editors/Boolean/style.module.css", "../../../packages/neos-ui-editors/src/Library/style.module.css", "../../../packages/neos-ui-editors/src/Editors/Image/Components/PreviewScreen/style.module.css", "../../../packages/neos-ui-editors/src/Editors/Image/Components/Controls/style.module.css", "../../../packages/neos-ui-editors/src/Editors/Image/Components/ResizeControls/style.module.css", "../../../packages/neos-ui-editors/src/Editors/Image/style.module.css", "../../../packages/neos-ui-editors/src/Library/LinkInput.module.css", "../../../packages/neos-ui-editors/src/Editors/Range/style.module.css", "../../../packages/neos-ui-editors/src/Editors/NodeType/style.module.css", "../../../packages/neos-ui-editors/src/Editors/CodeMirror/style.module.css", "../../../packages/neos-ui-editors/src/Editors/AssetEditor/Components/Controls/style.module.css", "../../../packages/neos-ui-editors/src/Editors/UriPathSegment/style.module.css", "../../../packages/neos-ui-editors/src/SecondaryEditors/ImageCropper/AspectRatioDropDown/style.module.css", "../../../packages/neos-ui-editors/src/SecondaryEditors/ImageCropper/style.module.css", "../../../packages/neos-ui-editors/src/SecondaryEditors/ImageCropper/react_crop.vanilla-css", "../../../packages/neos-ui-editors/src/SecondaryEditors/MediaDetailsScreen/style.module.css", "../../../packages/neos-ui-editors/src/SecondaryEditors/MediaSelectionScreen/style.module.css", "../../../packages/neos-ui-editors/src/SecondaryEditors/CodeMirrorWrap/codemirror.vanilla-css", "../../../packages/neos-ui-editors/src/SecondaryEditors/CodeMirrorWrap/codemirror-twilight.vanilla-css", "../../../packages/neos-ui-ckeditor5-bindings/src/cke-overwrites.vanilla-css", "../../../packages/neos-ui-ckeditor5-bindings/src/placeholder.vanilla-css", "../../../packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/index.module.css", "../../../packages/neos-ui-editors/src/SecondaryEditors/CKEditorWrap/index.module.css", "../../../packages/neos-ui-views/src/Widget/style.module.css", "../../../packages/neos-ui-views/src/Data/DataLoader/style.module.css", "../../../packages/neos-ui-guest-frame/src/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/DeleteNode/style.module.css", "../../../packages/neos-ui-containers/src/InsertModeSelector/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/InsertMode/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/SelectNodeType/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/NodeCreationDialog/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/NodeVariantCreationDialog/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/PublishingDialog/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/ReloginDialog/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/KeyboardShortcutModal/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/UnappliedChangesDialog/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/WorkspaceSync/style.module.css", "../../../packages/neos-ui/src/Containers/Modals/SyncWorkspaceDialog/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/DimensionSwitcher/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/PublishDropDown/AbstractButton/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/PublishDropDown/WorkspaceSelector/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/PublishDropDown/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/MenuToggler/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/Brand/style.module.css", "../../../packages/neos-ui/src/Containers/PrimaryToolbar/EditPreviewDropDown/style.module.css", "../../../packages/neos-ui/src/Containers/SecondaryToolbar/style.module.css", "../../../packages/neos-ui/src/Containers/SecondaryToolbar/LoadingIndicator/style.module.css", "../../../packages/neos-ui/src/Containers/SecondaryToolbar/PreviewButton/style.module.css", "../../../packages/neos-ui/src/Containers/SecondaryToolbar/FullScreenButton/style.module.css", "../../../packages/neos-ui/src/Containers/Drawer/style.module.css", "../../../packages/neos-ui/src/Containers/Drawer/UserDropDown/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTreeToolBar/Buttons/RefreshPageTree/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTreeToolBar/Buttons/ToggleContentTree/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTreeToolBar/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTree/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTreeSearchBar/NodeTreeSearchInput/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTreeSearchBar/NodeTreeFilter/style.module.css", "../../../packages/neos-ui/src/Containers/LeftSideBar/NodeTreeSearchBar/style.module.css", "../../../packages/neos-ui/src/Containers/ContentCanvas/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/style.module.css", "../../../packages/neos-ui-inspector/src/SecondaryInspector/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/Inspector/SelectedElement/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/Inspector/InspectorEditorEnvelope/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/Inspector/InspectorViewEnvelope/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/Inspector/PropertyGroup/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/Inspector/TabPanel/style.module.css", "../../../packages/neos-ui/src/Containers/RightSideBar/Inspector/style.module.css", "../../../packages/neos-ui-views/src/NodeInfoView/style.module.css", "../../../packages/neos-ui-views/src/Data/ColumnView/style.module.css", "../../../packages/neos-ui-views/src/Data/ColumnView/hero.module.css", "../../../packages/neos-ui-views/src/Data/ColumnView/column.module.css", "../../../packages/neos-ui-views/src/Data/TableView/style.module.css", "../../../packages/neos-ui-guest-frame/src/InlineUI/NodeToolbar/style.module.css", "../../../packages/neos-ui-guest-frame/src/InlineUI/style.module.css", "../../../packages/neos-ui-guest-frame/src/InlineUI/InlineValidationErrors/style.module.css", "../../../packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/LinkButton.module.css", "../../../packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/TableButton.module.css", "../../../packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/TableStyles.vanilla-css", "../../../packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/TableDropDown.module.css"],
  "sourcesContent": [".reset {\n    /*\n     * note for the future you:\n     * in case we sometime have problems with the specificity - we can always use :where(.reset) {} to force a low specificity\n     */\n    font-family: 'Noto Sans', sans-serif;\n    font-weight: normal;\n    color: #FFF;\n    margin: 0;\n    padding: 0;\n\n    &,\n    &:before,\n    &:after {\n        box-sizing: border-box;\n    }\n\n    /* some browsers set a font-size or margin in their user stylesheets */\n    & input,\n    & textarea,\n    & select,\n    & button {\n        font-size: var(--fontSize-Base);\n        margin: 0;\n    }\n    & ul {\n        padding: 0;\n    }\n    /* webkit adds some weird spacing otherwise */\n    & li {\n        display: block;\n    }\n    & input::-webkit-search-cancel-button {\n        display: none;\n    }\n    /* webkit adds white box around search box */\n    & input {\n        appearance: none;\n    }\n}\n", ".resource-icon {\n    composes: reset from '../reset.module.css';\n    font: normal normal normal FontAwesome;\n    font-size: 14px/1;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n\n    display: inline-flex;\n    width: 100%;\n    justify-content: center;\n}\n\n.resource-icon > svg {\n    fill: none;\n}\n", ".logo > svg {\n    height: 24px;\n}\n", ".btn {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: inline-block;\n    height: var(--spacing-GoldenUnit);\n    min-width: var(--spacing-GoldenUnit);\n    padding: 0 var(--spacing-Full);\n    border: 0;\n    -webkit-font-smoothing: antialiased;\n    vertical-align: middle;\n    width: auto;\n    color: var(--colors-ContrastBrightest);\n    cursor: pointer;\n    background-color: var(--colors-ContrastNeutral);\n    font-size: var(--fontSize-Base);\n\n    &:focus {\n        outline: 1px solid var(--colors-PrimaryBlue);\n    }\n\n    &[disabled] {\n        opacity: .5;\n        cursor: not-allowed;\n\n        &:hover,\n        &.btn--isPressed,\n        &:hover i,\n        & i {\n            color: var(--colors-ContrastBrightest);\n        }\n    }\n}\n.btn--size-small {\n    height: 32px;\n    font-size: 13px;\n    padding: 0 8px;\n}\n\n.btn--clean {\n    background-color: var(--colors-ContrastDarker);\n}\n.btn--lighter,\n.btn--lighter i {\n    background-color: var(--colors-ContrastDark);\n}\n.btn--neutral,\n.btn--neutral i {\n    background-color: var(--colors-ContrastNeutral);\n}\n.btn--transparent {\n    background: 0;\n}\n.btn--brand,\n.btn--brand i {\n    background-color: var(--colors-PrimaryBlue);\n    color: white !important;\n}\n.btn--success,\n.btn--success i {\n    background-color: var(--colors-Success);\n    color: white !important;\n}\n.btn--warn,\n.btn--warn i {\n    background-color: var(--colors-Warn);\n}\n.btn--error,\n.btn--error i {\n    background-color: var(--colors-Error);\n    color: white !important;\n}\n\n.btn--brandActive {\n    background-color: var(--colors-PrimaryBlue);\n\n    & svg {\n        color: var(--colors-ContrastBrightest);\n    }\n}\n\n.btn--brandHover:hover:enabled,\n.btn--brandHover:hover:enabled i,\n.btn--brandHover.btn--isPressed,\n.btn--brandHover.btn--isPressed i {\n    background-color: var(--colors-PrimaryBlue);\n}\n.btn--cleanHover.btn--isPressed,\n.btn--cleanHover.btn--isPressed i,\n.btn--cleanHover:hover:enabled,\n.btn--cleanHover:hover:enabled i {\n    color: var(--colors-PrimaryBlue);\n\n    & svg {\n        color: var(--colors-PrimaryBlue);\n    }\n}\n.btn--darkenHover.btn--isPressed,\n.btn--darkenHover.btn--isPressed i,\n.btn--darkenHover:hover:enabled,\n.btn--darkenHover:hover:enabled i {\n    background-color: rgba(0, 0, 0, .1);\n}\n.btn--successHover.btn--isPressed,\n.btn--successHover.btn--isPressed i,\n.btn--successHover:hover:enabled,\n.btn--successHover:hover:enabled i {\n    background-color: var(--colors-SuccessHover);\n}\n.btn--warnHover.btn--isPressed,\n.btn--warnHover.btn--isPressed i,\n.btn--warnHover:hover:enabled,\n.btn--warnHover:hover:enabled i {\n    background-color: var(--colors-WarnHover);\n}\n.btn--errorHover:hover:enabled,\n.btn--errorHover:hover:enabled i,\n.btn--errorHover.btn--isPressed,\n.btn--errorHover.btn--isPressed i {\n    background-color: var(--colors-ErrorHover);\n}\n", ".icon {\n    composes: reset from '../reset.module.css';\n    display: inline-block;\n    font: normal normal normal FontAwesome;\n    font-size: 14px/1;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.icon--paddedLeft {\n    margin-left: .75em;\n}\n.icon--paddedRight {\n    margin-right: .75em;\n}\n\n.icon--color-warn {\n    color: var(--colors-Warn);\n}\n\n.icon--color-error {\n    color: var(--colors-Error);\n}\n\n.icon--color-primaryBlue {\n    color: var(--colors-PrimaryBlue);\n}\n\n.icon--huge {\n    & svg {\n        height: 3em;\n    }\n}\n\n.icon--large {\n    & svg {\n        height: 2em;\n    }\n}\n\n.icon--big {\n    & svg {\n        height: 1.33em;\n    }\n}\n\n.icon--small {\n    & svg {\n        height: 1em;\n        max-height: 1em;\n        max-width: 100%;\n    }\n}\n\n.icon--tiny {\n    & svg {\n        height: .75em;\n    }\n}\n\n.icon--resource {\n    display: inline-grid;\n    width: 100%;\n    justify-content: center;\n}\n", ".container {\n    width: 100%;\n    min-height: 100vh;\n    background-color: #222;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.container > * {\n    flex: 0 1 800px;\n    margin: var(--spacing-Full);\n    overflow: auto;\n}\n\n.title {\n    line-height: 1;\n}\n.stackTrace {\n    overflow-x: auto;\n    border-top: 1px solid var(--colors-PrimaryBlue);\n    border-bottom: 1px solid var(--colors-PrimaryBlue);\n    padding: var(--spacing-Half) 0;\n}\n\n.buttonGroup {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-Half) var(--spacing-Full);\n}\n\n.logo > svg {\n    height: 40px;\n}\n", "/*\n * This file is part of the Neos.Neos.Ui package.\n *\n * (c) Contributors of the Neos Project - www.neos.io\n *\n * This package is Open Source Software. For the full copyright and license\n * information, please view the LICENSE file which was distributed with this\n * source code.\n */\n.container {\n    background-color: var(--colors-Error);\n    padding: var(--spacing-Full);\n}\n\n.details {\n    margin-top: var(--spacing-Half);\n}\n.details summary {\n    cursor: pointer;\n}\n.details dl {\n    margin: var(--spacing-Quarter) 0 0;\n    display: grid;\n    grid-template-columns: min-content 1fr;\n    padding: var(--spacing-Quarter);\n    background-color: var(--colors-ContrastDarkest);\n}\n.details dd {\n    margin: 0;\n    padding: 0 var(--spacing-Half) 0 0;\n}\n\n.trace {\n    max-height: 200px;\n    grid-column: span 2;\n    overflow: scroll;\n}\n.trace pre {\n    margin: 0;\n}\n", ".badge {\n    composes: reset from '../reset.module.css';\n    display: inline-block;\n    padding: 2px 4px;\n    font-size: 12px;\n    line-height: 14px;\n    font-weight: bold;\n    color: var(--colors-Warn);\n    white-space: nowrap;\n    background-color: white;\n    border-radius: 3px;\n}\n", ".bar {\n    composes: reset from '../reset.module.css';\n    position: fixed;\n    left: 0;\n    z-index: var(--zIndex-CheckboxInput-Context);\n    width: 100%;\n    background-color: var(--colors-ContrastDarker);\n    height: 41px;\n    border-bottom: 1px solid var(--colors-ContrastDark);\n}\n.bar--top {\n    top: 0;\n}\n.bar--bottom {\n    bottom: 0;\n}\n", ".buttonGroup {\n    display: block;\n}\n", ".checkbox {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: block;\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n    vertical-align: middle;\n}\n.checkbox__input {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 50%;\n    left: 0;\n    z-index: var(--zIndex-CheckboxInput-Context);\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    opacity: 0;\n    cursor: pointer;\n}\n.checkbox__icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    opacity: 0;\n}\n.checkbox__inputMirror {\n    composes: reset from '../reset.module.css';\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    border-radius: 2px;\n    vertical-align: top;\n    background: var(--colors-ContrastDark);\n    font-size: 20px;\n    font-weight: bold;\n}\n.checkbox__inputMirror--active {\n    background: var(--colors-PrimaryBlue);\n}\n.checkbox__checked {\n    .checkbox__icon {\n        opacity: 1;\n    }\n}\n.checkbox__disabled {\n    opacity: .65;\n    cursor: not-allowed;\n\n    .checkbox__input {\n        cursor: not-allowed;\n    }\n}\n", ".calendarInputWrapper {\n    display: table;\n    width: 100%;\n}\n.calendarInputWrapper--highlight {\n    outline: 2px solid var(--colors-Success);\n}\n.calendarInputWrapper--invalid {\n    outline: 2px solid var(--colors-Error) !important;\n    color: var(--colors-Error) !important;\n}\n.closeCalendarIconBtn,\n.calendarIconBtn {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: table-cell;\n    vertical-align: top;\n    padding: 10px;\n    height: 40px;\n    min-width: 41px;\n    border: none;\n    background: var(--colors-ContrastNeutral);\n    text-align: center;\n    font-size: 14px;\n    cursor: pointer;\n}\n.calendarIconBtn {\n    border-top-left-radius: 2px;\n    border-bottom-left-radius: 2px;\n}\n.closeCalendarIconBtn {\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n}\n.closeCalendarIconBtn:hover,\n.calendarIconBtn:hover {\n    background: var(--colors-PrimaryBlue);\n}\n.closeCalendarIconBtn {\n    border-left: 1px solid var(--colors-ContrastDarker);\n}\n.calendarIconBtn {\n    border-right: 1px solid var(--colors-ContrastDarker);\n}\n\n.calendarFakeInputWrapper {\n    composes: reset from '../reset.module.css';\n    display: table-cell;\n    position: relative;\n    width: 100%;\n}\n.calendarFakeInputMirror {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: var(--zIndex-CalendarFakeInputMirror-Context);\n    cursor: pointer;\n}\n.calendarFakeInput {\n    composes: reset from '../reset.module.css';\n    display: inline-block;\n    vertical-align: top;\n    width: 100%;\n    height: 40px;\n    border: 2px solid var(--colors-ContrastNeutral);\n    background: var(--colors-ContrastNeutral);\n    font-size: 14px;\n    padding: 0 14px;\n    margin: 0;\n    box-shadow: none;\n    transition: none;\n\n    &:focus {\n        outline: 0;\n    }\n}\n.selectTodayBtn {\n    width: calc(100% - 2px);\n    height: 40px;\n    line-height: 40px;\n    text-align: center;\n    border: 1px solid var(--colors-ContrastNeutral);\n    border-top: 0;\n    font-size: var(--fontSize-Base);\n    cursor: pointer;\n    background: var(--colors-ContrastDarkest);\n    color: var(--colors-ContrastBrightest);\n\n    &:hover {\n        background: var(--colors-PrimaryBlue) !important;\n    }\n}\n.applyBtn {\n    width: calc(100% - 2px);\n    height: 40px;\n    line-height: 40px;\n    text-align: center;\n    border: 1px solid var(--colors-ContrastNeutral);\n    border-top: 0;\n    font-size: var(--fontSize-Base);\n}\n.wrapper {\n    composes: reset from '../reset.module.css';\n\n    & input[type='text'] {\n        display: none;\n    }\n\n    /**\n     * Styles from the react-datetime package.\n     * Since we cannot import other packages css in css modules and\n     * putting them in a \"global\" scope at the same time, we had to\n     * copy the css directly.\n     *\n     * @todo: revisit if we can solve this in a better way.\n     */\n    /*!\n    * https://github.com/arqex/react-datetime\n    */\n\n    :global(.rdt) {\n        position: relative;\n    }\n    :global(.rdtPicker) {\n        display: none;\n        /*position: absolute;*/\n        width: 250px;\n        padding: 4px;\n        margin-top: 1px;\n        z-index: var(--zIndex-RdtPicker-Context);\n        background: #fff;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);\n        border: 1px solid var(--colors-ContrastNeutral);\n    }\n    :global(.rdtOpen .rdtPicker) {\n        display: block;\n    }\n    :global(.rdtStatic .rdtPicker) {\n        box-shadow: none;\n        position: static;\n    }\n\n    :global(.rdtPicker .rdtTimeToggle) {\n        text-align: center;\n    }\n\n    :global(.rdtPicker table) {\n        width: 100%;\n        margin: 0;\n    }\n    :global(.rdtPicker td),\n    :global(.rdtPicker th) {\n        text-align: center;\n        height: 28px;\n    }\n    :global(.rdtPicker td) {\n        cursor: pointer;\n    }\n    :global(.rdtPicker td.rdtToday:hover),\n    :global(.rdtPicker td.rdtHour:hover),\n    :global(.rdtPicker td.rdtMinute:hover),\n    :global(.rdtPicker td.rdtSecond:hover),\n    :global(.rdtPicker .rdtTimeToggle:hover) {\n        background: #eeeeee;\n        cursor: pointer;\n    }\n    :global(.rdtPicker td.rdtOld),\n    :global(.rdtPicker td.rdtNew) {\n        color: #999999;\n    }\n    :global(.rdtPicker td.rdtToday) {\n        position: relative;\n    }\n    :global(.rdtPicker td.rdtToday:before) {\n        content: '';\n        display: inline-block;\n        border-left: 7px solid transparent;\n        border-bottom: 7px solid #428bca;\n        border-top-color: rgba(0, 0, 0, .2);\n        position: absolute;\n        bottom: 4px;\n        right: 4px;\n    }\n    :global(.rdtPicker td.rdtActive),\n    :global(.rdtPicker td.rdtActive:hover) {\n        background-color: #428bca;\n        color: #fff;\n        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);\n    }\n    :global(.rdtPicker td.rdtActive.rdtToday:before) {\n        border-bottom-color: #fff;\n    }\n    :global(.rdtPicker td.rdtDisabled),\n    :global(.rdtPicker td.rdtDisabled:hover) {\n        background: none;\n        color: #999999;\n        cursor: not-allowed;\n    }\n\n    :global(.rdtPicker td span.rdtOld) {\n        color: #999999;\n    }\n    :global(.rdtPicker td span.rdtDisabled),\n    :global(.rdtPicker td span.rdtDisabled:hover) {\n        background: none;\n        color: #999999;\n        cursor: not-allowed;\n    }\n    :global(.rdtPicker th) {\n        border-bottom: 1px solid var(--colors-ContrastNeutral);\n    }\n    :global(.rdtPicker .dow) {\n        width: 14.2857%;\n        border-bottom: none;\n    }\n    :global(.rdtPicker th.rdtSwitch) {\n        width: 100px;\n    }\n    :global(.rdtPicker th.rdtNext),\n    :global(.rdtPicker th.rdtPrev) {\n        font-size: 21px;\n        vertical-align: top;\n    }\n\n    :global(.rdtPrev span),\n    :global(.rdtNext span) {\n        display: block;\n        -webkit-touch-callout: none;\n        user-select: none;\n    }\n\n    :global(.rdtPicker th.rdtDisabled),\n    :global(.rdtPicker th.rdtDisabled:hover) {\n        background: none;\n        color: #999999;\n        cursor: not-allowed;\n    }\n    :global(.rdtPicker thead tr:first-child th) {\n        cursor: pointer;\n    }\n    :global(.rdtPicker thead tr:first-child th:hover) {\n        background: #eeeeee;\n    }\n\n    :global(.rdtPicker tfoot) {\n        border-top: 1px solid var(--colors-ContrastNeutral);\n    }\n\n    :global(.rdtPicker button) {\n        border: none;\n        background: none;\n        cursor: pointer;\n    }\n    :global(.rdtPicker button:hover) {\n        background-color: #eee;\n    }\n\n    :global(.rdtPicker thead button) {\n        width: 100%;\n        height: 100%;\n    }\n\n    :global(td.rdtMonth),\n    :global(td.rdtYear) {\n        height: 50px;\n        width: 25%;\n        cursor: pointer;\n    }\n    :global(td.rdtMonth:hover),\n    :global(td.rdtYear:hover) {\n        background: var(--colors-PrimaryBlue);\n    }\n\n    :global(.rdtCounters) {\n        display: inline-block;\n    }\n\n    :global(.rdtCounters > div) {\n        float: left;\n    }\n\n    :global(.rdtCounter) {\n        height: 100px;\n    }\n\n    :global(.rdtCounter) {\n        width: 40px;\n    }\n\n    :global(.rdtCounterSeparator) {\n        line-height: 100px;\n    }\n\n    :global(.rdtCounter .rdtBtn) {\n        height: 40%;\n        line-height: 40px;\n        cursor: pointer;\n        display: block;\n\n        -webkit-touch-callout: none;\n        user-select: none;\n    }\n    :global(.rdtCounter .rdtBtn:hover) {\n        color: var(--colors-PrimaryBlue);\n    }\n    :global(.rdtCounter .rdtCount) {\n        height: 20%;\n        font-size: 1.2em;\n    }\n\n    :global(.rdtMilli) {\n        vertical-align: middle;\n        padding-left: 8px;\n        width: 48px;\n    }\n\n    :global(.rdtMilli input) {\n        width: 100%;\n        font-size: 1.2em;\n        margin-top: 37px;\n    }\n\n    :global(.rdtDayPart) {\n        margin-top: 43px;\n    }\n\n    /**\n     * Overwrites for the calendar\n     */\n    :global(.rdtPicker) {\n        position: relative;\n        width: calc(100% - 4px);\n        background: var(--colors-ContrastDarkest);\n        padding: 0;\n        border: 1px solid var(--colors-ContrastNeutral);\n        border-top: 0;\n        margin: 0;\n        box-shadow: none;\n\n        & table {\n            border-collapse: collapse;\n        }\n\n        & th {\n            width: 37px;\n            height: 40px;\n            line-height: 40px;\n            font-weight: normal;\n            font-size: var(--fontSize-Base);\n            border: 0;\n            border-left: 1px solid var(--colors-ContrastNeutral);\n            border-right: 1px solid var(--colors-ContrastNeutral);\n            border-bottom: 1px solid var(--colors-ContrastNeutral);\n\n            &:global(.rdtPrev:hover),\n            &:global(.rdtNext:hover),\n            &:global(.rdtSwitch:hover) {\n                background: var(--colors-PrimaryBlue) !important;\n            }\n\n            &:global(.dow) {\n                width: 40px;\n                background: var(--colors-ContrastNeutral);\n                text-align: center;\n            }\n        }\n    }\n\n    :global(td.rdtDay),\n    :global(td.rdtMonth),\n    :global(td.rdtTimeToggle) {\n        width: 40px;\n        height: 40px;\n        line-height: 40px;\n        border: 1px solid var(--colors-ContrastNeutral);\n    }\n    :global(td.rdtDay:hover),\n    :global(td.rdtMonth:hover),\n    :global(td.rdtTimeToggle:hover) {\n        background: var(--colors-PrimaryBlue) !important;\n    }\n\n    :global(td.rdtDay.rdtOld),\n    :global(td.rdtDay.rdtNew) {\n        color: #5b5b5b;\n    }\n\n    :global(td.rdtToday:before) {\n        border-bottom-color: var(--colors-PrimaryBlue) !important;\n    }\n    :global(td.rdtActive) {\n        background: var(--colors-PrimaryBlue) !important;\n        color: var(--colors-ContrastBrightest);\n\n        &:before {\n            display: none !important;\n        }\n    }\n}\n.disabled {\n    opacity: .5;\n}\n.disabled-cursor {\n    cursor: not-allowed;\n}\n", "@keyframes slideDialogContents {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) scale(.9);\n    }\n}\n\n.dialog {\n    composes: reset from '../reset.module.css';\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: var(--zIndex-Dialog);\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, .8);\n}\n.dialog__contentsPosition {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 20vh;\n    left: 50%;\n    transform: translateX(-50%) scale(1);\n    background: var(--colors-ContrastDarker);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, .4);\n    border-radius: 0;\n    outline: none;\n    opacity: 1;\n    animation: slideDialogContents .3s ease-in-out;\n}\n.dialog__contents {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    width: calc(100vw - var(--spacing-GoldenUnit) * 2);\n    max-width: calc(var(--spacing-GoldenUnit) * 16);\n    border: 2px solid var(--colors-ContrastDark);\n    transition: var(--transition-Default) ease max-width;\n\n    .dialog--wide & {\n        max-width: calc(var(--spacing-GoldenUnit) * 24);\n\n        @media(max-width: 576px) {\n            max-width: 100vw;\n            width: 100vw;\n        }\n    }\n\n    .dialog--jumbo & {\n        max-width: calc(var(--spacing-GoldenUnit) * 36);\n        width: 90vw;\n\n        @media(max-width: 576px) {\n            max-width: 100vw;\n            width: 100vw;\n        }\n    }\n\n    .dialog--narrow & {\n        max-width: 400px;\n    }\n\n    .dialog--success & {\n        border-color: var(--colors-Success);\n    }\n    .dialog--warn & {\n        border-color: var(--colors-Warn);\n    }\n    .dialog--error & {\n        border-color: var(--colors-Error);\n    }\n}\n.dialog__title {\n    composes: reset from '../reset.module.css';\n    font-size: 20px;\n    line-height: 1.2;\n    padding: var(--spacing-Full);\n    padding-right: var(--spacing-GoldenUnit);\n}\n.dialog__body {\n    max-height: calc(65vh);\n    overflow-y: auto;\n\n    @media(max-width: 576px) {\n        max-height: calc(55vh);\n    }\n}\n.dialog__actions {\n    composes: reset from '../reset.module.css';\n    text-align: right;\n    margin-top: var(--spacing-Full);\n}\n.dialog__closeBtn {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: var(--colors-ContrastDark);\n}\n.dialog__backDrop {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    height: 100%;\n    width: 100%;\n}\n\n.dialog--effect__shake {\n    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n    perspective: 1000px;\n}\n@keyframes shake {\n\n    10%,\n    90% {\n        transform: translate3d(-1px, 0, 0);\n    }\n\n    20%,\n    80% {\n        transform: translate3d(2px, 0, 0);\n    }\n\n    30%,\n    50%,\n    70% {\n        transform: translate3d(-4px, 0, 0);\n    }\n\n    40%,\n    60% {\n        transform: translate3d(4px, 0, 0);\n    }\n}\n", ".dropDown {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: inline-block;\n    width: 100%;\n}\n.dropDown__btn {\n    composes: reset from '../reset.module.css';\n    display: block;\n    width: 100%;\n    height: var(--spacing-GoldenUnit);\n    text-align: left;\n    color: white;\n    cursor: pointer;\n    font-size: var(--fontSize-Base);\n    padding: 0 var(--spacing-Full);\n    border: 0;\n    border-radius: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: var(--spacing-GoldenUnit);\n    background: var(--colors-ContrastNeutral);\n\n    &:focus {\n        outline: 1px solid var(--colors-PrimaryBlue);\n    }\n\n    & svg {\n        pointer-events: none;\n    }\n}\n.dropDown__btn--withChevron {\n    padding-right: var(--spacing-GoldenUnit);\n}\n.dropDown__btnLabel {\n    composes: reset from '../reset.module.css';\n    margin-right: .5em;\n}\n.dropDown__chevron {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n}\n.dropDown__contents {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: var(--zIndex-SecondaryInspectorElevated-DropDownContents);\n    display: none;\n    width: 100%;\n    margin: 0;\n    list-style: none;\n    background: var(--colors-ContrastNeutral);\n    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);\n}\n.dropDown__contents--scrollable {\n    position: fixed;\n    top: auto;\n    overflow-y: auto;\n}\n.dropDown__contents--isOpen {\n    display: flex;\n    flex-direction: column;\n}\n.dropDown--darker > .dropDown__btn--open {\n    background-color: var(--colors-ContrastDarker);\n}\n\n.dropDown--darker > .dropDown__contents {\n    background-color: var(--colors-ContrastDarker);\n}\n\n.dropDown--darkest > .dropDown__btn--open {\n    background-color: var(--colors-ContrastDarkest);\n}\n\n.dropDown--darkest > .dropDown__contents {\n    background-color: var(--colors-ContrastDarkest);\n}\n\n.dropDown--padded > .dropDown__contents {\n    padding: var(--spacing-Full);\n}\n", ".heading {\n    composes: reset from '../reset.module.css';\n    font-size: var(--fontSize-Base);\n    text-rendering: optimizelegibility;\n}\n.heading--h1 {\n    font-size: 16px;\n}\n", ".iconButton {\n    composes: reset from '../reset.module.css';\n    vertical-align: top;\n    width: var(--spacing-GoldenUnit);\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.iconButton--disabled {\n    opacity: .65;\n    cursor: not-allowed;\n}\n\n.size-small {\n    width: 32px !important;\n    min-width: 32px !important;\n}\n", ".wrapper {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: inline-block;\n}\n.wrapper__btn {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    width: var(--spacing-GoldenUnit);\n}\n.wrapper__btnModeIcon {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    right: 4px;\n    bottom: 4px;\n    color: var(--colors-PrimaryBlue);\n\n    [disabled] > & {\n        opacity: 0;\n    }\n}\n.wrapper:hover .wrapper__btnIcon {\n    color: var(--colors-PrimaryBlue);\n}\n.wrapper__dropDown {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: var(--zIndex-WrapperDropdown-Context);\n    display: none;\n    background: var(--colors-ContrastDarker);\n    border: 1px solid var(--colors-ContrastDark);\n    border-top: 0;\n}\n.wrapper__dropDown--isOpen {\n    display: block;\n}\n.wrapper__dropDownItem {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: block;\n    width: calc(var(--spacing-GoldenUnit) - 2px);\n    height: calc(var(--spacing-GoldenUnit) - 2px);\n    text-align: center;\n    vertical-align: middle;\n    cursor: pointer;\n\n    &:hover,\n    &:hover > * {\n        color: var(--colors-PrimaryBlue);\n    }\n\n    > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translateX(-50%) translateY(-50%);\n    }\n}\n", ".label {\n    composes: reset from '../reset.module.css';\n    display: block;\n    -webkit-font-smoothing: antialiased;\n    font-size: var(--fontSize-Base);\n    cursor: pointer;\n    padding: 0;\n    margin-bottom: 4px;\n    user-select: none;\n\n    &,\n    & span {\n        max-width: 100%;\n    }\n}\n", ".selectBox__list {\n    padding: 0;\n}\n\n.selectBox {\n    composes: reset from  '../reset.module.css', dropDown from './../DropDown/style.css';\n    position: relative;\n    display: inline-block;\n    line-height: 0;\n}\n\n.selectBox__btn {\n    composes: reset from '../reset.module.css', dropDown__btn from './../DropDown/style.css';\n    position: relative;\n    display: inline-block;\n    text-overflow: clip;\n    height: auto;\n    min-height: var(--spacing-GoldenUnit);\n    line-height: var(--spacing-GoldenUnit);\n    padding-left: 0;\n    border: 0;\n    min-width: 160px;\n}\n\n.selectBox__btn--noRightPadding {\n    padding-right: 0;\n}\n\n.selectBox__contents {\n    min-width: 160px;\n    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);\n    z-index: var(--zIndex-SecondaryInspectorElevated-DropDownContents);\n    margin-top: -2px;\n}\n\n.selectBox__contents--hasItems {\n    padding: 2px !important;\n}\n\n.selectBox__item {\n    border-top: 1px solid var(--colors-ContrastDarker);\n    background: var(--colors-ContrastDarkest);\n\n    & div {\n        padding: 5px 14px;\n    }\n}\n\n.selectBox__groupHeader {\n    background-color: var(--colors-ContrastDarker);\n    font-weight: bold;\n    padding-left: var(--spacing-Full);\n    line-height: 30px;\n    text-transform: uppercase;\n}\n\n.selectBox--disabled {\n    filter: opacity(50%);\n    cursor: not-allowed;\n}\n", ".listPreviewElement {\n    composes: reset from '../reset.module.css';\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 14px;\n\n    /* subtract the size of padding */\n    line-height: calc(var(--spacing-GoldenUnit) - 10px);\n    padding: 5px var(--spacing-Full);\n}\n\n.listPreviewElement--isDisabled {\n    color: var(--colors-ContrastBright);\n    cursor: not-allowed;\n}\n.listPreviewElement--isHighlighted {\n    background-color: var(--colors-PrimaryBlue) !important;\n}\n\n.listPreviewElement--isHighlighted > span {\n    color: #fff;\n}\n\n.listPreviewElement__icon {\n    composes: reset from '../reset.module.css';\n    margin-right: .5em;\n}\n\n.listPreviewElement__iconWrapper {\n    padding: 0 !important;\n    width: 2em;\n    display: inline-block;\n    text-align: center;\n}\n", ".selectBoxHeader {\n    display: flex;\n    width: 100%;\n}\n\n.selectBoxHeader__innerPreview {\n    overflow: hidden;\n    width: 100%;\n}\n\n.selectBoxHeader__icon {\n    composes: reset from '../reset.module.css';\n    line-height: var(--spacing-GoldenUnit);\n    height: 100%;\n}\n\n.selectBoxHeader__label {\n    padding: 0 var(--spacing-Full);\n}\n\n.selectBoxHeader__wrapperIconWrapper {\n    padding: 0 var(--spacing-Full);\n}\n\n.selectBoxHeader__wrapperPlaceholderIconWrapper {\n    padding: 0 var(--spacing-Half) 0 0;\n}\n\n.selectBoxHeader--disabled {\n    cursor: not-allowed;\n}\n", ".selectBoxHeaderWithSearchInput {\n    display: flex;\n    padding-left: var(--spacing-Full);\n}\n\n.selectBoxHeaderWithSearchInput__inputContainer {\n    width: 100%;\n}\n\n.selectBoxHeaderWithSearchInput__input {\n    width: 100%;\n    color: #fff;\n    /* TODO: move to reset / use var */\n    font-size: 14px;\n\n    &:focus {\n        background: transparent !important;\n        color: #fff !important;\n    }\n}\n\n/*\n    Prevent that the height is defined by neos-svg-inline--fa when it is on the same level\n    like the selectBoxHeaderWithSearchInput__icon\n*/\n:global(.neos-svg-inline--fa).selectBoxHeaderWithSearchInput__icon {\n    height: var(--spacing-GoldenUnit);\n}\n\n.selectBoxHeaderWithSearchInput__icon {\n    composes: reset from '../reset.module.css';\n    height: var(--spacing-GoldenUnit);\n    width: 1em;\n}\n", ".textInput {\n    composes: reset from '../reset.module.css';\n    /* TODO: should eventually be moved to reset.module.css, but there maybe be plenty of side-effects */\n    font-size: 14px;\n    width: 100%;\n    height: var(--spacing-GoldenUnit);\n    padding: 0 14px;\n    border: 0;\n    border-radius: 2px;\n    background: var(--colors-ContrastNeutral);\n    color: white;\n\n    &:focus {\n        outline: 0;\n        background: var(--colors-ContrastBrightest);\n        color: var(--colors-ContrastDarkest);\n    }\n}\n.textInput::-webkit-input-placeholder {\n    font-family: 'Noto Sans', sans-serif;\n    font-weight: normal;\n    color: var(--colors-ContrastBright);\n}\n\n.textInput--disabled {\n    opacity: .65;\n    cursor: not-allowed;\n}\n", ".sideBar {\n    composes: reset from '../reset.module.css';\n    position: fixed;\n    width: var(--size-SidebarWidth);\n    height: 100%;\n    background: var(--colors-ContrastDarker);\n}\n.sideBar--left {\n    left: 0;\n}\n.sideBar--right {\n    right: 0;\n}\n", ".tabs {\n    composes: reset from '../reset.module.css';\n    height: 100%;\n}\n\n.tabs__content {\n    composes: reset from '../reset.module.css';\n    overflow-y: auto;\n}\n\n.tabNavigation {\n    composes: reset from '../reset.module.css';\n    display: block;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    background: var(--colors-ContrastDarkest);\n    border-bottom: 1px solid var(--colors-ContrastDark);\n\n    &:before,\n    &:after {\n        content: '';\n        display: table;\n    }\n    &:after {\n        clear: both;\n    }\n}\n.tabNavigation__item {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    float: left;\n    border-top: 1px solid var(--colors-ContrastDark);\n    border-right: 1px solid var(--colors-ContrastDark);\n    color: var(--colors-ContrastBrightest);\n}\n.tabNavigation__item--isActive {\n    background-color: var(--colors-ContrastDarker);\n    cursor: default;\n    border-bottom: 1px solid var(--colors-ContrastDarker);\n    margin-bottom: -1px;\n\n    &:after {\n        display: block;\n        content: ' ';\n        position: absolute;\n        top: -1px;\n        left: 0;\n        right: 0;\n        height: 2px;\n        width: 100%;\n        background: var(--colors-PrimaryBlue);\n    }\n\n    > .tabNavigation__itemBtn {\n        color: var(--colors-PrimaryBlue);\n    }\n}\n.tabNavigation__itemBtn {\n    composes: reset from '../reset.module.css';\n    display: inline-block;\n    height: var(--spacing-GoldenUnit);\n    padding: 0 var(--spacing-Full);\n    line-height: var(--spacing-GoldenUnit);\n    cursor: pointer;\n    border: 0;\n    background: 0;\n\n    &:hover {\n        color: var(--colors-PrimaryBlue);\n    }\n\n    &:focus {\n        outline: 0;\n    }\n}\n.tabNavigation__itemBtnIcon {\n    color: currentColor;\n}\n.tabNavigation__itemBtnIcon--hasLabel {\n    margin-right: var(--spacing-Half);\n}\n\n.panel {\n    composes: reset from '../reset.module.css';\n    overflow-y: auto;\n}\n", ".textArea {\n    composes: reset from '../reset.module.css';\n    width: 100%;\n    height: 40px;\n    padding: 10px 14px;\n    border: 0;\n    border-radius: 2px;\n    background: var(--colors-ContrastNeutral);\n    resize: vertical;\n    transition: .3s height;\n\n    &:focus {\n        outline: 0;\n        background: var(--colors-ContrastBrightest);\n        color: var(--colors-ContrastDarkest);\n    }\n}\n.textArea::-webkit-input-placeholder {\n    font-family: 'Noto Sans', sans-serif;\n    color: var(--colors-ContrastBright);\n}\n.textArea--invalid {\n    outline: 2px solid var(--colors-Error) !important;\n}\n.textArea--highlight {\n    outline: 2px solid var(--colors-Success);\n}\n.textArea--disabled {\n    opacity: .65;\n    cursor: not-allowed;\n}\n", ".panel {\n    composes: reset from '../reset.module.css';\n    position: relative;\n}\n\n.panel__headline {\n    composes: reset from '../reset.module.css';\n    cursor: pointer;\n    height: var(--spacing-GoldenUnit);\n    margin: 0;\n    padding: 0 var(--spacing-Full);\n    line-height: var(--spacing-GoldenUnit);\n    font-weight: bold;\n    font-size: var(--fontSize-Base);\n}\n\n.panel__headline--noPadding {\n    padding: 0;\n}\n\n.panel__toggleBtn {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 0;\n    right: 0;\n}\n.panel__contents {\n    composes: reset from '../reset.module.css';\n    padding: 0 var(--spacing-Full);\n    transition: var(--transition-Default) ease padding;\n\n    .panel--isOpen & {\n        padding-top: 5px;\n        padding-bottom: 5px;\n    }\n    .panel--condensed.panel--isOpen & {\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.panel__contents--noPadding {\n    padding: 0;\n}\n", ".tooltip {\n    position: absolute;\n\n    & ul  {\n        margin: 0;\n    }\n}\n\n.tooltip--inline {\n    position: relative !important;\n    margin-bottom: var(--spacing-Half);\n}\n\n.tooltip--arrow {\n    position: relative;\n    top: 0;\n    left: 50%;\n    width: 0;\n    height: 0;\n    margin-left: calc(var(--spacing-Half) * -1);\n    border-left: var(--spacing-Half) solid transparent;\n    border-right: var(--spacing-Half) solid transparent;\n    border-bottom: var(--spacing-Half) solid var(--colors-ContrastDarkest);\n}\n\n.tooltip--asError .tooltip--arrow {\n    border-bottom: var(--spacing-Half) solid var(--colors-Error);\n}\n\n.tooltip--inner {\n    position: relative;\n    padding: var(--spacing-Half);\n    background: var(--colors-ContrastDarkest);\n    color: white;\n    box-shadow: 0px 0px 10px rgba(125, 125, 125, .2);\n    overflow-wrap: break-word;\n}\n\n.tooltip--asError .tooltip--inner {\n    background: var(--colors-Error);\n}\n", ".treeWrapper {\n    composes: reset from '../reset.module.css';\n\n    padding: 5px 0;\n    user-select: none;\n\n    &:focus {\n        outline: 0;\n    }\n}\n\n", ".header {\n    composes: reset from '../reset.module.css';\n    margin: 0;\n    position: relative;\n    line-height: 20px;\n\n    &:hover {\n        background: var(--colors-PrimaryBlueHover)25;\n    }\n}\n.header__chevron {\n    composes: reset from '../reset.module.css';\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 18px;\n\n    color: var(--colors-ContrastBrighter);\n    line-height: 20px;\n    text-align: center;\n\n    cursor: pointer;\n\n    &:hover > svg {\n        color: var(--colors-PrimaryBlueHover);\n    }\n}\n.header__chevron--isCollapsed > svg {\n    transform: translateY(3px) translateX(-2px) rotate(-90deg);\n}\n.header__chevron--isHiddenInIndex {\n    opacity: .5;\n}\n\n.header__chevron--isLoading,\n.header__chevron--isLoading:hover {\n    color: var(--colors-ContrastBrighter) !important;\n}\n\n.header__chevron--isLoading > svg {\n    margin-top: 6px;\n}\n\n.header__iconWrapper {\n    width: 2em;\n    display: inline-block;\n    position: absolute;\n    text-align: center;\n\n    .header:hover & > svg,\n    .header__data--isActive & > svg {\n        color: var(--colors-PrimaryBlueHover);\n    }\n}\n\n.header__data {\n    composes: reset from '../reset.module.css';\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    padding: .1em 0;\n\n    border-left: 2px solid transparent;\n\n    white-space: nowrap;\n\n    cursor: pointer;\n}\n\n.header__data--isHiddenInIndex {\n    opacity: .5;\n}\n.header__data--isHidden {\n    text-decoration: line-through;\n}\n.header__data--isDragging {\n    opacity: .2;\n}\n.header__data--isDirty {\n    border-left: 2px solid var(--colors-Warn);\n}\n\n.header__data--isFocused {\n    background: var(--colors-ContrastNeutral);\n    &:hover {\n        background: var(--colors-PrimaryBlue)10;\n    }\n\n    &.header__data--isHiddenInIndex,\n    &.header__data--isHidden {\n        opacity: .8;\n    }\n}\n.header__data--acceptsDrop {\n    background-color: var(--colors-PrimaryBlue);\n}\n.header__data--acceptsDrop *,\n.header__data--deniesDrop * {\n    pointer-events: none;\n}\n\n.header__labelWrapper {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n    line-height: 1.5;\n    vertical-align: middle;\n}\n.header__label {\n    composes: reset from '../reset.module.css';\n    margin-left: 2em;\n\n    .header:hover &,\n    .header__data--isActive & {\n        color: var(--colors-PrimaryBlue);\n    }\n\n    &:hover {\n        color: var(--colors-PrimaryBlueHover);\n    }\n}\n\n.contents {\n    composes: reset from '../reset.module.css';\n}\n\n.dropTarget {\n    position: absolute;\n    left: 0;\n    right: 0;\n    padding-left: 15px;\n    height: 2px;\n    z-index: -1;\n}\n.dropTarget--before {\n    top: -5px;\n    padding-top: 4px;\n    padding-bottom: 4px;\n\n    [data-is-drag-happening] & {\n        z-index: var(--zIndex-SideBar-DropTargetBefore);\n    }\n}\n.dropTarget--after {\n    bottom: 1px;\n    padding-top: 6px;\n    padding-bottom: 0;\n\n    [data-is-drag-happening] & {\n        z-index: var(--zIndex-SideBar-DropTargetAfter);\n    }\n}\n.dropTarget__inner {\n    visibility: hidden;\n    margin-top: -8px;\n    height: 0;\n}\n.dropTarget__inner--acceptsDrop {\n    z-index: 100000;\n    visibility: visible;\n}\n.dropTarget__inner svg {\n    fill: var(--colors-PrimaryBlue);\n}\n", ".layer {\n    position: fixed;\n    pointer-events: none;\n    z-index: 2147483646;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.dragWrapper {\n    display: inline-block;\n    position: relative;\n    opacity: .7;\n    left: 0;\n}\n\n.count {\n    z-index: 2147483646;\n    position: absolute;\n    top: -10px;\n    left: 5px;\n    width: 20px;\n    height: 20px;\n    color: var(--colors-ContrastBrightest);\n    background-color: var(--colors-Error);\n    border-radius: 50%;\n    padding: 1px;\n    font-size: 12px;\n    font-weight: bold;\n    text-align: center;\n}\n\n.node {\n    position: absolute;\n    width: 280px;\n    background-color: var(--colors-ContrastNeutral);\n    border: 1px solid var(--colors-ContrastDark);\n}\n", ".selectedOptions {\n    composes: reset from '../reset.module.css';\n\n    position: relative;\n    width: 100%;\n    list-style: none;\n    padding-left: 0;\n\n}\n", ".selectedOptions__item {\n    display: flex;\n    width: 100%;\n    position: relative;\n    background: var(--colors-ContrastDarkest);\n    border-bottom: 1px solid var(--colors-ContrastDarker);\n    border-radius: 2px;\n\n    &:hover {\n        .selectedOptions__itemIcon {\n            display: none;\n        }\n\n        .selectedOptions__itemIcon--onHover {\n            display: inline;\n        }\n    }\n}\n\n.selectedOptions__item--draggable {\n    cursor: move;\n}\n.selectedOptions__innerPreview {\n    border-right: 1px solid var(--colors-ContrastDarker);\n    overflow: hidden;\n    width: 100%;\n\n    > div {\n        box-shadow: none !important;\n    }\n}\n.selectedOption__removeButton {\n    height: auto;\n    background: var(--colors-ContrastNeutral);\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n}\n.selectedOption__moveButton {\n    cursor: move;\n    height: auto;\n    width: 20px;\n    min-width: 20px;\n    color: var(--colors-ContrastDark);\n    border-top-left-radius: 2px;\n    border-bottom-left-radius: 2px;\n    border-right: 1px solid var(--colors-ContrastDarker);\n\n    & svg {\n        color: var(--colors-ContrastDark);\n    }\n\n    &:hover,\n    &:focus {\n        background: var(--colors-ContrastDark);\n        color: var(--colors-ContrastBright) !important;\n\n        & svg {\n            color: var(--colors-ContrastBright) !important;\n        }\n    }\n}\n", ".multiLineWithThumbnail__item {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    column-gap: var(--spacing-Half);\n    align-items: start;\n    box-sizing: content-box;\n    background: var(--colors-ContrastDarkest);\n}\n\n.multiLineWithThumbnail__item span {\n    grid-column: 2;\n    grid-row: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.multiLineWithThumbnail__secondaryLabel {\n        grid-row: 2;\n    }\n\n    &.multiLineWithThumbnail__tertiaryLabel {\n        grid-row: 3;\n    }\n}\n\n.multiLineWithThumbnail__item--multiLine {\n    line-height: 20px;\n}\n\n.multiLineWithThumbnail__secondaryLabel {\n    color: var(--colors-ContrastBright);\n    display: block;\n    font-size: 12px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n}\n\n.multiLineWithThumbnail__tertiaryLabel {\n    color: var(--colors-ContrastBright);\n    display: block;\n    font-size: 12px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n}\n\n.multiLineWithThumbnail__image {\n    width: calc(1.33 * (var(--spacing-GoldenUnit) + var(--spacing-Full)));\n    height: calc(var(--spacing-GoldenUnit) + var(--spacing-Full));\n    grid-column: 1;\n    grid-row: 1 / 4;\n    object-fit: contain;\n    background-color: #fff;\n    background-size: 10px 10px;\n    background-position: 0 0, 25px 25px;\n    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc);\n    margin-right: .75em;\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: calc(var(--spacing-Full) * -1);\n    align-self: center;\n}\n\n.multiLineWithThumbnail__item:hover .multiLineWithThumbnail__secondaryLabel,\n.multiLineWithThumbnail__item:hover .multiLineWithThumbnail__tertiaryLabel {\n    color: white;\n}\n", ".flashMessageContainer {\n    position: fixed;\n    z-index: var(--zIndex-FlashMessageContainer);\n    top: 0;\n    left: 50%;\n    width: 516px;\n    margin-top: 8px;\n    transform: translate(-50%, 0);\n    max-height: calc(100% - 16px);\n    overflow: auto;\n\n    &:empty {\n        display: none;\n    }\n}\n\n.flashMessage {\n    color: white;\n    font-size: 14px;\n    position: relative;\n    width: 512px;\n    margin: 0 auto 4px;\n    word-wrap: break-word;\n    overflow: hidden;\n    box-sizing: border-box;\n    box-shadow: 0 0 14px rgba(0, 0, 0, .15);\n\n    &:last-child {\n        margin-bottom: 0px;\n    }\n}\n\n.flashMessage--success {\n    background-color: var(--colors-Success);\n}\n\n.flashMessage--error {\n    background-color: var(--colors-Error);\n}\n\n.flashMessage--info {\n    background-color: var(--colors-PrimaryBlue);\n}\n\n.flashMessage--warning {\n    background-color: var(--colors-Warn);\n}\n\n.flashMessage__icon {\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100% !important;\n    line-height: var(--spacing-GoldenUnit);\n    width: var(--spacing-GoldenUnit) !important;\n    text-align: center;\n    font-size: 16px;\n    padding: 0 calc((var(--spacing-GoldenUnit) - 1em)/2);\n    margin: 0;\n    vertical-align: text-top;\n    border-right: 1px solid rgba(255, 255, 255, .3);\n    box-sizing: border-box !important;\n}\n\n.flashMessage__heading {\n    padding: 12px 49px 12px;\n    margin-bottom: 0;\n    color: white;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n.flashMessage__btnClose {\n    position: absolute;\n    right: 0;\n    top: 0;\n}\n", ".applicationWrapper {\n    height: 100vh;\n}\n\n.app {\n    height: 100%;\n    display: grid;\n    grid-template-areas: 'primaryToolbar primaryToolbar primaryToolbar'\n        'leftSideBarHeader secondaryToolbar rightSidebar'\n        'leftSidebar content rightSidebar';\n    grid-template-rows: 41px 41px 1fr;\n    grid-template-columns: min-content 1fr min-content;\n}\n\n.primaryToolbar {\n    grid-area: primaryToolbar;\n}\n.leftSideBarHeader {\n    grid-area: leftSideBarHeader;\n}\n.secondaryToolbar {\n    grid-area: secondaryToolbar;\n}\n.rightSidebar {\n    grid-area: rightSidebar;\n}\n.leftSidebar {\n    grid-area: leftSidebar;\n}\n.content {\n    grid-area: content;\n}\n.rightSidebar {\n    grid-area: rightSidebar;\n}\n\n/* FIXME: This would be much easier to implement with actual css-variables (which we cannot use yet due to the postcss conversion) */\n.app--leftSidebarIsHidden {\n    grid-template-columns: 0 1fr min-content;\n}\n\n.app--rightSidebarIsHidden {\n    grid-template-columns: min-content 1fr 0;\n}\n\n.app--leftSidebarIsHidden.app--rightSidebarIsHidden {\n    grid-template-columns: 0 1fr 0;\n}\n\n.app--isFullScreen {\n    grid-template-rows: 0 41px 1fr;\n    grid-template-columns: 0 1fr 0;\n}\n\n/* stylelint-disable selector-max-id */\n\n/* Scrollbar styles for appContainer, its siblings (needed for React portals) and also for contentcanvas' body */\n:global(#appContainer ::-webkit-scrollbar),\n:global(#appContainer ~ * ::-webkit-scrollbar),\n:global(#appContainer ~ *::-webkit-scrollbar),\n:global(body::-webkit-scrollbar) {\n    width: 4px;\n    height: 4px;\n}\n:global(#appContainer ::-webkit-scrollbar-track),\n:global(#appContainer ~ * ::-webkit-scrollbar-track),\n:global(#appContainer ~ *::-webkit-scrollbar-track),\n:global(body::-webkit-scrollbar-track) {\n    background-color: transparent;\n}\n:global(#appContainer ::-webkit-scrollbar-thumb),\n:global(#appContainer ~ * ::-webkit-scrollbar-thumb),\n:global(#appContainer ~ *::-webkit-scrollbar-thumb),\n:global(body::-webkit-scrollbar-thumb) {\n    background-color: var(--colors-ContrastBright);\n}\n:global(#appContainer ::-webkit-scrollbar-corner),\n:global(#appContainer ~ * ::-webkit-scrollbar-corner),\n:global(#appContainer ~ *::-webkit-scrollbar-corner),\n:global(body::-webkit-scrollbar-corner) {\n    background-color: var(--colors-ContrastDark);\n}\n", ":root, :host {\n  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';\n  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';\n  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';\n  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';\n  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';\n  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';\n  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';\n  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';\n  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';\n  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }\n\nsvg:not(:root).neos-svg-inline--fa, svg:not(:host).neos-svg-inline--fa {\n  overflow: visible;\n  box-sizing: content-box; }\n\n.neos-svg-inline--fa {\n  display: var(--fa-display, inline-block);\n  height: 1em;\n  overflow: visible;\n  vertical-align: -.125em; }\n  .neos-svg-inline--fa.fa-2xs {\n    vertical-align: 0.1em; }\n  .neos-svg-inline--fa.fa-xs {\n    vertical-align: 0em; }\n  .neos-svg-inline--fa.fa-sm {\n    vertical-align: -0.07143em; }\n  .neos-svg-inline--fa.fa-lg {\n    vertical-align: -0.2em; }\n  .neos-svg-inline--fa.fa-xl {\n    vertical-align: -0.25em; }\n  .neos-svg-inline--fa.fa-2xl {\n    vertical-align: -0.3125em; }\n  .neos-svg-inline--fa.fa-pull-left {\n    margin-right: var(--fa-pull-margin, 0.3em);\n    width: auto; }\n  .neos-svg-inline--fa.fa-pull-right {\n    margin-left: var(--fa-pull-margin, 0.3em);\n    width: auto; }\n  .neos-svg-inline--fa.fa-li {\n    width: var(--fa-li-width, 2em);\n    top: 0.25em; }\n  .neos-svg-inline--fa.fa-fw {\n    width: var(--fa-fw-width, 1.25em); }\n\n.fa-layers svg.neos-svg-inline--fa {\n  bottom: 0;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0; }\n\n.fa-layers-text, .fa-layers-counter {\n  display: inline-block;\n  position: absolute;\n  text-align: center; }\n\n.fa-layers {\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  text-align: center;\n  vertical-align: -.125em;\n  width: 1em; }\n  .fa-layers svg.neos-svg-inline--fa {\n    -webkit-transform-origin: center center;\n            transform-origin: center center; }\n\n.fa-layers-text {\n  left: 50%;\n  top: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  -webkit-transform-origin: center center;\n          transform-origin: center center; }\n\n.fa-layers-counter {\n  background-color: var(--fa-counter-background-color, #ff253a);\n  border-radius: var(--fa-counter-border-radius, 1em);\n  box-sizing: border-box;\n  color: var(--fa-inverse, #fff);\n  line-height: var(--fa-counter-line-height, 1);\n  max-width: var(--fa-counter-max-width, 5em);\n  min-width: var(--fa-counter-min-width, 1.5em);\n  overflow: hidden;\n  padding: var(--fa-counter-padding, 0.25em 0.5em);\n  right: var(--fa-right, 0);\n  text-overflow: ellipsis;\n  top: var(--fa-top, 0);\n  -webkit-transform: scale(var(--fa-counter-scale, 0.25));\n          transform: scale(var(--fa-counter-scale, 0.25));\n  -webkit-transform-origin: top right;\n          transform-origin: top right; }\n\n.fa-layers-bottom-right {\n  bottom: var(--fa-bottom, 0);\n  right: var(--fa-right, 0);\n  top: auto;\n  -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n          transform: scale(var(--fa-layers-scale, 0.25));\n  -webkit-transform-origin: bottom right;\n          transform-origin: bottom right; }\n\n.fa-layers-bottom-left {\n  bottom: var(--fa-bottom, 0);\n  left: var(--fa-left, 0);\n  right: auto;\n  top: auto;\n  -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n          transform: scale(var(--fa-layers-scale, 0.25));\n  -webkit-transform-origin: bottom left;\n          transform-origin: bottom left; }\n\n.fa-layers-top-right {\n  top: var(--fa-top, 0);\n  right: var(--fa-right, 0);\n  -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n          transform: scale(var(--fa-layers-scale, 0.25));\n  -webkit-transform-origin: top right;\n          transform-origin: top right; }\n\n.fa-layers-top-left {\n  left: var(--fa-left, 0);\n  right: auto;\n  top: var(--fa-top, 0);\n  -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n          transform: scale(var(--fa-layers-scale, 0.25));\n  -webkit-transform-origin: top left;\n          transform-origin: top left; }\n\n.fa-1x {\n  font-size: 1em; }\n\n.fa-2x {\n  font-size: 2em; }\n\n.fa-3x {\n  font-size: 3em; }\n\n.fa-4x {\n  font-size: 4em; }\n\n.fa-5x {\n  font-size: 5em; }\n\n.fa-6x {\n  font-size: 6em; }\n\n.fa-7x {\n  font-size: 7em; }\n\n.fa-8x {\n  font-size: 8em; }\n\n.fa-9x {\n  font-size: 9em; }\n\n.fa-10x {\n  font-size: 10em; }\n\n.fa-2xs {\n  font-size: 0.625em;\n  line-height: 0.1em;\n  vertical-align: 0.225em; }\n\n.fa-xs {\n  font-size: 0.75em;\n  line-height: 0.08333em;\n  vertical-align: 0.125em; }\n\n.fa-sm {\n  font-size: 0.875em;\n  line-height: 0.07143em;\n  vertical-align: 0.05357em; }\n\n.fa-lg {\n  font-size: 1.25em;\n  line-height: 0.05em;\n  vertical-align: -0.075em; }\n\n.fa-xl {\n  font-size: 1.5em;\n  line-height: 0.04167em;\n  vertical-align: -0.125em; }\n\n.fa-2xl {\n  font-size: 2em;\n  line-height: 0.03125em;\n  vertical-align: -0.1875em; }\n\n.fa-fw {\n  text-align: center;\n  width: 1.25em; }\n\n.fa-ul {\n  list-style-type: none;\n  margin-left: var(--fa-li-margin, 2.5em);\n  padding-left: 0; }\n  .fa-ul > li {\n    position: relative; }\n\n.fa-li {\n  left: calc(var(--fa-li-width, 2em) * -1);\n  position: absolute;\n  text-align: center;\n  width: var(--fa-li-width, 2em);\n  line-height: inherit; }\n\n.fa-border {\n  border-color: var(--fa-border-color, #eee);\n  border-radius: var(--fa-border-radius, 0.1em);\n  border-style: var(--fa-border-style, solid);\n  border-width: var(--fa-border-width, 0.08em);\n  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }\n\n.fa-pull-left {\n  float: left;\n  margin-right: var(--fa-pull-margin, 0.3em); }\n\n.fa-pull-right {\n  float: right;\n  margin-left: var(--fa-pull-margin, 0.3em); }\n\n.fa-beat {\n  -webkit-animation-name: fa-beat;\n          animation-name: fa-beat;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n          animation-timing-function: var(--fa-animation-timing, ease-in-out); }\n\n.fa-bounce {\n  -webkit-animation-name: fa-bounce;\n          animation-name: fa-bounce;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));\n          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }\n\n.fa-fade {\n  -webkit-animation-name: fa-fade;\n          animation-name: fa-fade;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }\n\n.fa-beat-fade {\n  -webkit-animation-name: fa-beat-fade;\n          animation-name: fa-beat-fade;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }\n\n.fa-flip {\n  -webkit-animation-name: fa-flip;\n          animation-name: fa-flip;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n          animation-timing-function: var(--fa-animation-timing, ease-in-out); }\n\n.fa-shake {\n  -webkit-animation-name: fa-shake;\n          animation-name: fa-shake;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, linear);\n          animation-timing-function: var(--fa-animation-timing, linear); }\n\n.fa-spin {\n  -webkit-animation-name: fa-spin;\n          animation-name: fa-spin;\n  -webkit-animation-delay: var(--fa-animation-delay, 0s);\n          animation-delay: var(--fa-animation-delay, 0s);\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 2s);\n          animation-duration: var(--fa-animation-duration, 2s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, linear);\n          animation-timing-function: var(--fa-animation-timing, linear); }\n\n.fa-spin-reverse {\n  --fa-animation-direction: reverse; }\n\n.fa-pulse,\n.fa-spin-pulse {\n  -webkit-animation-name: fa-spin;\n          animation-name: fa-spin;\n  -webkit-animation-direction: var(--fa-animation-direction, normal);\n          animation-direction: var(--fa-animation-direction, normal);\n  -webkit-animation-duration: var(--fa-animation-duration, 1s);\n          animation-duration: var(--fa-animation-duration, 1s);\n  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n          animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));\n          animation-timing-function: var(--fa-animation-timing, steps(8)); }\n\n@media (prefers-reduced-motion: reduce) {\n  .fa-beat,\n  .fa-bounce,\n  .fa-fade,\n  .fa-beat-fade,\n  .fa-flip,\n  .fa-pulse,\n  .fa-shake,\n  .fa-spin,\n  .fa-spin-pulse {\n    -webkit-animation-delay: -1ms;\n            animation-delay: -1ms;\n    -webkit-animation-duration: 1ms;\n            animation-duration: 1ms;\n    -webkit-animation-iteration-count: 1;\n            animation-iteration-count: 1;\n    -webkit-transition-delay: 0s;\n            transition-delay: 0s;\n    -webkit-transition-duration: 0s;\n            transition-duration: 0s; } }\n\n@-webkit-keyframes fa-beat {\n  0%, 90% {\n    -webkit-transform: scale(1);\n            transform: scale(1); }\n  45% {\n    -webkit-transform: scale(var(--fa-beat-scale, 1.25));\n            transform: scale(var(--fa-beat-scale, 1.25)); } }\n\n@keyframes fa-beat {\n  0%, 90% {\n    -webkit-transform: scale(1);\n            transform: scale(1); }\n  45% {\n    -webkit-transform: scale(var(--fa-beat-scale, 1.25));\n            transform: scale(var(--fa-beat-scale, 1.25)); } }\n\n@-webkit-keyframes fa-bounce {\n  0% {\n    -webkit-transform: scale(1, 1) translateY(0);\n            transform: scale(1, 1) translateY(0); }\n  10% {\n    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }\n  30% {\n    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }\n  50% {\n    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }\n  57% {\n    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }\n  64% {\n    -webkit-transform: scale(1, 1) translateY(0);\n            transform: scale(1, 1) translateY(0); }\n  100% {\n    -webkit-transform: scale(1, 1) translateY(0);\n            transform: scale(1, 1) translateY(0); } }\n\n@keyframes fa-bounce {\n  0% {\n    -webkit-transform: scale(1, 1) translateY(0);\n            transform: scale(1, 1) translateY(0); }\n  10% {\n    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }\n  30% {\n    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }\n  50% {\n    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }\n  57% {\n    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }\n  64% {\n    -webkit-transform: scale(1, 1) translateY(0);\n            transform: scale(1, 1) translateY(0); }\n  100% {\n    -webkit-transform: scale(1, 1) translateY(0);\n            transform: scale(1, 1) translateY(0); } }\n\n@-webkit-keyframes fa-fade {\n  50% {\n    opacity: var(--fa-fade-opacity, 0.4); } }\n\n@keyframes fa-fade {\n  50% {\n    opacity: var(--fa-fade-opacity, 0.4); } }\n\n@-webkit-keyframes fa-beat-fade {\n  0%, 100% {\n    opacity: var(--fa-beat-fade-opacity, 0.4);\n    -webkit-transform: scale(1);\n            transform: scale(1); }\n  50% {\n    opacity: 1;\n    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));\n            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }\n\n@keyframes fa-beat-fade {\n  0%, 100% {\n    opacity: var(--fa-beat-fade-opacity, 0.4);\n    -webkit-transform: scale(1);\n            transform: scale(1); }\n  50% {\n    opacity: 1;\n    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));\n            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }\n\n@-webkit-keyframes fa-flip {\n  50% {\n    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }\n\n@keyframes fa-flip {\n  50% {\n    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }\n\n@-webkit-keyframes fa-shake {\n  0% {\n    -webkit-transform: rotate(-15deg);\n            transform: rotate(-15deg); }\n  4% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg); }\n  8%, 24% {\n    -webkit-transform: rotate(-18deg);\n            transform: rotate(-18deg); }\n  12%, 28% {\n    -webkit-transform: rotate(18deg);\n            transform: rotate(18deg); }\n  16% {\n    -webkit-transform: rotate(-22deg);\n            transform: rotate(-22deg); }\n  20% {\n    -webkit-transform: rotate(22deg);\n            transform: rotate(22deg); }\n  32% {\n    -webkit-transform: rotate(-12deg);\n            transform: rotate(-12deg); }\n  36% {\n    -webkit-transform: rotate(12deg);\n            transform: rotate(12deg); }\n  40%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); } }\n\n@keyframes fa-shake {\n  0% {\n    -webkit-transform: rotate(-15deg);\n            transform: rotate(-15deg); }\n  4% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg); }\n  8%, 24% {\n    -webkit-transform: rotate(-18deg);\n            transform: rotate(-18deg); }\n  12%, 28% {\n    -webkit-transform: rotate(18deg);\n            transform: rotate(18deg); }\n  16% {\n    -webkit-transform: rotate(-22deg);\n            transform: rotate(-22deg); }\n  20% {\n    -webkit-transform: rotate(22deg);\n            transform: rotate(22deg); }\n  32% {\n    -webkit-transform: rotate(-12deg);\n            transform: rotate(-12deg); }\n  36% {\n    -webkit-transform: rotate(12deg);\n            transform: rotate(12deg); }\n  40%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); } }\n\n@-webkit-keyframes fa-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n\n@keyframes fa-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n\n.fa-rotate-90 {\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg); }\n\n.fa-rotate-180 {\n  -webkit-transform: rotate(180deg);\n          transform: rotate(180deg); }\n\n.fa-rotate-270 {\n  -webkit-transform: rotate(270deg);\n          transform: rotate(270deg); }\n\n.fa-flip-horizontal {\n  -webkit-transform: scale(-1, 1);\n          transform: scale(-1, 1); }\n\n.fa-flip-vertical {\n  -webkit-transform: scale(1, -1);\n          transform: scale(1, -1); }\n\n.fa-flip-both,\n.fa-flip-horizontal.fa-flip-vertical {\n  -webkit-transform: scale(-1, -1);\n          transform: scale(-1, -1); }\n\n.fa-rotate-by {\n  -webkit-transform: rotate(var(--fa-rotate-angle, 0));\n          transform: rotate(var(--fa-rotate-angle, 0)); }\n\n.fa-stack {\n  display: inline-block;\n  vertical-align: middle;\n  height: 2em;\n  position: relative;\n  width: 2.5em; }\n\n.fa-stack-1x,\n.fa-stack-2x {\n  bottom: 0;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: var(--fa-stack-z-index, auto); }\n\n.neos-svg-inline--fa.fa-stack-1x {\n  height: 1em;\n  width: 1.25em; }\n\n.neos-svg-inline--fa.fa-stack-2x {\n  height: 2em;\n  width: 2.5em; }\n\n.fa-inverse {\n  color: var(--fa-inverse, #fff); }\n\n.sr-only,\n.fa-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0; }\n\n.sr-only-focusable:not(:focus),\n.fa-sr-only-focusable:not(:focus) {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0; }\n\n.neos-svg-inline--fa .fa-primary {\n  fill: var(--fa-primary-color, currentColor);\n  opacity: var(--fa-primary-opacity, 1); }\n\n.neos-svg-inline--fa .fa-secondary {\n  fill: var(--fa-secondary-color, currentColor);\n  opacity: var(--fa-secondary-opacity, 0.4); }\n\n.neos-svg-inline--fa.fa-swap-opacity .fa-primary {\n  opacity: var(--fa-secondary-opacity, 0.4); }\n\n.neos-svg-inline--fa.fa-swap-opacity .fa-secondary {\n  opacity: var(--fa-primary-opacity, 1); }\n\n.neos-svg-inline--fa mask .fa-primary,\n.neos-svg-inline--fa mask .fa-secondary {\n  fill: black; }\n\n.fad.fa-inverse,\n.fa-duotone.fa-inverse {\n  color: var(--fa-inverse, #fff); }\n", ".envelope__label {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n}\n\n.envelope__tooltipButton {\n    padding-left: var(--spacing-Half);\n}\n\n.envelope__helpmessage {\n    position: absolute;\n    z-index: var(--zIndex-NodeToolBar);\n    max-width: 100%;\n}\n\n.envelope__helpmessage a {\n    color: var(--colors-PrimaryBlue);\n}\n\n.envelope__helpmessage a:hover,\n.envelope__helpmessage a:focus {\n    color: var(--colors-PrimaryBlueHover);\n}\n\n.envelope--invalid {\n    box-shadow: 0 0 0 2px var(--colors-Error);\n    border-radius: 2px;\n}\n\n.envelope--highlight {\n    box-shadow: 0 0 0 2px var(--colors-Warn);\n    border-radius: 2px;\n}\n\n.envelope__helpThumbnail {\n    max-width: 100%;\n}\n", ".boolean__disabled {\n    opacity: .65;\n    cursor: not-allowed;\n}\n\n.boolean__wrapper {\n    padding: 5px;\n\n    & label {\n        margin-bottom: 0 !important;\n    }\n}\n\n.boolean__label {\n    max-width: none;\n    display: flex;\n}\n", ".dropzone {\n    border: none;\n}\n\n.dropzone--isActive {\n    background-color: var(--colors-Success);\n}\n\n.dropzone--isRejecting {\n    background-color: var(--colors-Warn);\n}\n\n.thumbnail {\n    position: relative;\n    border: 1px dashed var(--colors-ContrastNeutral);\n    margin-bottom: calc(var(--spacing-Full) - var(--spacing-Quarter));\n    height: 216px;\n    overflow: hidden;\n    cursor: pointer;\n    /* TODO: border-color: #fff; on hover */\n}\n.thumbnail--highlight {\n    outline: 2px solid var(--colors-Success);\n}\n.thumbnail__loader {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.cropArea {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    overflow: hidden;\n}\n\n.cropArea__image {\n    position: absolute;\n}\n\n.cropArea__image--placeholder {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n", ".dropzone {\n    border: none;\n    background: var(--colors-ContrastDarkest);\n}\n\n.dropzone--isActive {\n    background-color: var(--colors-Success);\n}\n\n.dropzone--isRejecting {\n    background-color: var(--colors-Warn);\n}\n\n.thumbnail {\n    position: relative;\n    border: 1px dashed var(--colors-ContrastNeutral);\n    border-radius: 2px;\n    margin-bottom: calc(var(--spacing-Full) - var(--spacing-Quarter));\n    height: 216px;\n    overflow: hidden;\n    cursor: pointer;\n    background: var(--colors-ContrastDarkest);\n}\n\n.thumbnail__overlay {\n    transition: var(--transition-Default) background-color ease-out;\n    border-radius: 2px;\n}\n\n.thumbnail:hover > .thumbnail__overlay {\n    height: 100%;\n    width: 100%;\n    background-color: var(--colors-PrimaryBlue);\n}\n.thumbnail:hover .cropArea {\n    opacity: .7;\n}\n.thumbnail .thumbnail__overlay__icon {\n    display: none;\n}\n.thumbnail:hover .thumbnail__overlay__icon {\n    position: relative;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n}\n.thumbnail--disabled {\n    cursor: not-allowed;\n    opacity: .5;\n}\n.thumbnail--highlight {\n    outline: 2px solid var(--colors-Success);\n}\n.thumbnail__loader {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.cropArea {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    overflow: hidden;\n}\n\n.cropArea__image {\n    position: absolute;\n    background-color: #fff;\n    background-size: 10px 10px;\n    background-position: 0 0, 25px 25px;\n    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc);\n}\n\n.cropArea__image--placeholder {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n", ".cropButton {\n    float: right;\n}\n.button {\n    margin-right: var(--spacing-Quarter) !important;\n}\n", ".resizeControls {\n    display: flex;\n}\n.resizeControls__label {\n    margin-top: var(--spacing-Full);\n    margin-bottom: var(--spacing-Quarter);\n}\n.resizeControls__before {\n    height: var(--spacing-GoldenUnit);\n    width: var(--spacing-GoldenUnit);\n    border-right: 1px solid var(--colors-ContrastDarker);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--colors-ContrastNeutral);\n}\n\n.resizeControls__main {\n    flex-grow: 1;\n}\n.resizeControls__after {\n    height: var(--spacing-GoldenUnit);\n    width: var(--spacing-GoldenUnit);\n    background: var(--colors-ContrastNeutral);\n    border-left: 1px solid var(--colors-ContrastDarker);\n    text-align: center;\n\n    line-height: var(--spacing-GoldenUnit);\n}\n\n.resizeControls__checkbox {\n    margin-right: 0 !important;\n}\n", ".imageEditor {\n    &:before,\n    &:after {\n        content: '';\n        display: table;\n    }\n    &:after {\n        clear: both;\n    }\n}\n", ".linkInput__wrap {\n    display: flex;\n    align-items: stretch;\n}\n\n.linkInput__optionWrapper {\n    flex-grow: 1;\n    flex-shrink: 1;\n    /* see https://css-tricks.com/flexbox-truncated-text/ */\n    min-width: 0;\n\n    &,\n    > div {\n        border-top-left-radius: 2px;\n        border-bottom-left-radius: 2px;\n    }\n}\n\n.linkInput__optionsPanelDouble {\n    display: flex;\n    flex-basis: 100%;\n}\n\n.linkInput__optionsPanel {\n    padding-top: var(--spacing-Full);\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.linkInput__optionsPanelItem {\n    flex-basis: 50%;\n    padding: var(--spacing-Half);\n}\n\n.linkInput__optionsPanelCheckbox {\n    display: flex;\n}\n\n.linkInput__optionsPanelLabel {\n    margin-bottom: var(--spacing-Quarter);\n}\n\n.linkInput__innerButton {\n    height: auto;\n    background: var(--colors-ContrastNeutral);\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n}\n\n.linkInput__loaderWrapper {\n    padding: 4px 16px;\n    height: var(--spacing-GoldenUnit);\n    line-height: var(--spacing-GoldenUnit);\n    background: var(--colors-ContrastNeutral);\n}\n\n.linkInput__loader {\n    margin: var(--spacing-Quarter);\n}\n\n.linkInput__item {\n    padding: var(--spacing-Half);\n    box-sizing: content-box;\n    height: calc(var(--spacing-GoldenUnit) * 1.5);\n    line-height: 20px;\n}\n\n.linkInput__link {\n    color: var(--colors-ContrastBright);\n    display: block;\n    font-size: 12px;\n}\n\n.linkInput__image {\n    height: calc(var(--spacing-GoldenUnit) * 1.5);\n    width: auto;\n    float: right;\n}\n\n.linkInput__link--active {\n    color: #fff;\n}\n", ".rangeEditor input[type='range'] {\n    appearance: none;\n    background: var(--colors-ContrastNeutral);\n    cursor: pointer;\n    height: 25px;\n    outline: none;\n    width: 100%;\n    border-radius: 2px;\n}\n.rangeEditor.rangeEditorHighlight input[type='range'] {\n    box-shadow: 0 0 0 2px var(--colors-Warn);\n    border-radius: 2px;\n}\n\n.rangeEditor input[type='range']::-webkit-slider-thumb {\n    appearance: none;\n    background: var(--colors-PrimaryBlue);\n    border-radius: 5px;\n    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;\n    cursor: pointer;\n    height: 20px;\n    opacity: .7;\n    width: 20px;\n    border: none;\n}\n\n.rangeEditor input[type='range']::-webkit-slider-thumb:hover,\n.rangeEditor input[type='range']::-webkit-slider-thumb:focus {\n    background: var(--colors-PrimaryBlueHover);\n}\n\n.rangeEditor input[type='range']::-moz-range-thumb {\n    appearance: none;\n    background: var(--colors-PrimaryBlue);\n    border-radius: 5px;\n    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;\n    cursor: pointer;\n    height: 25px;\n    opacity: .7;\n    width: 25px;\n    border: none;\n}\n\n.rangeEditor input[type='range']::-moz-range-thumb:hover,\n.rangeEditor input[type='range']::-moz-range-thumb:focus {\n    background: var(--colors-PrimaryBlueHover);\n}\n\n.rangeEditorValue {\n    align-items: center;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n}\n\n.rangeEditorValue > span:first-child,\n.rangeEditorValue > span:last-child {\n    cursor: default;\n    opacity: .7;\n}\n\n.rangeEditorValue input {\n    appearance: none;\n    background: var(--colors-ContrastNeutral);\n    border: 0;\n    color: #fff;\n    display: inline-block;\n    padding: 0 .3rem;\n    text-align: right;\n    box-sizing: content-box;\n    margin-right: var(--spacing-Quarter);\n}\n\n.rangeEditorValue input:focus {\n    outline: 1px solid var(--colors-PrimaryBlue);\n}\n\n.rangeEditorDisabled {\n    opacity: .65;\n}\n\n.rangeEditorDisabled input[disabled] {\n    cursor: not-allowed;\n}\n\n.rangeEditorDisabled input[type='range']::-webkit-slider-thumb {\n    pointer-events: none;\n    background: var(--colors-ContrastBright);\n}\n\n.rangeEditorDisabled input[type='range']::-moz-range-thumb {\n    pointer-events: none;\n    background: var(--colors-ContrastBright);\n}\n", ".noOptionsAvailable {\n    position: relative;\n    display: inline-block;\n    height: 40px;\n    line-height: 40px;\n    padding: 0 1em;\n    border: 0;\n    background: var(--colors-ContrastNeutral);\n    width: 100%;\n}\n", ".codemirror__label {\n    padding: 2px;\n    max-width: none;\n    display: inline;\n}\n", ".controls {\n    margin-top: var(--spacing-Quarter);\n}\n\n.button {\n    margin-right: var(--spacing-Quarter) !important;\n}\n", ".syncButton {\n    outline: none !important;\n}\n", ".wrapper {\n    display: inline-block;\n    position: relative;\n    vertical-align: top;\n}\n.dropDown {\n    position: static;\n    display: inline-block;\n}\n.dropDown--disabled {\n    opacity: .65;\n    cursor: not-allowed;\n}\n.dropDown__btn {\n    position: relative;\n    display: inline-block;\n    height: 40px;\n    line-height: 40px;\n    border: 0;\n    background: var(--colors-ContrastNeutral);\n    min-width: 160px;\n    padding-right: 80px;\n}\n.dropDown__btn--isPlaceholder {\n    color: rgba(255, 255, 255, .5);\n}\n.dropDown__btn--isPlaceholder i {\n    color: white;\n}\n.dropDown__btnIcon {\n    margin-right: .5em;\n}\n.dropDown__contents {\n    min-width: 160px;\n    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);\n    z-index: var(--zIndex-SecondaryInspectorElevated-DropDownContents);\n}\n.dropDown__item {\n    height: 40px;\n    line-height: 40px;\n    background: var(--colors-ContrastNeutral);\n    border-top: 1px solid var(--colors-ContrastDarker);\n    cursor: pointer;\n\n    &:hover {\n        background: var(--colors-PrimaryBlue);\n    }\n\n    > a,\n    & button {\n        display: block;\n        width: 100%;\n        border: 0;\n        padding: 0 var(--spacing-Full);\n        background: 0;\n        color: #FFF;\n        cursor: pointer;\n        text-decoration: none;\n        line-height: 40px;\n        text-align: left;\n    }\n}\n.dropDown__itemIcon {\n    margin-right: .5em;\n}\n.dropDown__clear {\n    position: absolute;\n    top: 0;\n    right: 40px;\n}\n", ".tools {\n    height: 56px;\n    margin: 3em 0 1em 0;\n}\n.aspectRatioIndicator {\n    width: 100px;\n    margin-right: 1em;\n    display: inline-block;\n}\n.aspectRatioIndicator svg {\n    margin-right: .3em;\n}\n.dimensions {\n    display: inline-block;\n    width: 225px;\n    margin-left: 1em;\n}\n.dimensionsWrapper {\n    display: flex;\n}\n\n.dimensionInput {\n    width: 6em;\n    display: inline-block;\n}\n", ".ReactCrop {\n  position: relative;\n  display: inline-block;\n  cursor: crosshair;\n  overflow: hidden;\n  max-width: 100%; }\n\n.ReactCrop:focus {\n  outline: none; }\n\n.ReactCrop__image {\n  display: block;\n  max-width: 100%; }\n\n.ReactCrop__image-copy {\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: 100%; }\n\n.ReactCrop__crop-wrapper {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.6); }\n\n.ReactCrop__crop-selection {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate3d(0, 0, 0);\n  box-sizing: border-box;\n  cursor: move;\n  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%), linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%), linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%), linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%);\n  padding: 1px;\n  background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px;\n  background-position: 0 0, 0 100%, 0 0, 100% 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: marching-ants 2s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  animation-play-state: running; }\n\n@keyframes marching-ants {\n  0% {\n    background-position: 0 0,  0 100%,  0 0,  100% 0; }\n  100% {\n    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px; } }\n\n.ReactCrop__drag-handle {\n  position: absolute;\n  width: 9px;\n  height: 9px;\n  background-color: rgba(0, 0, 0, 0.2);\n  border: 1px solid rgba(255, 255, 255, 0.7);\n  box-sizing: border-box;\n  outline: 1px solid transparent; }\n\n.ReactCrop .ord-nw {\n  top: 0;\n  left: 0;\n  margin-top: -4px;\n  margin-left: -4px;\n  cursor: nw-resize; }\n\n.ReactCrop .ord-n {\n  top: 0;\n  left: 50%;\n  margin-top: -4px;\n  margin-left: -4px;\n  cursor: n-resize; }\n\n.ReactCrop .ord-ne {\n  top: 0;\n  right: 0;\n  margin-top: -4px;\n  margin-right: -4px;\n  cursor: ne-resize; }\n\n.ReactCrop .ord-e {\n  top: 50%;\n  right: 0;\n  margin-top: -4px;\n  margin-right: -4px;\n  cursor: e-resize; }\n\n.ReactCrop .ord-se {\n  bottom: 0;\n  right: 0;\n  margin-bottom: -4px;\n  margin-right: -4px;\n  cursor: se-resize; }\n\n.ReactCrop .ord-s {\n  bottom: 0;\n  left: 50%;\n  margin-bottom: -4px;\n  margin-left: -4px;\n  cursor: s-resize; }\n\n.ReactCrop .ord-sw {\n  bottom: 0;\n  left: 0;\n  margin-bottom: -4px;\n  margin-left: -4px;\n  cursor: sw-resize; }\n\n.ReactCrop .ord-w {\n  top: 50%;\n  left: 0;\n  margin-top: -4px;\n  margin-left: -4px;\n  cursor: w-resize; }\n\n.ReactCrop__drag-bar {\n  position: absolute; }\n\n.ReactCrop__drag-bar.ord-n {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 6px;\n  margin-top: -4px; }\n\n.ReactCrop__drag-bar.ord-e {\n  right: 0;\n  top: 0;\n  width: 6px;\n  height: 100%;\n  margin-right: -4px; }\n\n.ReactCrop__drag-bar.ord-s {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 6px;\n  margin-bottom: -4px; }\n\n.ReactCrop__drag-bar.ord-w {\n  top: 0;\n  left: 0;\n  width: 6px;\n  height: 100%;\n  margin-left: -4px; }\n\n.ReactCrop-new-crop .ReactCrop__drag-bar,\n.ReactCrop-new-crop .ReactCrop__drag-handle {\n  display: none; }\n\n.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-n,\n.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-e,\n.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-s,\n.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-w {\n  display: none; }\n\n.ReactCrop-fixed-aspect .ReactCrop__drag-bar {\n  display: none; }\n\n@media (max-width: 768px) {\n  .ReactCrop__drag-handle {\n    width: 17px;\n    height: 17px; }\n  .ReactCrop .ord-nw {\n    margin-top: -8px;\n    margin-left: -8px; }\n  .ReactCrop .ord-n {\n    margin-top: -8px;\n    margin-left: -8px; }\n  .ReactCrop .ord-ne {\n    margin-top: -8px;\n    margin-right: -8px; }\n  .ReactCrop .ord-e {\n    margin-top: -8px;\n    margin-right: -8px; }\n  .ReactCrop .ord-se {\n    margin-bottom: -8px;\n    margin-right: -8px; }\n  .ReactCrop .ord-s {\n    margin-bottom: -8px;\n    margin-left: -8px; }\n  .ReactCrop .ord-sw {\n    margin-bottom: -8px;\n    margin-left: -8px; }\n  .ReactCrop .ord-w {\n    margin-top: -8px;\n    margin-left: -8px; }\n  .ReactCrop__drag-bar.ord-n {\n    height: 14px;\n    margin-top: -12px; }\n  .ReactCrop__drag-bar.ord-e {\n    width: 14px;\n    margin-right: -12px; }\n  .ReactCrop__drag-bar.ord-s {\n    height: 14px;\n    margin-bottom: -12px; }\n  .ReactCrop__drag-bar.ord-w {\n    width: 14px;\n    margin-left: -12px; } }\n", ".iframe {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 0;\n}\n", ".iframe {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 0;\n}\n", "/* BASICS */\n\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  font-family: monospace;\n  height: 300px;\n  color: black;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n  padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre {\n  padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n  border-left: 1px solid black;\n  border-right: none;\n  width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n\n.cm-animate-fat-cursor {\n  width: auto;\n  border: 0;\n  -webkit-animation: blink 1.06s steps(1) infinite;\n  -moz-animation: blink 1.06s steps(1) infinite;\n  animation: blink 1.06s steps(1) infinite;\n  background-color: #7e7;\n}\n@-moz-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@-webkit-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n  position: absolute;\n  left: 0; right: 0; top: -50px; bottom: -20px;\n  overflow: hidden;\n}\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  top: 0; bottom: 0;\n  position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3 {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n  position: relative;\n  overflow: hidden;\n  background: white;\n}\n\n.CodeMirror-scroll {\n  overflow: scroll !important; /* Things will break if this is overridden */\n  /* 30px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -30px; margin-right: -30px;\n  padding-bottom: 30px;\n  height: 100%;\n  outline: none; /* Prevent dragging from highlighting the element */\n  position: relative;\n}\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 30px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  position: absolute;\n  z-index: 6;\n  display: none;\n}\n.CodeMirror-vscrollbar {\n  right: 0; top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n  bottom: 0; left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n  right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n  left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n  position: absolute; left: 0; top: 0;\n  min-height: 100%;\n  z-index: 3;\n}\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -30px;\n}\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: none !important;\n  border: none !important;\n}\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0; bottom: 0;\n  z-index: 4;\n}\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4;\n}\n.CodeMirror-gutter-wrapper {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre {\n  /* Reset some styles that the rest of the page might have set */\n  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n  border-width: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-variant-ligatures: contextual;\n  font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0; right: 0; top: 0; bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  overflow: auto;\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-code {\n  outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.CodeMirror-cursor {\n  position: absolute;\n  pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n  background: #ffa;\n  background: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n", ".cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/\n.cm-s-twilight div.CodeMirror-selected { background: #323232; } /**/\n.cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 50, 0.99); }\n.cm-s-twilight .CodeMirror-line::-moz-selection, .cm-s-twilight .CodeMirror-line > span::-moz-selection, .cm-s-twilight .CodeMirror-line > span > span::-moz-selection { background: rgba(50, 50, 50, 0.99); }\n\n.cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }\n.cm-s-twilight .CodeMirror-guttermarker { color: white; }\n.cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; }\n.cm-s-twilight .CodeMirror-linenumber { color: #aaa; }\n.cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white; }\n\n.cm-s-twilight .cm-keyword { color: #f9ee98; } /**/\n.cm-s-twilight .cm-atom { color: #FC0; }\n.cm-s-twilight .cm-number { color:  #ca7841; } /**/\n.cm-s-twilight .cm-def { color: #8DA6CE; }\n.cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/\n.cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/\n.cm-s-twilight .cm-operator { color: #cda869; } /**/\n.cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/\n.cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/\n.cm-s-twilight .cm-string-2 { color:#bd6b18; } /*?*/\n.cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/\n.cm-s-twilight .cm-builtin { color: #cda869; } /*?*/\n.cm-s-twilight .cm-tag { color: #997643; } /**/\n.cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/\n.cm-s-twilight .cm-header { color: #FF6400; }\n.cm-s-twilight .cm-hr { color: #AEAEAE; }\n.cm-s-twilight .cm-link { color:#ad9361; font-style:italic; text-decoration:none; } /**/\n.cm-s-twilight .cm-error { border-bottom: 1px solid red; }\n\n.cm-s-twilight .CodeMirror-activeline-background { background: #27282E; }\n.cm-s-twilight .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }\n", "/**\n* Overwriting CKEditor 5 styles for the general rendering in the Neos UI\n*/\n\n/* hides buggy powered-by logo (credits on https://www.neos.io via \"Editor Tools\") */\n.ck-powered-by-balloon {\n    display: none;\n}\n\n/* hides bar below neos ui */\n.ck-aria-live-announcer {\n    display: none;\n}\n", ".ck.ck-placeholder:after {\n    display: inline-flex;\n}\n\n.ck .ck-placeholder br[data-cke-filler=\"true\"] {\n    display: none;\n}\n\n.ck.ck-placeholder:after, .ck .ck-placeholder:after {\n    content: attr(data-placeholder);\n    pointer-events: none;\n    color: #999;\n}\n\n.ck.ck-read-only .ck-placeholder:after {\n    display: none;\n}\n", ".toolbar {\n    flex: 0 1 auto;\n}\n\n.toolBar__btnGroup {\n    display: flex;\n    flex-wrap: wrap;\n    background: var(--colors-ContrastDarkest);\n\n    &:before,\n    &:after {\n        content: '';\n        display: table;\n    }\n    &:after {\n        clear: both;\n    }\n\n     > * {\n         width: auto;\n     }\n}\n\n.toolBar__btnGroup__btn {\n    float: left;\n}\n", ".wrap {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.toolBar__wrap {\n    display: flex;\n}\n\n.editor {\n    background-color: white;\n    color: black;\n    flex-grow: 1;\n    outline: 0;\n    padding: 15px;\n    overflow: scroll;\n}\n", ".widget {\n    background-color: var(--colors-ContrastNeutral);\n}\n\n.header {\n    display: flex;\n    border-bottom: 1px solid var(--colors-ContrastDarker);\n    padding: 0 var(--spacing-Full);\n    line-height: var(--spacing-GoldenUnit);\n}\n\n.body {\n    padding: var(--spacing-Full);\n}\n\n.label {\n    flex-grow: 1;\n}\n\n.subtitle {\n    color: var(--colors-ContrastBrighter);\n    text-align: right;\n}\n", ".warnIcon {\n    color: var(--colors-Warn);\n}\n", ".markHoveredNodeAsHovered {\n    outline-offset: 10px;\n    outline: 2px solid rgba(0, 0, 0, .2);\n}\n.markHiddenNodeAsHidden {\n    opacity: .3;\n}\n\n.addEmptyContentCollectionOverlay {\n    height: 20px;\n    width: 100%;\n    outline: 2px solid var(--colors-ContrastBrighter);\n}\n\n.markActiveNodeAsFocused--focusedNode {\n    outline-offset: 10px;\n    outline: 2px solid var(--colors-PrimaryBlue);\n}\n\n:global(.neos-contentelement-shine-through:hover).markHoveredNodeAsHovered,\n:global(.neos-contentelement-shine-through).markActiveNodeAsFocused--focusedNode {\n    outline-color: var(--colors-Warn);\n}\n\n:global([data-__neos-property][contenteditable]) {\n    outline: none;\n}\n\n:global([data-__neos-property][contenteditable]:hover) {\n    outline-offset: 5px;\n    outline: 2px dashed var(--colors-PrimaryBlue);\n}\n\n.notInlineEditableOverlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    z-index: var(--zIndex-NotInlineEditableOverlay-Context);\n    background-size: 100%;\n    background-image: linear-gradient(to bottom, rgba(50, 50, 50, .1), rgba(50, 50, 50, .2), rgba(50, 50, 50, .1));\n}\n\n:global(.ck-content .table table td) {\n    padding: 5px;\n    border: 1px solid gray;\n}\n\n:global(body::-webkit-scrollbar) {\n    width: 8px;\n    height: 8px;\n}\n:global(body::-webkit-scrollbar-track) {\n    background-color: var(--colors-ContrastDarkest) !important;\n}\n", ".modalTitle {\n    margin-left: var(--spacing-Full);\n    word-break: break-all;\n}\n.modalContents {\n    padding: var(--spacing-Full);\n    word-break: break-all;\n}\n.buttonIcon {\n    margin-right: var(--spacing-Half);\n}\n.modalTitleContainer {\n    display: flex;\n}\n", ".root {\n    display: flex;\n    align-items: center;\n}\n\n.label {\n    @media (max-width: 720px) {\n        display: none;\n    }\n}\n\n.buttonGroup {\n    margin-left: var(--spacing-Quarter);\n\n    > button {\n        align-items: center;\n        justify-content: center;\n        display: inline-flex;\n    }\n\n    > button:first-child {\n        border-top-left-radius: 2px;\n        border-bottom-left-radius: 2px;\n    }\n    > button:last-child {\n        border-top-right-radius: 2px;\n        border-bottom-right-radius: 2px;\n    }\n    .afterButton {\n        border-top-right-radius: 2px;\n        border-bottom-right-radius: 2px;\n    }\n    .intoButton {\n        margin-left: var(--spacing-Half);\n        border-radius: 2px;\n    }\n    > button {\n        padding: 0px 14px;\n    }\n}\n\n.iconAlignment {\n    margin-right: var(--spacing-Half);\n    width: fit-content;\n}\n\n.iconAlignment svg {\n    height: 1rem;\n}\n\n.iconAlignment span {\n    display: flex;\n}\n", ".modalTitle {\n    margin-left: var(--spacing-Full);\n}\n.modalContents {\n    padding: var(--spacing-Full);\n}\n.applyBtn {\n    background: var(--colors-Success) !important;\n}\n", ".nodeType {\n    width: calc(100% / 6);\n    text-align: left;\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    padding: 1px;\n\n    &:hover {\n        & button {\n            background-color: var(--colors-PrimaryBlue);\n        }\n    }\n}\n\n@media (max-width: 992px) {\n    .nodeType {\n        width: calc(100% / 4);\n    }\n}\n@media (max-width: 768px) {\n    .nodeType {\n        width: calc(100% / 3);\n    }\n}\n@media (max-width: 576px) {\n    .nodeType {\n        width: calc(100% / 2);\n    }\n}\n\n.nodeType__toolTip {\n    top: 40px;\n}\n\n.nodeType__iconWrapper {\n    display: block;\n    text-align: center;\n    margin-top: var(--spacing-Quarter);\n    margin-bottom: var(--spacing-Half);\n}\n.nodeType__icon {\n    color: var(--colors-ContrastBrightest);\n}\n.nodeType__item {\n    text-align: center;\n    flex-grow: 1;\n    height: auto;\n    padding: var(--spacing-Full);\n    background: var(--colors-ContrastNeutral);\n    border-radius: 2px;\n    position: relative;\n}\n.nodeType__item--focused {\n    background: var(--colors-PrimaryBlue);\n}\n.nodeType__helpIcon {\n    display: block;\n    position: absolute;\n    top: 3px;\n    right: 3px;\n    min-width: 24px;\n    width: 24px;\n    height: 24px;\n    opacity: .5;\n    background: transparent;\n\n    &:hover {\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: none;\n    }\n}\n\n.helpMessage__wrapper {\n    position: relative;\n    width: 100%;\n    clear: right;\n    margin-top: var(--spacing-Half);\n}\n\n.helpMessage {\n    background-color: var(--colors-ContrastDarkest);\n    padding: var(--spacing-Full);\n    border-radius: 2px;\n    margin: 1px;\n    position: relative;\n    overflow-y: auto;\n}\n\n.helpMessage a {\n    color: var(--colors-PrimaryBlue);\n}\n\n.helpMessage ul {\n    padding-left: 40px;\n}\n\n.helpMessage ul li {\n    display: list-item;\n}\n\n.helpMessage a:hover,\n.helpMessage a:focus {\n    color: var(--colors-PrimaryBlueHover);\n}\n\n.helpMessage__label {\n    display: block;\n    margin-bottom: var(--spacing-Half);\n}\n.helpMessage__closeButton {\n    position: absolute;\n    right: 1px;\n    top: 1px;\n    background-color: transparent;\n}\n\n.helpThumbnail {\n    float: right;\n    max-width: 342px;\n    margin-bottom: 16px;\n    margin-left: 16px;\n}\n/* TODO: refactor such typography things to Headline component */\n.groupHeader {\n    border-top: 1px solid var(--colors-ContrastDark);\n}\n.groupTitle {\n    color: var(--colors-ContrastBrightest);\n    line-height: 1.2;\n    font-weight: bold;\n}\n.groupContents {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n    padding: var(--spacing-Full) !important;\n    padding-top: 0 !important;\n}\n\n.nodeTypeDialogHeader {\n    display: flex;\n    justify-content: space-between;\n    padding-left: var(--spacing-Full);\n    padding-right: var(--spacing-Full);\n    padding-bottom: var(--spacing-Full);\n}\n.nodeTypeDialogHeader__filter {\n    max-width: 342px;\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    margin-left: var(--spacing-Full);\n}\n.nodeTypeDialogHeader__filterInput {\n    padding-left: var(--spacing-GoldenUnit);\n\n    &:focus {\n        background: var(--colors-ContrastDark);\n        color: var(--colors-ContrastBrightest);\n    }\n}\n.nodeTypeDialogHeader__filterInputContainer {\n    width: 100%;\n}\n.nodeTypeDialogHeader__filterIconSearch {\n    position: absolute;\n    top: 10px;\n    left: var(--spacing-Full);\n    width: var(--spacing-Full);\n}\n.nodeTypeDialogHeader__filterIconReset {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: var(--spacing-GoldenUnit);\n}\n\n.nodeTypeFilter__label {\n    margin-right: var(--spacing-Half);\n}\n\n.noMatchesFound {\n    width: 100%;\n    padding: var(--spacing-Full);\n    background: var(--colors-ContrastDarkest);\n    border-radius: 2px;\n    color: var(--colors-ContrastBright);\n\n    & svg {\n        color: var(--colors-ContrastBright);\n    }\n}\n", ".body {\n    display: flex;\n    height: calc(65vh);\n}\n.primaryColumn {\n    overflow-y: auto;\n    width: 100%;\n    transition: var(--transition-Default) ease width;\n    padding: var(--spacing-Full);\n    flex-grow: 0;\n    flex-shrink: 0;\n\n    .expanded & {\n        width: calc(var(--size-SidebarWidth) + 2 * var(--spacing-Full));\n    }\n}\n.secondaryColumn {\n    width: 0;\n    opacity: 0;\n    transition: var(--transition-Default) ease width,\n        var(--transition-Default) ease opacity;\n    overflow: hidden;\n\n    .expanded & {\n        width: 100%;\n        opacity: 1;\n    }\n}\n.secondaryColumn__contentWrapper {\n    position: relative;\n    height: 100%;\n    padding: var(--spacing-Full);\n    margin-left: var(--spacing-Full);\n    width: calc(100% - var(--spacing-Full));\n    overflow: hidden;\n    box-shadow: inset 0 0 2px #000;\n    background-color: rgba(0, 0, 0, .1);\n}\n.close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n}\n.editor {\n    margin-bottom: var(--spacing-Full);\n}\n.buttonIcon {\n    margin-right: var(--spacing-Half);\n}\n", ".body {\n    padding: var(--spacing-Full);\n}\n\n.editor {\n    margin-bottom: var(--spacing-Full);\n}\n\n.modalContents {\n    padding: 0 var(--spacing-Full) var(--spacing-Full) var(--spacing-Full);\n    color: var(--colors-ContrastBrighter);\n}\n", "/*\n * This file is part of the Neos.Neos.Ui package.\n *\n * (c) Contributors of the Neos Project - www.neos.io\n *\n * This package is Open Source Software. For the full copyright and license\n * information, please view the LICENSE file which was distributed with this\n * source code.\n */\n.modalTitle {\n    margin-left: var(--spacing-Full);\n}\n.modalContents {\n    padding: var(--spacing-Full);\n}\n.buttonIcon {\n    margin-right: var(--spacing-Half);\n}\n\n.diagram {\n    display: flex;\n    gap: var(--spacing-Full);\n    align-items: center;\n    justify-content: center;\n    padding: var(--spacing-Full);\n    margin-bottom: calc(2 * var(--spacing-Full));\n}\n.diagram__workspace {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-Half);\n    position: relative;\n}\n.diagram__workspace__icon {\n    font-size: 32px;\n}\n.diagram__workspace__icon--trash {\n    color: var(--colors-Warn);\n}\n.diagram__workspace__label {\n    position: absolute;\n    display: block;\n    bottom: -100%;\n    left: 50%;\n    width: 160px;\n    transform: translate(-50%, 0);\n    text-align: center;\n}\n.diagram__process {\n    width: 160px;\n    height: 0;\n    position: relative;\n    border-bottom: 2px solid var(--colors-ContrastBrighter);\n}\n.diagram__process--result {\n    border-bottom: none;\n}\n.diagram__process__chevron {\n    position: absolute;\n    right: -1px;\n    top: 1px;\n    transform: translate(0, -50%);\n    color: var(--colors-ContrastBrighter);\n}\n.diagram__process--result .diagram__process__chevron {\n    display: none;\n}\n.diagram__process__changes {\n    position: relative;\n}\n.diagram__process__changes__number {\n    position: absolute;\n    left: 50%;\n    transform: translate(-50%, 100%);\n    background: var(--colors-ContrastBrightest);\n    color: var(--colors-ContrastDarkest);\n    padding: 0 var(--spacing-Half);\n    border-radius: var(--spacing-Half);\n}\n.diagram__process__icon {\n    position: absolute;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 32px;\n}\n.diagram__process__icon--ongoing {\n    animation: ongoing 1.6s ease-in-out infinite;\n}\n.diagram__process__icon--error {\n    color: var(--colors-Error);\n    font-size: 48px;\n}\n.diagram__process__icon--warn {\n    color: var(--colors-Warn);\n    font-size: 48px;\n}\n.diagram__process__icon--success {\n    color: var(--colors-Success);\n    font-size: 48px;\n}\n\n@keyframes ongoing {\n    0%,\n    100% {\n        left: 10%;\n        transform: translate(-50%, -50%) scale(0);\n    }\n    50% {\n        transform: translate(-50%, -50%) scale(1.25);\n    }\n    99% {\n        left: 90%;\n    }\n}\n\n@media (prefers-reduced-motion) {\n    .diagram__process__icon--ongoing {\n        animation: ongoing 3.2s ease-in-out infinite;\n    }\n\n    @keyframes ongoing {\n        0%,\n        100% {\n            opacity: 0;\n        }\n        25% {\n            opacity: 1;\n        }\n        75% {\n            opacity: 1;\n        }\n    }\n}\n", ".modalContents {\n    padding: var(--spacing-Full);\n}\n.inputFieldWrapper {\n    margin-bottom: var(--spacing-Half);\n}\n.loginButton {\n    width: 100%;\n}\n", ".keyboardShortcutIntroText {\n    padding: var(--spacing-Half) var(--spacing-Full);\n}\n\n.keyboardShortcutList {\n    display: flex;\n    width: 100%;\n    padding: 0;\n    flex-wrap: wrap;\n}\n\n.keyboardShortcut {\n    flex: 0 1 auto;\n    width: calc(100% / 2);\n    border-bottom: 1px solid var(--colors-ContrastDark);\n    border-right: 1px solid var(--colors-ContrastDark);\n    padding: var(--spacing-Half) var(--spacing-Full);\n    font-size: var(--fontSize-Base);\n\n    display: flex;\n    vertical-align: center;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.keyboardShortcut__keys {\n    background-color: var(--colors-ContrastNeutral);\n    font-weight: bold;\n    padding: var(--spacing-Half);\n    text-align: center;\n    width: 60px;\n    margin-left: var(--spacing-Full);\n}\n", ".modalTitle {\n    margin-left: var(--spacing-Full);\n}\n.modalContents {\n    padding: var(--spacing-Full);\n}\n.discardButton {\n    margin-left: 0;\n}\n.buttonIcon {\n    margin-right: var(--spacing-Half);\n}\n", ".wrapper {\n    display: inline-block;\n    position: relative;\n    vertical-align: top;\n    height: var(--spacing-GoldenUnit);\n}\n\n.rebaseButton {\n    padding: 0 calc(var(--spacing-Full) - var(--spacing-Quarter));\n    border-left: 1px solid black;\n}\n\n.iconLayer {\n    width: 1.5em;\n    height: 1.5em;\n}\n\n.badgeIconBackground {\n    background: var(--colors-ContrastDarkest);\n}\n\n.badgeIconOnDarkBackground {\n    background: var(--colors-ContrastBrightest);\n}\n\n.badgeIconOnDarkBackground svg {\n    color: var(--colors-ContrastDarkest);\n}\n", ".modalContents {\n    padding: var(--spacing-Full);\n    white-space: pre-line;\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-Full);\n}\n\n.button {\n    display: inline-flex;\n    flex-direction: row;\n    gap: var(--spacing-Half);\n    align-items: center;\n    justify-content: center;\n}\n\n.icon {\n    width: 1.5rem;\n    height: 1.5rem;\n}\n\n.summary {\n    cursor: pointer;\n}\n\n.modalTitle {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--spacing-Full);\n}\n\n.modalTitle span:first-child {\n    scale: .8;\n}\n\n.diagram {\n    display: flex;\n    gap: var(--spacing-Full);\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--spacing-Full);\n    margin: 0 auto calc(2 * var(--spacing-Full));\n    width: 300px;\n}\n.diagram__workspace {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-Half);\n    position: relative;\n}\n.diagram__workspace__icon {\n    font-size: 32px;\n}\n.diagram__workspace__icon--trash {\n    color: var(--colors-Warn);\n}\n.diagram__workspace__label {\n    position: absolute;\n    display: block;\n    bottom: -100%;\n    left: 50%;\n    width: 160px;\n    transform: translate(-50%, 0);\n    text-align: center;\n}\n.diagram__process__icon {\n    font-size: 48px;\n}\n.diagram__process__icon--error {\n    color: var(--colors-Error);\n}\n.diagram__process__icon--success {\n    color: var(--colors-Success);\n}\n.diagram__process__icon--warn {\n    color: var(--colors-Warn);\n}\n\n.node {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--spacing-Half);\n    position: relative;\n    padding-left: 1.6em;\n}\n.node__icon {\n    position: absolute;\n    left: 0;\n}\n.node__changeIcon {\n    position: absolute;\n    font-size: 10px;\n    bottom: 0px;\n    left: 6px;\n    color: var(--colors-Warn);\n}\n\n.conflictList > * + * {\n    margin-top: 2px;\n}\n\n.conflict__details[open] {\n    border: 2px solid var(--colors-ContrastBright);\n}\n.conflict__summary {\n    cursor: pointer;\n    background-color: var(--colors-ContrastDark);\n    padding: var(--spacing-Full);\n}\n.conflict__summary::marker {\n    position: absolute;\n}\n.conflict__summary__contents {\n    display: inline-block;\n    max-width: 95%;\n    padding-left: var(--spacing-Half);\n}\n.conflict__changeIcon {\n    color: var(--colors-Warn);\n}\n.conflict__descriptionList {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: var(--spacing-Full);\n    background-color: var(--colors-ContrastDarkest);\n    gap: var(--spacing-Full);\n}\n.conflict__descriptionList__group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-Quarter);\n}\n.conflict__descriptionList__description {\n    display: flex;\n    flex-direction: row;\n    align-items: first baseline;\n    gap: var(--spacing-Full);\n    margin-left: var(--spacing-Full);\n}\n\n.diagram {\n    display: flex;\n    gap: var(--spacing-Full);\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--spacing-Full);\n    margin: 0 auto calc(2 * var(--spacing-Full));\n    width: 300px;\n}\n.diagram__workspace {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-Half);\n    position: relative;\n}\n.diagram__workspace__icon {\n    font-size: 32px;\n}\n.diagram__workspace__icon--trash {\n    color: var(--colors-Warn);\n}\n.diagram__workspace__label {\n    position: absolute;\n    display: block;\n    bottom: -100%;\n    left: 50%;\n    width: 160px;\n    transform: translate(-50%, 0);\n    text-align: center;\n}\n.diagram__process__icon {\n    font-size: 48px;\n}\n.diagram__process__icon--error {\n    color: var(--colors-Error);\n}\n.diagram__process__icon--success {\n    color: var(--colors-Success);\n}\n", ".primaryToolbar {\n    display: flex;\n    composes: primaryToolbar from '../style.module.css';\n    position: relative;\n    left: unset;\n    top: unset;\n    height: unset;\n    z-index: var(--zIndex-PrimaryToolbar);\n}\n.primaryToolbar--isHidden {\n    display: none;\n}\n.primaryToolbar__leftSidedActions {\n    display: flex;\n    flex: 0 0 var(--size-SidebarWidth);\n}\n.primaryToolbar__actions {\n    display: flex;\n    flex: 1;\n}\n.primaryToolbar__rightSidedActions {\n    display: flex;\n}\n", ".dropDown {\n    max-width: 320px;\n    width: auto;\n}\n\n.dropDown__header {\n    background-color: transparent;\n\n    &:hover {\n        color: var(--colors-PrimaryBlue);\n    }\n}\n\n.dropDown__contents {\n    width: fit-content;\n    min-width: 100%;\n    padding: 0 2px 2px 2px !important;\n    background-color: var(--colors-ContrastDarker) !important;\n    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);\n}\n\n.dropDown__btnIcon {\n    margin-right: .5em;\n}\n\n.dimensionCategory {\n    background-color: var(--colors-ContrastDarkest);\n    padding: var(--spacing-Full);\n}\n\n.dimensionSwitcherDropDown {\n    min-width: fit-content;\n}\n\n.dimensionCategory + .dimensionCategory {\n    padding-top: 0;\n}\n\n.cancelButton {\n    margin-right: var(--spacing-Quarter) !important;\n}\n\n.dimensionLabel {\n    padding-top: var(--spacing-Half);\n    padding-bottom: var(--spacing-Quarter);\n}\n\n.buttonGroup {\n    display: flex;\n    padding: var(--spacing-Half);\n}\n\n.buttonGroup button {\n    flex: 1 0 auto;\n}\n\n@media only screen and (max-width: 1024px) {\n    .selectPresetLabel {\n        display: none;\n    }\n}\n\n.dimmed {\n    filter: opacity(50%);\n}\n\n.selectPreset + .selectPreset {\n    margin-left: var(--spacing-Half);\n}\n\n.singleDimensionDropdown {\n    display: flex;\n    align-items: center;\n    align-self: start;\n\n    .dimensionSwitcherDropDown {\n        background: unset;\n        min-width: fit-content;\n    }\n\n    .dimensionSwitcherDropDown div[role='button'] {\n        padding: 5px 0 5px var(--spacing-Full);\n    }\n}\n", ".btn {\n    display: inline-block;\n    padding: 0 var(--spacing-Full);\n    height: var(--spacing-GoldenUnit);\n    line-height: var(--spacing-GoldenUnit);\n    border: 0;\n    background: var(--colors-Success);\n    text-align: center;\n    vertical-align: top;\n    color: white;\n    cursor: pointer;\n}\n.btn--disabled {\n    opacity: .5;\n}\n.btn--notAllowed {\n    &[disabled] {\n        cursor: not-allowed;\n    }\n}\n.btn--highlighted {\n    background: var(--colors-Warn);\n\n    &:hover {\n        background: var(--colors-WarnHover);\n    }\n}\n", ".selectBox {\n    border-radius: 0;\n}\n.notAllowed {\n    padding: 12px var(--spacing-Full);\n    cursor: not-allowed;\n    opacity: .5;\n}\n", ".wrapper {\n    display: inline-block;\n    position: relative;\n    vertical-align: top;\n    padding-right: 47px;\n    height: var(--spacing-GoldenUnit);\n}\n\n.publishBtn {\n    min-width: 212px;\n\n    @media(max-width: 768px) {\n        min-width: auto;\n    }\n}\n.dropDown {\n    position: static;\n    width: auto;\n}\n.dropDown__contents {\n    padding: 2px !important;\n    background: var(--colors-Success);\n}\n.dropDown__btn {\n    position: absolute;\n    right: 0;\n    top: 0;\n    display: inline-block;\n    width: auto;\n    height: var(--spacing-GoldenUnit);\n    padding: 0 30px 0 var(--spacing-Full);\n    border: 0;\n    border-radius: 0;\n    line-height: var(--spacing-GoldenUnit);\n    background: var(--colors-Success);\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n}\n\n.dropDown__iconWrapper {\n    width: 2em;\n    display: inline-block;\n    text-align: center;\n    margin-left: -5px;\n    margin-right: 5px;\n}\n\n/**\nPLEASE NOTE: this absolute positioning is a fix, because react checkboxes inside a react select component are buggy,\nfor further information see https://github.com/neos/neos-ui/pull/3211\n */\n.dropdownOptionCheckbox__label {\n    position: absolute;\n    top: 0;\n    left: 45px;\n}\n\n.dropdownOptionCheckbox {\n    position: relative;\n    min-height: 40px;\n}\n\n.dropdownOptionCheckbox__input {\n    width: 100%;\n    padding-top: 10px;\n}\n\n.dropdownOptionCheckbox__input > input {\n    width: 100%;\n}\n\n.dropdownOptionCheckbox__input > svg {\n    left: 10px;\n    top: 20px;\n}\n\n.dropDown__item {\n    position: relative;\n    border-top: 1px solid var(--colors-ContrastDarker);\n    background: var(--colors-ContrastDarkest);\n\n    &:hover {\n        background: var(--colors-PrimaryBlue);\n\n        .badge {\n            color: var(--colors-PrimaryBlue);\n        }\n    }\n\n    > a,\n    > button {\n        display: block;\n    }\n\n    > a,\n    > label,\n    > button {\n        width: 100%;\n        border: 0;\n        padding: 0 var(--spacing-Full);\n        background: 0;\n        color: #FFF;\n        text-decoration: none;\n        line-height: var(--spacing-GoldenUnit);\n        text-align: left;\n\n        > svg,\n        > input {\n            margin-right: .5em;\n        }\n    }\n\n    > label {\n        margin-bottom: 0;\n        align-items: center;\n    }\n\n    .badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 11px 16px;\n        color: #000;\n    }\n}\n.dropDown__item--noHover:hover {\n    background: var(--colors-ContrastDarker);\n}\n.dropDown__item--disabled {\n    opacity: .5;\n\n    &,\n    > button[disabled] {\n        cursor: not-allowed;\n    }\n}\n.dropDown__item--canPublish {\n    background: var(--colors-Warn);\n\n    &:hover {\n        background: var(--colors-WarnHover);\n    }\n\n    + .dropDown__contents {\n        background: var(--colors-Warn);\n    }\n}\n.dropDown__item--isPublishing,\n.dropDown__item--isSaving {\n    background: var(--colors-Warn);\n    opacity: .5;\n}\n\n.badge {\n    margin-left: var(--spacing-Half);\n}\n", ".menuToggler {\n    &:focus {\n        outline: 0;\n    }\n}\n\n.menuToggler--isActive {\n    color: var(--colors-ContrastBrightest);\n\n    .menuToggler__icon {\n        color: var(--colors-PrimaryBlue);\n\n        &:hover,\n        &:focus {\n            color: var(--colors-PrimaryBlue);\n        }\n    }\n}\n\n.menuToggler__icon {\n    position: relative;\n    display: inline-block;\n    width: 22px;\n    height: 34px;\n\n    &:before,\n    &:after {\n        position: absolute;\n        left: 0;\n        display: block;\n        width: 100%;\n        height: 3px;\n        border-color: currentColor;\n    }\n\n    &:before {\n        top: 10px;\n        border-top: 3px solid;\n        border-bottom: 3px solid;\n        content: '';\n    }\n\n    &:after {\n        top: 22px;\n        background-color: currentColor;\n        content: '';\n    }\n\n    &:hover {\n        text-decoration: none;\n        color: var(--colors-PrimaryBlue);\n    }\n}\n", ".wrapper {\n    position: relative;\n    display: inline-block;\n    padding: var(--spacing-Half) 1px; /* 1px to prevent spacing issue */\n    vertical-align: top;\n\n    @media(max-width: 576px) {\n        display: none;\n    }\n}\n", ".wrapper {\n    display: inline-block;\n    position: relative;\n    vertical-align: top;\n}\n.dropDown {\n    position: static;\n    display: block;\n}\n.dropDown__btn {\n    position: relative;\n    height: var(--spacing-GoldenUnit);\n    border: 0;\n    background-color: var(--colors-ContrastDarker);\n    text-align: right;\n\n    &:hover {\n        color: var(--colors-PrimaryBlue);\n    }\n}\n.dropDown__btnIcon {\n    margin-right: .5em;\n}\n.dropDown__currentEditMode {\n    @media(max-width: 1024px) {\n        display: none;\n    }\n}\n\n.dropDown__contents {\n    position: relative;\n    min-width: 160px;\n    padding: 2px !important;\n    margin-top: -2px;\n    background: var(--colors-ContrastDarker);\n    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);\n\n    @media(max-width: 768px) {\n        position: absolute;\n        min-width: 240px;\n        top: 40px;\n        left: 0;\n        margin-top: 0;\n    }\n}\n.dropDown__item {\n    height: var(--spacing-GoldenUnit);\n    border-top: 1px solid var(--colors-ContrastDarker);\n    background: var(--colors-ContrastDarkest);\n\n    &:hover {\n        background: var(--colors-PrimaryBlue);\n    }\n\n    > a,\n    & button {\n        display: block;\n        width: 100%;\n        border: 0;\n        padding: 0 var(--spacing-Full);\n        background: 0;\n        color: #FFF;\n        cursor: pointer;\n        text-decoration: none;\n        line-height: var(--spacing-GoldenUnit);\n        text-align: left;\n    }\n}\n\n.dropDown__groupHeader {\n    color: #FFF;\n    padding: var(--spacing-Half) var(--spacing-Full);\n}\n.dropDown__itemIcon {\n    margin-right: .5em;\n}\n", ".secondaryToolbar {\n    composes: secondaryToolbar from '../style.module.css';\n    display: flex;\n    justify-content: space-between;\n    gap: 1rem;\n    position: relative;\n    top: unset;\n    left: unset;\n    width: 100%;\n    height: 41px;\n    background: var(--colors-ContrastDarkest);\n    will-change: padding;\n    border-bottom: 1px solid var(--colors-ContrastDark);\n}\n.secondaryToolbar--isFringeLeft {\n    padding-left: 46px;\n}\n.secondaryToolbar--isFringeRight {\n    padding-right: 46px;\n}\n.secondaryToolbar__rightHandedActions {\n    margin-left: auto;\n}\n\n.dimensionCategory__icon {\n    margin-right: .5em;\n}\n", ".loadingIndicator__container {\n    left: 0;\n    top: 0;\n    height: 2px;\n    position: absolute;\n    width: 100vw;\n    z-index: var(--zIndex-LoadingIndicatorContainer);\n}\n\n.loadingIndicator {\n    height: 2px;\n    position: relative;\n    width: 100%;\n}\n.loadingIndicator__bar {\n    height: 100%;\n    position: relative;\n    background-color: #ff8700;\n    animation: cssload-width 2s cubic-bezier(.45, 0, 1, 1) infinite;\n}\n\n@keyframes cssload-width {\n    0%,\n    100% {\n        transition-timing-function: cubic-bezier(1, 0, .65, .85);\n    }\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n}\n", ".secondaryToolbar__buttonLink {\n    position: relative;\n    display: inline-block;\n    height: var(--spacing-GoldenUnit);\n    line-height: var(--spacing-GoldenUnit);\n    min-width: var(--spacing-GoldenUnit);\n    padding: 0;\n    border: 0;\n    -webkit-font-smoothing: antialiased;\n    vertical-align: top;\n    width: var(--spacing-GoldenUnit);\n    color: var(--colors-ContrastBrightest);\n    text-align: center;\n    background: transparent;\n\n    &:focus {\n        outline: unset;\n    }\n}\n\na.secondaryToolbar__buttonLink:hover {\n    background: var(--colors-PrimaryBlue);\n}\n\n.secondaryToolbar__buttonLink--isDisabled {\n    opacity: .5;\n}\n", ".fullScreenClose {\n    background-color: var(--colors-PrimaryBlue);\n}\n", ".drawer {\n    position: fixed;\n    display: flex;\n    flex-flow: column;\n    flex-shrink: 0;\n    justify-content: flex-start;\n    top: calc(var(--spacing-GoldenUnit) + 1px);\n    left: 0;\n    z-index: var(--zIndex-Drawer);\n    height: calc(100% - calc(var(--spacing-GoldenUnit) + 1px));\n    width: var(--size-SidebarWidth);\n    background: var(--colors-ContrastDarker);\n    transition: var(--transition-Default) ease transform;\n    overflow: scroll;\n}\n.drawer--isHidden {\n    transform: translateX(calc(var(--size-SidebarWidth) * -1));\n}\n\n.drawer__menuItemGroupsWrapper {\n    display: flex;\n    flex-shrink: 0;\n    flex-direction: column;\n    overflow-y: auto;\n    padding-bottom: calc(var(--spacing-GoldenUnit) + 1px);\n}\n\n.drawer__menuItem {\n    display: flex;\n    flex-direction: column;\n    border-top: 1px solid var(--colors-ContrastDark);\n    cursor: pointer;\n\n    &:first-child {\n        border-top: 0;\n    }\n}\n.drawer__menuItemGroupBtn,\n.drawer__menuItemBtn {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 0;\n    text-align: left;\n    font-size: 15px;\n\n    & span {\n        display: inline-flex;\n        height: inherit;\n        width: inherit;\n        align-items: center;\n    }\n}\n/* Set an explicit width for the icons so that the chars are starting */\n/* on the same place for every MenuItem */\n.drawer__menuItem__header {\n    padding-right: calc(var(--spacing-GoldenUnit) - var(--spacing-Full));\n}\n.drawer__menuItemGroupBtn svg,\n.drawer__menuItemBtn svg {\n    width: 2em !important;\n}\n.drawer__menuItemGroupBtn {\n    font-weight: 700;\n}\n.drawer__bottom {\n    margin-top: auto;\n}\n.drawer__version {\n    color: var(--colors-ContrastBright);\n    padding: var(--spacing-Full);\n}\n", ".wrapper {\n    position: relative;\n    vertical-align: top;\n    width: 100%;\n}\n.dropDown {\n    position: static;\n    display: block;\n    overflow-x: auto;\n}\n.dropDown__btn {\n    position: relative;\n    height: var(--spacing-GoldenUnit);\n    border: 0;\n    text-align: right;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    background: var(--colors-ContrastDarkest);\n    padding-top: 2em;\n    padding-bottom: 2em;\n\n    &:hover span {\n        color: var(--colors-PrimaryBlue);\n    }\n}\n.dropDown__btnIcon {\n    margin-right: .75em;\n    width: 2em !important;\n}\n.dropDown__contents {\n    min-width: 160px;\n    padding: 2px !important;\n    margin-top: -2px;\n    background: var(--colors-ContrastDarkest);\n    position: relative;\n    box-shadow: none;\n}\n.dropDown__item {\n    height: var(--spacing-GoldenUnit);\n    border-top: 1px solid var(--colors-ContrastDarker);\n\n    &:hover {\n        background: var(--colors-PrimaryBlue);\n    }\n\n    > a,\n    & button {\n        display: block;\n        width: 100%;\n        border: 0;\n        padding: 0 var(--spacing-Full);\n        background: 0;\n        color: #FFF;\n        cursor: pointer;\n        text-decoration: none;\n        line-height: var(--spacing-GoldenUnit);\n        text-align: left;\n    }\n}\n.dropDown__itemIcon {\n    margin-right: .75em;\n    width: 2em !important;\n}\n\n.user__image {\n    margin-right: 2em;\n    border-radius: 100%;\n    background: var(--colors-ContrastBright);\n    height: 32px;\n    width: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    align-content: center;\n    flex-wrap: nowrap;\n}\n", ".leftSideBar {\n    composes: leftSidebar from '../style.module.css';\n    display: flex;\n    flex-direction: column;\n    flex-basis: 100%;\n    background: var(--colors-ContrastDarkest);\n    min-width: 320px;\n    max-width: 50vw;\n    right: unset;\n    position: relative;\n    resize: horizontal;\n    overflow-x: auto;\n    overflow-y: hidden;\n}\n\n.leftSideBar--isHidden {\n    display: none;\n}\n\n.leftSideBar__header {\n    display: flex;\n    gap: 5px;\n    cursor: pointer;\n    height: 41px;\n    line-height: 40px;\n    font-weight: bold;\n    background: var(--colors-ContrastDarkest);\n    composes: leftSideBarHeader from '../style.module.css';\n}\n\n.leftSideBar__toggleBtn {\n    width: 46px;\n    border: none;\n    background: var(--colors-ContrastDarkest);\n}\n\n.leftSideBar__top {\n    flex: 0 1 auto;\n    display: flex;\n    flex-direction: column;\n    /* Leave space for the toolbar and the resize icon */\n    min-height: calc(40px + 40px);\n    height: 50%;\n    margin-right: var(--spacing-Quarter);\n    resize: vertical;\n    overflow-y: auto;\n    z-index: 1;\n}\n.leftSideBar__top--isFullHeight {\n    flex: 1;\n    resize: none;\n}\n\n.leftSideBar__bottom {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 40px;\n    margin-right: var(--spacing-Quarter);\n}\n\n.leftSideBar__bottom--isCollapsed {\n    flex: 0 0 var(--spacing-GoldenUnit);\n    overflow-y: hidden;\n}\n", "@keyframes spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n.spinning i {\n    animation: spin 2s infinite linear;\n}\n", ".toggle {\n    cursor: pointer;\n}\n.toggleBtn {\n    background: var(--colors-ContrastDarkest);\n    width: 46px;\n}\n.toggleLabel {\n    line-height: 40px;\n    font-weight: bold;\n    padding-left: 9px;\n}\n", ".toolBar {\n    border-top: 1px solid var(--colors-ContrastDark);\n    border-bottom: 1px solid var(--colors-ContrastDark);\n    border-right: 1px solid var(--colors-ContrastDark);\n    flex: 0 0 var(--spacing-GoldenUnit);\n    background: var(--colors-ContrastDarker);\n}\n.toolBar__btnGroup {\n    &:before,\n    &:after {\n        content: '';\n        display: table;\n    }\n    &:after {\n        clear: both;\n    }\n}\n.toolBar__btnGroup__btn {\n    float: left;\n    width: var(--spacing-GoldenUnit);\n}\n", ".pageTree {\n    overflow-y: auto;\n    /* Node Tree is expected to be rendered inside a display: flex container - and it will take up all remaining space */\n    flex: 1 0 0px;\n    transition: var(--transition-Slow) ease height, overflow-y var(--transition-Slow);\n    background: var(--colors-ContrastDarker);\n    border-bottom: 1px solid var(--colors-ContrastDark);\n    border-right: 1px solid var(--colors-ContrastDark);\n    position: relative;\n}\n.loader {\n    margin: var(--spacing-Quarter);\n}\n.collapseAll {\n    position: absolute;\n    right: 0;\n    top: 0;\n    opacity: .5;\n    cursor: pointer;\n    z-index: 5;\n    padding: var(--spacing-Half);\n    background-color: transparent;\n    border: 0;\n\n    .collapseAllIcon {\n        font-size: 1.2em;\n    }\n\n    &:hover > .collapseAllIcon {\n        color: var(--colors-PrimaryBlueHover);\n    }\n\n    &:hover {\n        opacity: 1;\n    }\n}\n", ".searchInput {\n    flex: 1;\n    & input {\n        /* magic number, sorry */\n        padding-left: var(--spacing-GoldenUnit);\n        border-radius: 0;\n\n        &:focus {\n            background: var(--colors-ContrastDark);\n            color: var(--colors-ContrastBrightest);\n        }\n    }\n}\n\n.clearButton {\n    background: transparent;\n}\n\n.hidden {\n    display: none;\n}\n\n.placeholderIcon {\n    position: absolute;\n    left: var(--spacing-Full);\n    height: var(--spacing-GoldenUnit);\n    width: 1em;\n}\n\n.wrapper {\n    display: flex;\n    flex: 1;\n    border-right: 1px solid var(--colors-ContrastDark);\n    position: relative;\n}\n\n.wrapper--focused {\n    .clearButton {\n        background: var(--colors-ContrastDark);\n    }\n}\n", ".searchBar {\n    display: flex;\n    width: calc(var(--spacing-GoldenUnit) * 4);\n}\n\n.searchBar__clearButton {\n    background: var(--colors-ContrastNeutral);\n}\n\n.searchBar__clearButton--focused {\n    background: white;\n}\n\n.searchBar__clearButton--focused > i {\n    color: var(--colors-ContrastNeutral);\n}\n", ".searchWrapper {\n    position: relative;\n}\n.searchBar {\n    flex: 0 0 calc(var(--spacing-GoldenUnit) - 2px);\n    display: flex;\n    line-height: 0;\n    border-bottom: 1px solid var(--colors-ContrastDark);\n    border-right: 1px solid var(--colors-ContrastDark);\n    background-color: var(--colors-ContrastNeutral);\n}\n.searchToggleButton {\n    position: absolute;\n    top: -41px;\n    right: 1px;\n    width: 32px;\n    min-width: 32px;\n    height: 40px;\n    border-left: 1px solid var(--colors-ContrastDark);\n\n    &:focus {\n        outline: none;\n    }\n}\n.searchToggleButton--active {\n    height: 41px;\n    background: var(--colors-ContrastNeutral);\n}\n", ".contentCanvas {\n    composes: content from '../style.module.css';\n    height: 100%;\n    width: 100%;\n    background-color: var(--colors-ContrastDarker);\n}\n\n.contentCanvas--isHidden {\n    &::after {\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: white;\n    }\n}\n.contentCanvas__itemWrapper {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    margin-left: auto;\n    margin-right: auto;\n    transition: var(--transition-Default)  ease width, var(--transition-Default)  ease height;\n}\n.contentCanvas__contents {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: white;\n}\n", ".rightSideBar {\n    composes: rightSidebar from '../style.module.css';\n    min-width: 320px;\n    max-width: 50vw;\n    padding-bottom: 41px;\n    right: unset;\n    position: relative;\n    background-color: var(--colors-ContrastDarkest);\n}\n.rightSideBar--isHidden {\n    width: 0;\n}\n.rightSideBar--isHidden > div {\n    display: none;\n}\n\n.rightSideBar__toggleBtn {\n    width: 46px;\n    position: absolute!important;\n    right: 0;\n    top: 0;\n    border: none;\n    background: var(--colors-ContrastDarkest);\n\n    .rightSideBar--isHidden & {\n        right: 100%;\n    }\n}\n\n.rightSideBar__components {\n    background: var(--colors-ContrastDarkest);\n    height: 100%;\n}\n\n.rightSideBar__section {\n    border-bottom: 1px solid var(--colors-ContrastDark);\n}\n\n.rightSideBar__header {\n    background: var(--colors-ContrastDarkest);\n    margin-left: var(--spacing-Quarter);\n}\n", ".secondaryInspector {\n    composes: content from '@neos-project/neos-ui/src/Containers/style.module.css';\n    position: relative;\n    background: var(--colors-ContrastDarker);\n    border: 1px solid var(--colors-ContrastDark);\n    border-bottom-width: 0;\n}\n.secondaryInspector--isElevated {\n    z-index: var(--zIndex-SecondaryInspectorElevated);\n}\n.secondaryInspector .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    font-size: 18px;\n    border-right-width: 0;\n    border-top-width: 0;\n    z-index: var(--zIndex-SecondaryInspector-Close);\n}\n", ".label {\n    width: 100%;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    padding: 0 var(--spacing-GoldenUnit) 0 var(--spacing-Full);\n    height: var(--spacing-GoldenUnit);\n    margin: 0;\n    line-height: var(--spacing-GoldenUnit);\n    font-weight: bold;\n    font-size: 14px;\n\n    & span {\n        display: inline-block;\n        margin-left: .1em;\n    }\n}\n\n.content {\n    padding: 0 var(--spacing-Full) var(--spacing-Full);\n}\n\n.iconWrapper {\n    width: 2em;\n    display: inline-block;\n    text-align: center;\n    margin-left: -5px;\n}\n", ".wrap {\n    padding-bottom: var(--spacing-Full);\n}\n", ".wrap {\n    padding-bottom: var(--spacing-Full);\n}\n", ".propertyGroupLabel {\n    width: 100%;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    padding: 0 var(--spacing-GoldenUnit) 0 var(--spacing-Full);\n}\n\n.iconWrapper {\n    width: 2em;\n    display: inline-block;\n    text-align: center;\n    margin-left: -5px;\n}\n", ".inspectorTabPanel {\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    background: var(--colors-ContrastDarker);\n}\n", ".inspector {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n.actions {\n    position: absolute;\n    display: flex;\n    border-left: 1px solid var(--colors-ContrastDark);\n    left: var(--spacing-Quarter);\n    right: 0;\n    bottom: 0;\n}\n.discardButton,\n.publishButton {\n    width: 100%;\n    text-align: center;\n}\n.publishButton {\n    background: var(--colors-Success) !important;\n\n    &:hover {\n        background: var(--colors-SuccessHover) !important;\n    }\n}\n.tabs {\n    display: flex;\n    flex-direction: column;\n    height: calc(100% - 101px); /* Accounting for <SelectedElement/> */\n    margin-left: var(--spacing-Quarter);\n    border-left: 1px solid var(--colors-ContrastDark);\n    background: var(--colors-ContrastDarker);\n}\n.tabs__notificationBadge {\n    position: absolute;\n    right: 1px;\n    top: 1px;\n    z-index: 1;\n    background-color: var(--colors-Error);\n    color: var(--colors-ContrastBrightest);\n    transform: scale(.75);\n}\n.tabsContent > div {\n    height: 100%;\n}\n.unappliedChangesOverlay {\n    left: 0;\n    width: calc(100% - var(--size-SidebarWidth));\n    height: 100%;\n    z-index: var(--zIndex-UnappliedChangesOverlay);\n    &,\n    &::after {\n        position: fixed;\n        top: 0;\n        background-color: transparent;\n    }\n    &::after {\n        content: '';\n        top: 0;\n        right: 0;\n        /* 101px accounts for the \"Selected element\" drop down */\n        height: calc(var(--spacing-GoldenUnit) + 101px);\n        width: var(--size-SidebarWidth);\n    }\n}\n.centeredInspector {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n", ".nodeInfoView {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.nodeInfoView__item {\n    position: relative;\n    background-color: var(--colors-ContrastDarkest);\n    padding: 8px 12px;\n    margin-bottom: 1px;\n    line-height: 20px;\n    min-height: 20px;\n\n    &:first-child {\n        border-top-left-radius: 2px;\n        border-top-right-radius: 2px;\n    }\n\n    &:last-child {\n        border-bottom: none;\n        border-bottom-left-radius: 2px;\n        border-bottom-right-radius: 2px;\n    }\n}\n\n.nodeInfoView__title {\n    font-weight: bold;\n}\n\n.nodeInfoView__content {\n    font-size: 13px;\n    color: var(--colors-ContrastBright);\n    hyphenate-character: '';\n    word-wrap: break-word;\n}\n\n.nodeInfoView__nodeTypeTextarea {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    overflow: hidden;\n    border: 0;\n    position: absolute;\n}\n\n.nodeInfoView__copyButton {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    width: 30px;\n    min-width: 30px;\n    height: 30px;\n}\n", ".columnsWrap {\n    display: flex;\n}\n", ".hero {\n    line-height: 54px;\n    margin-bottom: var(--spacing-Full);\n    display: flex;\n}\n\n.hero__value {\n    font-size: 54px;\n    flex-grow: 1;\n}\n\n.hero__label {\n    color: var(--colors-ContrastBrighter);\n    margin-left: var(--spacing-Half);\n    flex-grow: 1;\n    text-align: right;\n}\n", ".column {\n    flex-grow: 1;\n}\n\n.column__value {\n    font-size: 20px;\n}\n\n.column__label {\n    color: var(--colors-ContrastBrighter);\n    text-align: right;\n}\n", ".table {\n    width: 100%;\n}\n.column {\n    padding-right: var(--spacing-Half);\n}\n.icon {\n    padding-right: var(--spacing-Quarter);\n}\n", ".toolBar {\n    position: absolute;\n    background: var(--colors-ContrastDarker);\n    z-index: var(--zIndex-NodeToolBar);\n    margin: -2px 5px 0 5px;\n    border: 2px solid var(--colors-PrimaryBlue);\n    border-bottom: 0;\n    transition: var(--transition-Fast) margin;\n}\n.toolBar__btnGroup {\n    &:before,\n    &:after {\n        content: '';\n        display: table;\n    }\n    &:after {\n        clear: both;\n    }\n}\n.toolBar__btnGroup__btn {\n    float: left;\n\n    &:hover {\n        background-color: var(--colors-PrimaryBlue);\n    }\n\n    & svg {\n        width: 1em;\n    }\n}\n\n.toolBar--isHidden {\n    display: none;\n}\n\n.toolBar--isSticky {\n    position: fixed;\n    top: 0!important;\n    margin-top: 5px;\n    border-bottom: 2px solid var(--colors-PrimaryBlue);\n}\n\n.toolBar--isBlurred {\n    display: none;\n}\n", ".inlineUi {\n    color: #fff;\n}\n\n.inlineUi a {\n    color: #fff;\n}\n", ".border {\n    border: 2px solid var(--colors-Error);\n    position: absolute;\n    pointer-events: none;\n}\n\n.tooltip {\n    position: absolute;\n}\n", ".linkButton__flyout {\n    background-color: var(--colors-ContrastDarker);\n    position: fixed;\n    z-index: var(--zIndex-SecondaryToolbar-LinkIconButtonFlyout);\n    width: 460px;\n    border: var(--spacing-Half) solid var(--colors-ContrastDarker);\n}\n", ".tableCreationGrid {\n    position: absolute;\n    z-index: 1;\n    background-color: var(--colors-ContrastDarker);\n    padding: 10px;\n}\n.tableCreationGrid__row {\n    display: flex;\n}\n.tableCreationGrid__cell {\n    width: 10px;\n    height: 9px;\n    margin: 1px;\n    border: 1px solid var(--colors-ContrastBrightest);\n    border-radius: 1px;\n    cursor: pointer;\n}\n.tableCreationGrid__cell--active {\n    background-color: var(--colors-PrimaryBlue);\n}\n.tableCreationGrid__display {\n    text-align: center;\n}\n", "/* This CSS code was extracted by hand from CKE build and some colors were altered.\n It's not worth to set up proper CKE theme build as we only need this code for the table feature currently.\n Feel free to remove it and setup a proper CKE styles build together with a custom theme. */\n\n.ck-hidden{\n    display:none!important\n}\n\n:root{\n    --ck-color-base-foreground:#fafafa;\n    --ck-color-base-background:#fff;\n    --ck-color-base-border:#c4c4c4;\n    --ck-color-base-action:#61b045;\n    --ck-color-base-focus:#6cb5f9;\n    --ck-color-base-text:#333;\n    --ck-color-base-active:#198cf0;\n    --ck-color-base-active-focus:#0e7fe1;\n    --ck-color-focus-border:#47a4f5;\n    --ck-color-focus-shadow:rgba(119,186,248,.5);\n    --ck-color-focus-disabled-shadow:rgba(119,186,248,.3);\n    --ck-color-text:var(--ck-color-base-text);\n    --ck-color-shadow-drop:rgba(0,0,0,.15);\n    --ck-color-shadow-inner:rgba(0,0,0,.1);\n    --ck-focus-outer-shadow-geometry:0 0 0 3px;\n    --ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-shadow);\n    --ck-focus-disabled-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);\n    --ck-focus-ring:1px solid var(--ck-color-focus-border);\n    --ck-border-radius:2px;\n    --ck-inner-shadow:2px 2px 3px var(--ck-color-shadow-inner) inset;\n    --ck-drop-shadow:0 1px 2px 1px var(--ck-color-shadow-drop);\n    --ck-spacing-unit:0.6em;\n    --ck-spacing-large:calc(var(--ck-spacing-unit) * 1.5);\n    --ck-spacing-standard:var(--ck-spacing-unit);\n    --ck-spacing-medium:calc(var(--ck-spacing-unit) * 0.8);\n    --ck-spacing-small:calc(var(--ck-spacing-unit) * 0.5);\n    --ck-spacing-tiny:calc(var(--ck-spacing-unit) * 0.3);\n    --ck-spacing-extra-tiny:calc(var(--ck-spacing-unit) * 0.16);\n    --ck-icon-size:calc(var(--ck-line-height-base) * var(--ck-font-size-normal))\n}\n.ck.ck-icon{\n    vertical-align:middle;\n    width:var(--ck-icon-size);\n    height:var(--ck-icon-size);\n    font-size:.8333350694em;\n    will-change:transform\n}\n.ck.ck-icon,.ck.ck-icon *{\n    color:inherit;\n    cursor:inherit\n}\n.ck.ck-icon *{\n    fill:currentColor\n}\n.ck .ck-widget.ck-widget_with-selection-handle{\n    position:relative\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{\n    visibility:hidden;\n    position:absolute\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{\n    display:block\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,.ck .ck-widget.ck-widget_with-selection-handle:hover .ck-widget__selection-handle{\n    visibility:visible\n}\n:root{\n    --ck-widget-outline-thickness:3px;\n    --ck-widget-handle-icon-size:16px;\n    --ck-widget-handle-animation-duration:200ms;\n    --ck-widget-handle-animation-curve:ease;\n    --ck-color-widget-blurred-border:#dedede;\n    --ck-color-widget-hover-border:#ffc83d;\n    --ck-color-widget-editable-focus-background:var(--ck-color-base-background);\n    --ck-color-widget-drag-handle-icon-color:var(--ck-color-base-background);\n}\n.ck .ck-widget{\n    margin:var(--ck-spacing-standard) 0;\n    padding:0;\n    outline-width:var(--ck-widget-outline-thickness);\n    outline-style:solid;\n    outline-color:transparent;\n    transition:outline-color var(--ck-widget-handle-animation-duration) var(--ck-widget-handle-animation-curve)\n}\n.ck .ck-widget.ck-widget_selected,.ck .ck-widget.ck-widget_selected:hover{\n    outline:var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border)\n}\n.ck .ck-widget:hover{\n    outline-color:var(--ck-color-widget-hover-border)\n}\n.ck .ck-editor__nested-editable{\n    border:1px solid transparent\n}\n.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{\n    outline:none;\n    border:var(--ck-focus-ring);\n    box-shadow:var(--ck-inner-shadow),0 0;\n    background-color:var(--ck-color-widget-editable-focus-background)\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{\n    padding:4px;\n    box-sizing:border-box;\n    background-color:transparent;\n    opacity:0;\n    transition:background-color var(--ck-widget-handle-animation-duration) var(--ck-widget-handle-animation-curve),visibility var(--ck-widget-handle-animation-duration) var(--ck-widget-handle-animation-curve),opacity var(--ck-widget-handle-animation-duration) var(--ck-widget-handle-animation-curve);\n    border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0;\n    transform:translateY(-100%);\n    left:calc(0px - var(--ck-widget-outline-thickness))\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator{\n    opacity:1\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{\n    width:var(--ck-widget-handle-icon-size);\n    height:var(--ck-widget-handle-icon-size);\n    color:var(--ck-color-widget-drag-handle-icon-color)\n}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{\n    opacity:0;\n    transition:opacity .3s var(--ck-widget-handle-animation-curve)\n}\n.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected .ck-widget__selection-handle,.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover .ck-widget__selection-handle{\n    opacity:1;\n    background-color:var(--ck-color-focus-border)\n}\n.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator,.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{\n    opacity:1\n}\n.ck .ck-widget.ck-widget_with-selection-handle:hover .ck-widget__selection-handle{\n    opacity:1;\n    background-color:var(--ck-color-widget-hover-border)\n}\n.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover{\n    outline-color:var(--ck-color-widget-blurred-border)\n}\n.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handle,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handle:hover,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handle,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handle:hover{\n    background:var(--ck-color-widget-blurred-border)\n}\n:root{\n    --ck-color-table-focused-cell-background:#f5fafe\n}\n.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused{\n    background:var(--ck-color-table-focused-cell-background);\n    border-style:none;\n    outline:1px solid var(--ck-color-focus-border);\n    outline-offset:-1px\n}\n.ck-content .table{\n    display:table;\n    width: initial;\n}\n.ck-content .table table{\n    border-collapse:collapse;\n    border-spacing:0;\n    border:1px double #b3b3b3\n}\n.ck-content .table table td,.ck-content .table table th{\n    min-width:2em;\n    padding:.4em;\n    border-color:#d9d9d9\n}\n.ck-content .table table th{\n    font-weight:700;\n    background:#fafafa\n}\n\n/* The type around buttons has been added in CKEditor and has been not implemented yet in\nthe neos-ui. We maybe also don't need it at the moment.\n*/\n.ck .ck-widget .ck-widget__type-around__button {\n    display: none;\n}\n", ".contents {\n    width: 180px;\n}\n.button {\n    width: 100%;\n    border-top: 1px solid var(--colors-ContrastDarker);\n    text-align: left;\n}\n.checkBox {\n    display: flex;\n    height: var(--spacing-GoldenUnit);\n    border-top: 1px solid var(--colors-ContrastDarker);\n    padding-top: var(--spacing-Half);\n    padding-left: var(--spacing-Full);\n    cursor: pointer;\n}\n"],
  "mappings": "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,uDAGA,6DAGA,2DAMA,iDAGA,yCAGA,mDAKA,yEAIA,0EAIA,gGAIA,sFAQA,qJAOA,+KAMA,8KAMA,qLC5EA,YACE,yDACA,6DACA,yDACA,uDACA,6DACA,+DACA,iEACA,+DACA,8DACA,2DAEF,sEACE,iBACA,uBAEF,qBACE,wCACA,WACA,iBACA,uBACA,4BACE,oBACF,2BACE,mBACF,2BACE,yBACF,2BACE,qBACF,2BACE,sBACF,4BACE,wBACF,kCACE,yCACA,WACF,mCACE,wCACA,WACF,2BACE,8BACA,UACF,2BACE,iCAEJ,mCA7CA,oBAiDE,kBAIF,mCACE,qBACA,kBACA,kBAEF,WACE,qBACA,WACA,kBACA,kBACA,uBACA,UACA,mCACE,uCACQ,+BAEZ,gBACE,SACA,QACA,uCACQ,+BACR,uCACQ,+BAEV,mBACE,6DACA,mDACA,sBACA,8BACA,6CACA,2CACA,6CACA,gBACA,8CACA,yBACA,uBACA,qBACA,sDACQ,8CACR,mCACQ,2BAEV,wBACE,2BACA,yBACA,SACA,qDACQ,6CACR,sCACQ,8BAEV,uBACE,2BACA,uBACA,WACA,SACA,qDACQ,6CACR,qCACQ,6BAEV,qBACE,qBACA,yBACA,qDACQ,6CACR,mCACQ,2BAEV,oBACE,uBACA,WACA,qBACA,qDACQ,6CACR,kCACQ,0BAEV,OACE,cAEF,OACE,cAEF,OACE,cAEF,OACE,cAEF,OACE,cAEF,OACE,cAEF,OACE,cAEF,OACE,cAEF,OACE,cAEF,QACE,eAEF,QACE,iBACA,iBACA,sBAEF,OACE,gBACA,qBACA,sBAEF,OACE,iBACA,qBACA,wBAEF,OACE,iBACA,kBACA,uBAEF,OACE,gBACA,qBACA,uBAEF,QACE,cACA,qBACA,wBAEF,OACE,kBACA,aAEF,OACE,qBACA,uCACA,eACA,UACE,kBAEJ,OACE,wCACA,kBACA,kBACA,8BACA,oBAEF,WACE,0CACA,4CACA,2CACA,2CACA,mDAEF,cACE,WACA,yCAEF,eACE,YACA,wCAEF,SACE,+BACQ,uBACR,sDACQ,8CACR,kEACQ,0DACR,4DACQ,o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IA8DA,6CAGA,2DCjEA,0BAAA,iBAIA,+EAKA,mDAGA,oEAKA,uCAIA,sDCrBA,WACE,kBACA,qBACA,iBACA,gBACA,eAEF,iBACE,aAEF,kBACE,cACA,eAEF,uBACE,kBACA,MACA,OACA,eAEF,yBACE,kBArBF,QA0BE,uBAEF,2BACE,kBACA,MACA,OACA,wBACA,sBACA,YACA,2SAnCF,YAqCE,oDACA,0CACA,sDACA,2BACA,iCACA,mCACA,6BAEF,4BAEI,6CAEA,yDAEJ,wBACE,kBACA,UACA,WACA,uBACA,sCACA,sBACA,8BAEF,mBACE,MACA,OACA,gBACA,iBACA,iBAEF,kBACE,MACA,SACA,gBACA,iBACA,gBAEF,mBACE,MACA,QACA,gBACA,kBACA,iBAEF,kBACE,QACA,QACA,gBACA,kBACA,gBAEF,mBACE,SACA,QACA,mBACA,kBACA,iBAEF,kBACE,SACA,SACA,mBACA,iBACA,gBAEF,mBACE,SACA,OACA,mBACA,iBACA,iBAEF,kBACE,QACA,OACA,gBACA,iBACA,gBAEF,qBACE,kBAEF,2BACE,MACA,OACA,WACA,WACA,gBAEF,2BACE,QACA,MACA,UACA,YACA,kBAEF,2BACE,SACA,OACA,WACA,WACA,mBAEF,2BACE,MACA,OACA,UACA,YACA,iBAEF,0VAEE,aAWF,0BACE,wBACE,WACA,YACF,qCACE,gBACA,iBAIF,qCACE,gBACA,kBAIF,mBACE,mBACA,kBACF,qCACE,mBACA,iBAIF,kBACE,gBACA,iBACF,2BACE,YACA,iBACF,2BACE,WACA,mBACF,2BACE,YACA,oBACF,2BACE,WACA,mBCvMJ,iECAA,iECEA,YAEE,sBACA,aACA,WAKF,kBAXA,cAcA,gBAdA,cAkBA,uDACE,sBAKF,oBACE,4BACA,yBACA,mBAGF,uBA9BA,oBAgCE,eACA,iBACA,WACA,mBAGF,yBAA2B,WAC3B,gCAAkC,WAIlC,mBACE,4BACA,kBACA,QAGF,2CACE,6BAEF,kCACE,WACA,mBACA,gBAEF,sCACE,UAGF,uBACE,WACA,SACA,gDACA,6CACA,wCACA,sBAEF,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",
  "names": []
}