react-page-markdown-plugin
Version:
react-page plugin to render markdown as HTML in realtime
1 lines • 38.5 kB
Source Map (JSON)
{"version":3,"file":"static/css/main.ee596579.css","mappings":"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","sources":["../node_modules/@react-page/editor/src/variables.css","../node_modules/@react-page/editor/src/core/grid.css","../node_modules/@react-page/editor/src/core/components/Row/index.css","../node_modules/@react-page/editor/src/core/components/Editable/index.css","../node_modules/@react-page/editor/src/core/components/Cell/Draggable/index.css","../node_modules/@react-page/editor/src/core/components/Cell/Droppable/index.css","../node_modules/@react-page/editor/src/core/components/Cell/ErrorCell/index.css","../node_modules/@react-page/editor/src/core/components/Cell/Handle/index.css","../node_modules/@react-page/editor/src/core/components/Cell/index.css","../node_modules/@react-page/editor/src/ui/Sidebar/Button/index.css","../node_modules/@react-page/editor/src/ui/Sidebar/index.css","../node_modules/@react-page/editor/src/ui/PluginDrawer/Item/index.css","../node_modules/@react-page/editor/src/ui/Trash/index.css"],"sourcesContent":[":root {\n --black: #000000;\n --white: #ffffff;\n --transparent: rgba(0, 0, 0, 0);\n --fullBlack: rgba(0, 0, 0, 1);\n --darkBlack: rgba(0, 0, 0, 0.87);\n --lightBlack: rgba(0, 0, 0, 0.54);\n --minBlack: rgba(0, 0, 0, 0.26);\n --faintBlack: rgba(0, 0, 0, 0.12);\n --fullWhite: rgba(255, 255, 255, 1);\n --darkWhite: rgba(255, 255, 255, 0.87);\n --lightWhite: rgba(255, 255, 255, 0.54);\n --minWhite: rgba(255, 255, 255, 0.26);\n --faintWhite: rgba(255, 255, 255, 0.12);\n --grey300: #e0e0e0;\n --grey900: #212121;\n}","/* based on: https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css */\n\n:root {\n --gutter-width: 0rem;\n --outer-margin: 0rem;\n --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1);\n --half-gutter-width: calc((var(--gutter-width) * 0.5));\n --xs-min: 30;\n --sm-min: 48;\n --md-min: 64;\n --lg-min: 75;\n --screen-xs-min: var(--xs-min) em;\n --screen-sm-min: var(--sm-min) em;\n --screen-md-min: var(--md-min) em;\n --screen-lg-min: var(--lg-min) em;\n --container-sm: calc(var(--sm-min) + var(--gutter-width));\n --container-md: calc(var(--md-min) + var(--gutter-width));\n --container-lg: calc(var(--lg-min) + var(--gutter-width));\n}\n\n@custom-media --sm-viewport only screen and (min-width: 48em);\n@custom-media --md-viewport only screen and (min-width: 64em);\n@custom-media --lg-viewport only screen and (min-width: 75em);\n\n.react-page-editable {\n margin-right: auto;\n margin-left: auto;\n padding-right: var(--outer-margin, 2rem);\n padding-left: var(--outer-margin, 2rem);\n}\n\n.react-page-row {\n box-sizing: border-box;\n display: flex;\n flex: 1;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: var(--gutter-compensation, -0.5rem);\n margin-left: var(--gutter-compensation, -0.5rem);\n position: relative;\n}\n\n.react-page-cell-xs,\n.react-page-cell-xs-1,\n.react-page-cell-xs-2,\n.react-page-cell-xs-3,\n.react-page-cell-xs-4,\n.react-page-cell-xs-5,\n.react-page-cell-xs-6,\n.react-page-cell-xs-7,\n.react-page-cell-xs-8,\n.react-page-cell-xs-9,\n.react-page-cell-xs-10,\n.react-page-cell-xs-11,\n.react-page-cell-xs-12,\n.react-page-cell-xs-offset-0,\n.react-page-cell-xs-offset-1,\n.react-page-cell-xs-offset-2,\n.react-page-cell-xs-offset-3,\n.react-page-cell-xs-offset-4,\n.react-page-cell-xs-offset-5,\n.react-page-cell-xs-offset-6,\n.react-page-cell-xs-offset-7,\n.react-page-cell-xs-offset-8,\n.react-page-cell-xs-offset-9,\n.react-page-cell-xs-offset-10,\n.react-page-cell-xs-offset-11,\n.react-page-cell-xs-offset-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: var(--half-gutter-width, 0.5rem);\n padding-left: var(--half-gutter-width, 0.5rem);\n min-width: 0;\n}\n\n.react-page-cell-xs {\n flex-grow: 1;\n flex-basis: 0;\n width: 100%;\n min-width: 100%;\n}\n\n.react-page-cell-xs-1 {\n flex-basis: 8.33333333%;\n width: 8.33333333%;\n}\n\n.react-page-cell-xs-2 {\n flex-basis: 16.66666667%;\n width: 16.66666667%;\n}\n\n.react-page-cell-xs-3 {\n flex-basis: 25%;\n width: 25%;\n min-width: 25%;\n}\n\n.react-page-cell-xs-4 {\n flex-basis: 33.33333333%;\n width: 33.33333333%;\n}\n\n.react-page-cell-xs-5 {\n flex-basis: 41.66666667%;\n width: 41.66666667%;\n}\n\n.react-page-cell-xs-6 {\n flex-basis: 50%;\n width: 50%;\n min-width: 50%;\n}\n\n.react-page-cell-xs-7 {\n flex-basis: 58.33333333%;\n width: 58.33333333%;\n}\n\n.react-page-cell-xs-8 {\n flex-basis: 66.66666667%;\n width: 66.66666667%;\n}\n\n.react-page-cell-xs-9 {\n flex-basis: 75%;\n width: 75%;\n min-width: 75%;\n}\n\n.react-page-cell-xs-10 {\n flex-basis: 83.33333333%;\n width: 83.33333333%;\n}\n\n.react-page-cell-xs-11 {\n flex-basis: 91.66666667%;\n width: 91.66666667%;\n}\n\n.react-page-cell-xs-12 {\n flex-basis: 100%;\n width: 100%;\n min-width: 100%;\n}\n\n.react-page-cell-xs-offset-0 {\n margin-left: 0;\n}\n\n.react-page-cell-xs-offset-1 {\n margin-left: 8.33333333%;\n}\n\n.react-page-cell-xs-offset-2 {\n margin-left: 16.66666667%;\n}\n\n.react-page-cell-xs-offset-3 {\n margin-left: 25%;\n}\n\n.react-page-cell-xs-offset-4 {\n margin-left: 33.33333333%;\n}\n\n.react-page-cell-xs-offset-5 {\n margin-left: 41.66666667%;\n}\n\n.react-page-cell-xs-offset-6 {\n margin-left: 50%;\n}\n\n.react-page-cell-xs-offset-7 {\n margin-left: 58.33333333%;\n}\n\n.react-page-cell-xs-offset-8 {\n margin-left: 66.66666667%;\n}\n\n.react-page-cell-xs-offset-9 {\n margin-left: 75%;\n}\n\n.react-page-cell-xs-offset-10 {\n margin-left: 83.33333333%;\n}\n\n.react-page-cell-xs-offset-11 {\n margin-left: 91.66666667%;\n}\n\n.start-xs {\n justify-content: flex-start;\n text-align: start;\n}\n\n.center-xs {\n justify-content: center;\n text-align: center;\n}\n\n.end-xs {\n justify-content: flex-end;\n text-align: end;\n}\n\n.top-xs {\n align-items: flex-start;\n}\n\n.middle-xs {\n align-items: center;\n}\n\n.bottom-xs {\n align-items: flex-end;\n}\n\n.around-xs {\n justify-content: space-around;\n}\n\n.between-xs {\n justify-content: space-between;\n}\n\n.first-xs {\n order: -1;\n}\n\n.last-xs {\n order: 1;\n}\n\n@media (--sm-viewport) {\n .react-page-cell-sm,\n .react-page-cell-sm-1,\n .react-page-cell-sm-2,\n .react-page-cell-sm-3,\n .react-page-cell-sm-4,\n .react-page-cell-sm-5,\n .react-page-cell-sm-6,\n .react-page-cell-sm-7,\n .react-page-cell-sm-8,\n .react-page-cell-sm-9,\n .react-page-cell-sm-10,\n .react-page-cell-sm-11,\n .react-page-cell-sm-12,\n .react-page-cell-sm-offset-0,\n .react-page-cell-sm-offset-1,\n .react-page-cell-sm-offset-2,\n .react-page-cell-sm-offset-3,\n .react-page-cell-sm-offset-4,\n .react-page-cell-sm-offset-5,\n .react-page-cell-sm-offset-6,\n .react-page-cell-sm-offset-7,\n .react-page-cell-sm-offset-8,\n .react-page-cell-sm-offset-9,\n .react-page-cell-sm-offset-10,\n .react-page-cell-sm-offset-11,\n .react-page-cell-sm-offset-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: var(--half-gutter-width, 0.5rem);\n padding-left: var(--half-gutter-width, 0.5rem);\n min-width: 0;\n }\n\n .react-page-cell-sm {\n flex-grow: 1;\n flex-basis: 0;\n width: 100%;\n min-width: 100%;\n }\n\n .react-page-cell-sm-1 {\n flex-basis: 8.33333333%;\n width: 8.33333333%;\n }\n\n .react-page-cell-sm-2 {\n flex-basis: 16.66666667%;\n width: 16.66666667%;\n }\n\n .react-page-cell-sm-3 {\n flex-basis: 25%;\n width: 25%;\n min-width: 25%;\n }\n\n .react-page-cell-sm-4 {\n flex-basis: 33.33333333%;\n width: 33.33333333%;\n }\n\n .react-page-cell-sm-5 {\n flex-basis: 41.66666667%;\n width: 41.66666667%;\n }\n\n .react-page-cell-sm-6 {\n flex-basis: 50%;\n width: 50%;\n min-width: 50%;\n }\n\n .react-page-cell-sm-7 {\n flex-basis: 58.33333333%;\n width: 58.33333333%;\n }\n\n .react-page-cell-sm-8 {\n flex-basis: 66.66666667%;\n width: 66.66666667%;\n }\n\n .react-page-cell-sm-9 {\n flex-basis: 75%;\n width: 75%;\n min-width: 75%;\n }\n\n .react-page-cell-sm-10 {\n flex-basis: 83.33333333%;\n width: 83.33333333%;\n }\n\n .react-page-cell-sm-11 {\n flex-basis: 91.66666667%;\n width: 91.66666667%;\n }\n\n .react-page-cell-sm-12 {\n flex-basis: 100%;\n width: 100%;\n min-width: 100%;\n }\n\n .react-page-cell-sm-offset-0 {\n margin-left: 0;\n }\n\n .react-page-cell-sm-offset-1 {\n margin-left: 8.33333333%;\n }\n\n .react-page-cell-sm-offset-2 {\n margin-left: 16.66666667%;\n }\n\n .react-page-cell-sm-offset-3 {\n margin-left: 25%;\n }\n\n .react-page-cell-sm-offset-4 {\n margin-left: 33.33333333%;\n }\n\n .react-page-cell-sm-offset-5 {\n margin-left: 41.66666667%;\n }\n\n .react-page-cell-sm-offset-6 {\n margin-left: 50%;\n }\n\n .react-page-cell-sm-offset-7 {\n margin-left: 58.33333333%;\n }\n\n .react-page-cell-sm-offset-8 {\n margin-left: 66.66666667%;\n }\n\n .react-page-cell-sm-offset-9 {\n margin-left: 75%;\n }\n\n .react-page-cell-sm-offset-10 {\n margin-left: 83.33333333%;\n }\n\n .react-page-cell-sm-offset-11 {\n margin-left: 91.66666667%;\n }\n\n .start-sm {\n justify-content: flex-start;\n text-align: start;\n }\n\n .center-sm {\n justify-content: center;\n text-align: center;\n }\n\n .end-sm {\n justify-content: flex-end;\n text-align: end;\n }\n\n .top-sm {\n align-items: flex-start;\n }\n\n .middle-sm {\n align-items: center;\n }\n\n .bottom-sm {\n align-items: flex-end;\n }\n\n .around-sm {\n justify-content: space-around;\n }\n\n .between-sm {\n justify-content: space-between;\n }\n\n .first-sm {\n order: -1;\n }\n\n .last-sm {\n order: 1;\n }\n}\n\n@media (--md-viewport) {\n .react-page-cell-md,\n .react-page-cell-md-1,\n .react-page-cell-md-2,\n .react-page-cell-md-3,\n .react-page-cell-md-4,\n .react-page-cell-md-5,\n .react-page-cell-md-6,\n .react-page-cell-md-7,\n .react-page-cell-md-8,\n .react-page-cell-md-9,\n .react-page-cell-md-10,\n .react-page-cell-md-11,\n .react-page-cell-md-12,\n .react-page-cell-md-offset-0,\n .react-page-cell-md-offset-1,\n .react-page-cell-md-offset-2,\n .react-page-cell-md-offset-3,\n .react-page-cell-md-offset-4,\n .react-page-cell-md-offset-5,\n .react-page-cell-md-offset-6,\n .react-page-cell-md-offset-7,\n .react-page-cell-md-offset-8,\n .react-page-cell-md-offset-9,\n .react-page-cell-md-offset-10,\n .react-page-cell-md-offset-11,\n .react-page-cell-md-offset-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: var(--half-gutter-width, 0.5rem);\n padding-left: var(--half-gutter-width, 0.5rem);\n min-width: 0;\n }\n\n .react-page-cell-md {\n flex-grow: 1;\n flex-basis: 0;\n width: 100%;\n min-width: 100%;\n }\n\n .react-page-cell-md-1 {\n flex-basis: 8.33333333%;\n width: 8.33333333%;\n }\n\n .react-page-cell-md-2 {\n flex-basis: 16.66666667%;\n width: 16.66666667%;\n }\n\n .react-page-cell-md-3 {\n flex-basis: 25%;\n width: 25%;\n min-width: 25%;\n }\n\n .react-page-cell-md-4 {\n flex-basis: 33.33333333%;\n width: 33.33333333%;\n }\n\n .react-page-cell-md-5 {\n flex-basis: 41.66666667%;\n width: 41.66666667%;\n }\n\n .react-page-cell-md-6 {\n flex-basis: 50%;\n width: 50%;\n min-width: 50%;\n }\n\n .react-page-cell-md-7 {\n flex-basis: 58.33333333%;\n width: 58.33333333%;\n }\n\n .react-page-cell-md-8 {\n flex-basis: 66.66666667%;\n width: 66.66666667%;\n }\n\n .react-page-cell-md-9 {\n flex-basis: 75%;\n width: 75%;\n min-width: 75%;\n }\n\n .react-page-cell-md-10 {\n flex-basis: 83.33333333%;\n width: 83.33333333%;\n }\n\n .react-page-cell-md-11 {\n flex-basis: 91.66666667%;\n width: 91.66666667%;\n }\n\n .react-page-cell-md-12 {\n flex-basis: 100%;\n width: 100%;\n min-width: 100%;\n }\n\n .react-page-cell-md-offset-0 {\n margin-left: 0;\n }\n\n .react-page-cell-md-offset-1 {\n margin-left: 8.33333333%;\n }\n\n .react-page-cell-md-offset-2 {\n margin-left: 16.66666667%;\n }\n\n .react-page-cell-md-offset-3 {\n margin-left: 25%;\n }\n\n .react-page-cell-md-offset-4 {\n margin-left: 33.33333333%;\n }\n\n .react-page-cell-md-offset-5 {\n margin-left: 41.66666667%;\n }\n\n .react-page-cell-md-offset-6 {\n margin-left: 50%;\n }\n\n .react-page-cell-md-offset-7 {\n margin-left: 58.33333333%;\n }\n\n .react-page-cell-md-offset-8 {\n margin-left: 66.66666667%;\n }\n\n .react-page-cell-md-offset-9 {\n margin-left: 75%;\n }\n\n .react-page-cell-md-offset-10 {\n margin-left: 83.33333333%;\n }\n\n .react-page-cell-md-offset-11 {\n margin-left: 91.66666667%;\n }\n\n .start-md {\n justify-content: flex-start;\n text-align: start;\n }\n\n .center-md {\n justify-content: center;\n text-align: center;\n }\n\n .end-md {\n justify-content: flex-end;\n text-align: end;\n }\n\n .top-md {\n align-items: flex-start;\n }\n\n .middle-md {\n align-items: center;\n }\n\n .bottom-md {\n align-items: flex-end;\n }\n\n .around-md {\n justify-content: space-around;\n }\n\n .between-md {\n justify-content: space-between;\n }\n\n .first-md {\n order: -1;\n }\n\n .last-md {\n order: 1;\n }\n}\n\n@media (--lg-viewport) {\n .react-page-cell-lg,\n .react-page-cell-lg-1,\n .react-page-cell-lg-2,\n .react-page-cell-lg-3,\n .react-page-cell-lg-4,\n .react-page-cell-lg-5,\n .react-page-cell-lg-6,\n .react-page-cell-lg-7,\n .react-page-cell-lg-8,\n .react-page-cell-lg-9,\n .react-page-cell-lg-10,\n .react-page-cell-lg-11,\n .react-page-cell-lg-12,\n .react-page-cell-lg-offset-0,\n .react-page-cell-lg-offset-1,\n .react-page-cell-lg-offset-2,\n .react-page-cell-lg-offset-3,\n .react-page-cell-lg-offset-4,\n .react-page-cell-lg-offset-5,\n .react-page-cell-lg-offset-6,\n .react-page-cell-lg-offset-7,\n .react-page-cell-lg-offset-8,\n .react-page-cell-lg-offset-9,\n .react-page-cell-lg-offset-10,\n .react-page-cell-lg-offset-11,\n .react-page-cell-lg-offset-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: var(--half-gutter-width, 0.5rem);\n padding-left: var(--half-gutter-width, 0.5rem);\n min-width: 0;\n }\n\n .react-page-cell-lg {\n flex-grow: 1;\n flex-basis: 0;\n width: 100%;\n min-width: 100%;\n }\n\n .react-page-cell-lg-1 {\n flex-basis: 8.33333333%;\n width: 8.33333333%;\n }\n\n .react-page-cell-lg-2 {\n flex-basis: 16.66666667%;\n width: 16.66666667%;\n }\n\n .react-page-cell-lg-3 {\n flex-basis: 25%;\n width: 25%;\n min-width: 25%;\n }\n\n .react-page-cell-lg-4 {\n flex-basis: 33.33333333%;\n width: 33.33333333%;\n }\n\n .react-page-cell-lg-5 {\n flex-basis: 41.66666667%;\n width: 41.66666667%;\n }\n\n .react-page-cell-lg-6 {\n flex-basis: 50%;\n width: 50%;\n min-width: 50%;\n }\n\n .react-page-cell-lg-7 {\n flex-basis: 58.33333333%;\n width: 58.33333333%;\n }\n\n .react-page-cell-lg-8 {\n flex-basis: 66.66666667%;\n width: 66.66666667%;\n }\n\n .react-page-cell-lg-9 {\n flex-basis: 75%;\n width: 75%;\n min-width: 75%;\n }\n\n .react-page-cell-lg-10 {\n flex-basis: 83.33333333%;\n width: 83.33333333%;\n }\n\n .react-page-cell-lg-11 {\n flex-basis: 91.66666667%;\n width: 91.66666667%;\n }\n\n .react-page-cell-lg-12 {\n flex-basis: 100%;\n width: 100%;\n min-width: 100%;\n }\n\n .react-page-cell-lg-offset-0 {\n margin-left: 0;\n }\n\n .react-page-cell-lg-offset-1 {\n margin-left: 8.33333333%;\n }\n\n .react-page-cell-lg-offset-2 {\n margin-left: 16.66666667%;\n }\n\n .react-page-cell-lg-offset-3 {\n margin-left: 25%;\n }\n\n .react-page-cell-lg-offset-4 {\n margin-left: 33.33333333%;\n }\n\n .react-page-cell-lg-offset-5 {\n margin-left: 41.66666667%;\n }\n\n .react-page-cell-lg-offset-6 {\n margin-left: 50%;\n }\n\n .react-page-cell-lg-offset-7 {\n margin-left: 58.33333333%;\n }\n\n .react-page-cell-lg-offset-8 {\n margin-left: 66.66666667%;\n }\n\n .react-page-cell-lg-offset-9 {\n margin-left: 75%;\n }\n\n .react-page-cell-lg-offset-10 {\n margin-left: 83.33333333%;\n }\n\n .react-page-cell-lg-offset-11 {\n margin-left: 91.66666667%;\n }\n\n .start-lg {\n justify-content: flex-start;\n text-align: start;\n }\n\n .center-lg {\n justify-content: center;\n text-align: center;\n }\n\n .end-lg {\n justify-content: flex-end;\n text-align: end;\n }\n\n .top-lg {\n align-items: flex-start;\n }\n\n .middle-lg {\n align-items: center;\n }\n\n .bottom-lg {\n align-items: flex-end;\n }\n\n .around-lg {\n justify-content: space-around;\n }\n\n .between-lg {\n justify-content: space-between;\n }\n\n .first-lg {\n order: -1;\n }\n\n .last-lg {\n order: 1;\n }\n}\n",".react-page-row-has-floating-children {\n display: block !important;\n}\n\n.react-page-row-is-hovering-this:before {\n content: ' ';\n position: absolute;\n background: black;\n display: block;\n background: var(--darkBlack);\n z-index: 2;\n}\n\n.react-page-row-is-hovering-above:before {\n top: 0;\n height: 4px;\n width: 100%;\n}\n\n.react-page-row-is-hovering-below:before {\n bottom: 0;\n height: 4px;\n width: 100%;\n}\n\n.react-page-row-is-hovering-left-of:before {\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n}\n\n.react-page-row-is-hovering-right-of:before {\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n}\n\n@keyframes reactPageCellResizeableAnimate {\n 0% {\n background-color: var(--minWhite);\n top: 45%;\n bottom: 45%;\n }\n 50% {\n background-color: var(--faintWhite);\n top: 0;\n bottom: 0;\n }\n 100% {\n background-color: var(--darkWhite);\n top: 45%;\n bottom: 45%;\n }\n}\n\n.react-page-row .resize-handle {\n position: absolute;\n z-index: 6;\n width: 4px;\n top: 0;\n bottom: 0;\n left: -2px;\n cursor: e-resize;\n background-color: var(--lightBlack);\n mix-blend-mode: difference;\n}\n\n.react-page-row .resize-handle:after {\n content: ' ';\n background-color: var(--darkWhite);\n /* width: 30px; */\n /* height: 30px; */\n position: absolute;\n /* z-index: 1000; */\n top: 40%;\n bottom: 40%;\n left: 0;\n right: 0;\n transition: all 200ms linear;\n mix-blend-mode: normal;\n\n animation-name: reactPageCellResizeableAnimate;\n animation-iteration-count: 1;\n animation-timing-function: ease;\n animation-duration: 0.8s;\n}\n\n.react-page-row .resize-handle:hover:after,\n.react-page-row .resize-handle:active:after {\n background-color: var(--fullWhite);\n top: 0;\n bottom: 0;\n}\n",".react-page-editable {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n min-height: 560px;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n -webkit-flex: 0 1 auto;\n -ms-flex: 0 1 auto;\n -webkit-box-flex: 0;\n flex: 0 1 auto;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n\n flex-direction: column;\n\n align-items: stretch;\n\n .react-page-cell-insert-new {\n cursor: cell;\n flex: 1;\n min-height: 100px;\n\n transition: all ease 0.4s;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid rgba(0, 0, 0, 0);\n z-index: 1;\n position: relative;\n }\n\n .react-page-cell-insert-new:after {\n content: '+';\n font-size: 52px;\n font-family: monospace;\n line-height: 52px;\n background-color: var(--minBlack);\n color: white;\n width: 52px;\n text-align: center;\n border-radius: 50%;\n }\n\n .react-page-cell-insert-new:hover,\n .react-page-cell-insert-new.hover {\n background: var(--minBlack);\n border: 1px solid var(--lightWhite);\n }\n}\n",".react-page-editable {\n &&-mode-edit,\n &&-mode-resizing,\n &&-mode-layout {\n .react-page-cell-draggable {\n cursor: move;\n position: relative;\n transition: opacity 200ms ease;\n }\n\n .react-page-cell-draggable-overlay {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n cursor: move;\n border: 1px solid rgba(0, 0, 0, 0);\n transition: all ease 0.4s;\n }\n\n .react-page-cell-draggable-overlay-handle {\n position: absolute;\n top: 0;\n right: 0;\n width: 2rem;\n height: 2rem;\n cursor: move;\n background: var(--faintBlack);\n content: '';\n z-index: 500;\n }\n\n .react-page-cell-draggable-overlay-handle {\n opacity: 0;\n transition: opacity 0.3s;\n }\n\n .react-page-cell:hover\n > div\n > div\n > div\n > div\n > .react-page-cell-draggable-overlay-handle,\n .react-page-cell.react-page-cell-focused\n > div\n > div\n > div\n > div\n > .react-page-cell-draggable-overlay-handle {\n opacity: 1;\n }\n\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon::before {\n top: -300%;\n }\n\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon {\n width: 70%;\n top: 50%;\n }\n\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon::after {\n top: 400%;\n }\n\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon::before,\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon::after {\n width: 100%;\n }\n\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon,\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon::before,\n .react-page-cell-draggable-overlay-handle\n .react-page-cell-draggable-overlay-handle-icon::after {\n height: 2px;\n position: absolute;\n content: '';\n transform: translate(-50%, -50%);\n left: 50%;\n transform: translate(-50%, -50%);\n background: white;\n }\n\n .react-page-cell:hover\n > div\n > div\n > div\n > .react-page-cell-draggable-overlay {\n background: var(--faintBlack);\n border: 1px solid var(--lightWhite);\n background-blend-mode: screen;\n }\n\n .react-page-cell-draggable-overlay.react-page-cell-draggable-leaf {\n z-index: 3;\n }\n\n .react-page-cell-draggable-inline-left.react-page-cell-draggable-overlay,\n .react-page-cell-draggable-inline-right.react-page-cell-draggable-overlay {\n float: left;\n z-index: 4;\n }\n\n .react-page-cell-draggable-is-dragging,\n .react-page-cell-handle-is-dragging\n + div\n > .react-page-cell-droppable\n > .react-page-cell-draggable,\n .react-page-cell-handle-is-dragging\n + div\n > .react-page-cell-droppable\n > .react-page-cell-draggable-in-edit {\n opacity: 0.4;\n outline: none;\n }\n }\n\n &&-mode-layout {\n .react-page-cell-draggable-overlay {\n border: 1px solid rgba(0, 0, 0, 0.2);\n }\n .react-page-cell-move-actions {\n opacity: 0;\n transition: 0.6s;\n }\n .react-page-cell:hover > .react-page-cell-move-actions {\n opacity: 0.9;\n }\n }\n}\n",".react-page-cell-droppable {\n /*position: relative;*/\n}\n\n.react-page-cell-droppable-is-over-current:after {\n /* extend dropable area a bit, so that its easier to add as last eleent */\n content: '';\n height: 100px;\n width: 100%;\n position: absolute;\n bottom: -100px;\n}\n\n.react-page-cell-droppable-is-over-current:before {\n content: ' ';\n display: block;\n position: absolute;\n z-index: 1;\n background: var(--darkBlack);\n}\n\n.react-page-cell-droppable-is-over-above:before,\n.react-page-cell-droppable-is-over-below:before {\n border-left: 0;\n border-right: 0;\n}\n.react-page-cell-droppable-is-over-left-of:before,\n.react-page-cell-droppable-is-over-right-of:before {\n border-top: 0;\n border-bottom: 0;\n}\n\n.react-page-cell-droppable-is-over-above:before {\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n border-left: 0;\n border-right: 0;\n}\n.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-above:before {\n height: 4px;\n}\n\n.react-page-cell-droppable-is-over-below:before {\n bottom: 0;\n left: 0;\n right: 0;\n height: 4px;\n}\n.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-below:before {\n height: 4px;\n}\n\n.react-page-cell-droppable-is-over-left-of:before {\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n}\n.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-left-of:before {\n width: 4px;\n}\n\n.react-page-cell-droppable-is-over-right-of:before {\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n}\n.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-right-of:before {\n width: 4px;\n}\n\n.react-page-cell-droppable-is-over-inline-right:before,\n.react-page-cell-droppable-is-over-inline-left:before {\n top: 0;\n width: 50%;\n height: 36%;\n max-height: 128px;\n background-color: var(--grey300);\n border: 1px solid var(--minBlack);\n}\n\n.react-page-cell-droppable-is-over-inline-left:before {\n left: 0;\n}\n.react-page-cell-droppable-is-over-inline-right:before {\n right: 0;\n}\n\n.react-page-cell-droppable-not-allowed {\n cursor: not-allowed;\n}\n",".react-page-cell-error {\n background-color: red;\n padding: 8px;\n margin: 2px;\n overflow: hidden;\n}\n\n.react-page-cell-error strong {\n margin: 0 auto;\n}\n\n.react-page-cell-error code {\n overflow: scroll;\n}\n",".react-page-editable {\n .react-page-cell-handle {\n display: none;\n }\n &&-mode-edit,\n &&-mode-resizing,\n &&-mode-layout {\n .react-page-cell-handle {\n position: absolute;\n top: 0px;\n left: 50%;\n transform: translateX(-50%) translateY(-100%);\n transition: opacity ease 0.4s;\n opacity: 0;\n\n color: rgba(0, 0, 0, 0.97);\n\n background: rgba(255, 255, 255, 0.95);\n text-align: center;\n color: rgba(0, 0, 0, 0.97);\n\n display: inline-block;\n padding: 12px 24px;\n margin: 0 auto;\n border-radius: 12px 12px 0 0;\n text-transform: uppercase;\n font-size: 14px;\n line-height: 1.4;\n letter-spacing: 0.15em;\n\n box-shadow: 0 -5px 5px rgb(0 0 0 / 22%);\n pointer-events: none;\n }\n\n .react-page-cell-handle-drag-enabled {\n cursor: move;\n }\n\n .react-page-cell:hover > .react-page-cell-handle,\n .react-page-cell.react-page-cell-focused > .react-page-cell-handle {\n opacity: 1;\n pointer-events: all;\n }\n }\n}\n","@import './Draggable/index.css';\n@import './Droppable/index.css';\n@import './ErrorCell/index.css';\n@import './Handle/index.css';\n\n/* general rules for read only and edit */\n\n.react-page-cell {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n &-inline-left {\n float: left;\n }\n\n &-inline-right {\n float: right;\n }\n\n &-has-inline-neighbour {\n float: none;\n width: 100%;\n display: block;\n }\n\n & &-inner {\n height: 100%;\n box-sizing: border-box;\n outline: none;\n }\n}\n\n/* edit */\n.react-page-editable {\n &&-mode-edit,\n &&-mode-resizing,\n &&-mode-layout {\n .react-page-cell {\n position: relative;\n transition: box-shadow 0.3s;\n\n &-is-draft {\n opacity: 0.3;\n outline: 1px dashed black;\n }\n &-bring-to-front {\n z-index: 3;\n }\n &.react-page-cell-has-plugin:hover {\n z-index: 2;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);\n opacity: 1;\n }\n &.react-page-cell-focused.react-page-cell-focused {\n z-index: 1;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);\n opacity: 1;\n }\n }\n }\n\n &&-mode-insert {\n .react-page-cell {\n cursor: cell;\n &:hover {\n z-index: 1;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);\n opacity: 1;\n }\n }\n }\n}\n",".react-page-controls-mode-toggle-button-inner {\n float: right;\n margin: 8px;\n}\n\n.react-page-controls-mode-toggle-button-description {\n font-family: Roboto, sans-serif;\n font-size: 16px;\n margin-top: 18px;\n float: right;\n background: transparent;\n color: transparent;\n border: 1px transparent solid;\n padding: 2px 8px;\n text-align: right;\n display: none;\n transition: all 200ms ease;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.react-page-controls-mode-toggle-button:hover\n .react-page-controls-mode-toggle-button-description {\n max-width: 999px;\n background: var(--darkBlack);\n color: var(--white);\n display: block;\n border: 1px solid var(--faintBlack);\n}\n","@import 'Button/index.css';\n\n.react-page-controls-mode-toggle-clearfix {\n clear: both;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n transform: scale(0);\n }\n 80% {\n opacity: 1;\n transform: scale(1.05);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.react-page-controls-mode-toggle-control {\n z-index: 1;\n animation: fadeIn 0.8s forwards;\n opacity: 0;\n\n}\n",".react-page-plugin-drawer-item {\n cursor: pointer;\n\n z-index: 1;\n}\n.react-page-plugin-drawer-item:hover {\n z-index: 2;\n box-shadow: 0 0 20px #ccc;\n}\n",".react-page-controls-trash {\n position: fixed;\n bottom: -64px;\n z-index: 500;\n left: 50%;\n transition: bottom 200ms ease;\n padding: 8px;\n}\n\n.react-page-controls-trash.react-page-controls-trash-active {\n bottom: 16px;\n}\n"],"names":[],"sourceRoot":""}