{"version":3,"file":"index.css","mappings":";;;AAEA;AACA;AACA;AACA;AADA;;AAGA;AACA;AACA;ACRA;AACA;AACA;ADQA;AACA;AAEA;AADA;AACA;AAGA;;AAAA;ACoBA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;ADxBA;AACA;AACA;AASA;ACcA;AACA;AACA;AACA;AACA;AACA;ADZA;;AAdA;AACA;AACA;AACA;AAiBA;;AAfA;AACA;AACA;AACA;AACA;ACLA;AAAA;AAAA;AAAA;AACA;AACA;AAtBA;AACA;AD+CA;AC3CA;AACA;AD6CA;AC3CA;AACA;AD6CA;AC3CA;AACA;AD6CA;AC5CA;AACA;AD8CA;ACpCA;AACA;ADsCA;AAnCA;AACA;AAqCA;;AAlCA;AACA;AAqCA;;AAnCA;AACA;AAsCA;;AApCA;AACA;AAuCA;;AArCA;AACA;AAwCA;;AAtCA;AACA;AAyCA;;AAvCA;AACA;AA0CA;;AAxCA;AACA;AA2CA;;AAzCA;AACA;AA4CA;;AA1CA;AACA;AA6CA;;AA3CA;AACA;AA8CA;;AA5CA;AACA;AA+CA;;AA7CA;AACA;AAgDA;;AA9CA;AACA;AAiDA;;AA/CA;AACA;AAkDA;;AAhDA;AACA;AAmDA;;AAjDA;AACA;AAoDA;;AAlDA;AACA;AACA;AACA;AACA;AAqDA;;AAnDA;AACA;AACA;AACA;AACA;AACA;AAsDA;;AApDA;AACA;AACA;AACA;AC5EA;AAAA;AAAA;AAAA;AACA;AACA;ADoIA;ACrJA;AACA;ADuJA;ACrJA;AACA;ADuJA;ACrJA;AACA;ADuJA;ACtJA;AACA;ADwJA;AC9IA;AACA;ADgJA;AAvEA;AACA;AACA;AACA;AACA;ACtGA;AACA;ADgLA;AAxEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA0EA;;AAvEA;AACA;AA0EA;;AAxEA;AACA;AA2EA;;AAzEA;AC/HA;AACA;AACA;AD+HA;AAAA;AAAA;AAAA;AACA;AACA;AA8EA;;AA5EA;AACA;AA+EA;;AA7EA;AACA;AAgFA;;AA9EA;AACA;AAiFA;;AA/EA;AACA;AACA;AACA;AACA;AACA;AAkFA;AAjFA;AACA;AACA;AACA;AACA;AClJA;AACA;ADsOA;AClOA;AACA;ADoOA;AClOA;AACA;ADoOA;AClOA;AACA;ADoOA;ACnOA;AACA;ADqOA;AA7FA;AACA;AACA;AACA;AACA;AACA;AC3JA;AACA;AD2PA;ACvPA;AACA;ADyPA;ACvPA;AACA;ADyPA;ACvPA;AACA;ADyPA;ACxPA;AACA;AD0PA;;AAvGA;AACA;AA0GA;AAxGA;AACA;AACA;AACA;AACA;AACA;AA0GA;;AAtGA;AACA;AAyGA;AAvGA;AACA;AACA;AACA;AACA;AACA;AAyGA;;AArGA;AACA;AAwGA;;AAtGA;AC9JA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;ADwQA;ACvQA;AACA;AACA;AACA;AACA;AACA;ADyQA;AArHA;AACA;AACA;AACA;AACA;AACA;AACA;AAuHA;ACtTA;AACA;ADwTA;ACtTA;AACA;ADwTA;ACtTA;AACA;ADwTA;ACvTA;AACA;ADyTA;;AA9HA;AACA;AAiIA;AA/HA;AACA;AACA;AAiIA;AA/HA;AACA;AACA;AACA;AAiIA;AA/HA;AACA;AACA;AAiIA;AA/HA;AACA;AAiIA;AA/HA;AACA;AAiIA;AA/HA;AACA;AAiIA;;AA7HA;AACA;AAgIA;;AA5HA;AACA;AA+HA;AA9HA;AACA;AACA;AACA;AACA;AC/OA;AACA;ADgXA;AA9HA;AACA;AAgIA;AA9HA;AACA;AAgIA;AA9HA;AACA;AAgIA;AA9HA;AACA;AAgIA;;AA7HA;AACA;AAgIA;AA/HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAiIA;AA/HA;AACA;AACA;AACA;AAiIA;AAhIA;AACA;AAkIA;AAjIA;AACA;AAmIA;AAjIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAmIA;;AA9HA;AClQA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;ADoYA;ACnYA;AACA;AACA;AACA;AACA;AACA;ADqYA;;AA5IA;AACA;AA+IA;AA9IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAgJA;AA9IA;AACA;AACA;AACA;AACA;AAgJA;AA9IA;AACA;AACA;AACA;AACA;AAgJA;AA/IA;AACA;AAiJA;AA/IA;AACA;AACA;AAiJA;;AA7IA;AACA;AAgJA;AA/IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAiJA;AA/IA;AACA;AACA;AACA;AACA;AAiJA;AA/IA;AACA;AACA;AACA;AACA;AAiJA;AAhJA;AACA;AAkJA;AAhJA;AACA;AACA;AAkJA;;AA9IA;AACA;AAiJA;AAhJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkJA;AAhJA;AACA;AACA;AACA;AACA;AAkJA;AAhJA;AACA;AACA;AACA;AACA;AACA;AC1XA;AACA;AD6gBA;AAlJA;AACA;AAoJA;AAjJA;AACA;AAmJA;AAjJA;AACA;AAmJA;AAjJA;AACA;AAmJA;;AAhJA;AC5WA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;ADwWA;AAyJA;AChgBA;AACA;AACA;AACA;AACA;AACA;ADkgBA;AA/JA;AC7YA;AACA;AAmBA;AAAA;AAAA;AAAA;AACA;AACA;AD0XA;AACA;AACA;AACA;AAoKA;ACljBA;AACA;ADojBA;ACljBA;AACA;ADojBA;ACljBA;AACA;ADojBA;ACnjBA;AACA;ADqjBA;AC3iBA;AACA;AD6iBA;AAjLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAmLA;AAjLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAmLA;AAjLA;AACA;AACA;AAmLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AACA;AACA;AACA;AACA;AAoLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AACA;AAoLA;AAlLA;AACA;AACA;AAoLA;AAlLA;AACA;AACA;AAoLA;AAjLA;AACA;AACA;AAmLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AACA;AAoLA;AAlLA;AACA;AAoLA;AAlLA;AACA;AAoLA;;AA/KA;ACtcA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;ADkcA;AAwLA;ACznBA;AACA;AACA;AACA;AACA;AACA;AD2nBA;AA9LA;ACveA;AACA;AAmBA;AAAA;AAAA;AAAA;AACA;AACA;ADodA;AACA;AACA;AACA;AACA;AAmMA;AC5qBA;AACA;AD8qBA;AC5qBA;AACA;AD8qBA;AC5qBA;AACA;AD8qBA;AC7qBA;AACA;AD+qBA;ACrqBA;AACA;ADuqBA;AAhNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkNA;AAhNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkNA;AAhNA;AACA;AACA;AAkNA;AAjNA;AACA;AAmNA;AAjNA;AACA;AACA;AAmNA;AAhNA;AACA;AACA;AAkNA;AAjNA;AACA;AAmNA;AAjNA;AACA;AACA;AAmNA;;AA9MA;AC9fA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AD0fA;AAuNA;AChtBA;AACA;AACA;AACA;AACA;AACA;ADktBA;AA7NA;AC/hBA;AACA;AAmBA;AAAA;AAAA;AAAA;AACA;AACA;AD4gBA;AACA;AACA;AACA;AACA;AAkOA;ACnwBA;AACA;ADqwBA;ACnwBA;AACA;ADqwBA;ACnwBA;AACA;ADqwBA;ACpwBA;AACA;ADswBA;AC5vBA;AACA;AD8vBA;AA/OA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAiPA;AA/OA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAiPA;AA/OA;AACA;AACA;AAiPA;AAhPA;AACA;AAkPA;AAhPA;AACA;AACA;AAkPA;AAhPA;AACA;AACA;AAkPA;;;;AEj0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AADA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AADA;AAEA;;AAEA;AACA;AAAA;AAGA;AACA;AADA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AAFA;AAKA;AACA;AAHA;AAOA;AACA;AACA;AACA;AACA;AALA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AANA","sources":["webpack://FastEditor/./src/styles/toolbar.scss","webpack://FastEditor/./src/styles/mixin.scss","webpack://FastEditor/./src/styles/editor.scss"],"sourcesContent":["@import 'mixin.scss';\n\n.toolbar-container {\n background-color: var(--primary-bg);\n box-shadow: 0px 3px 6px var(--shadow-color);\n position: relative;\n}\n.toolbar-buttons {\n position: relative;\n height: 40px;\n @include flex-center-container;\n overflow: hidden;\n padding-right: -2px;\n & > * {\n margin-right: 2px;\n }\n}\n.toolbar-expand-buttons {\n @include over-lay;\n top: 45px;\n right: 5px;\n padding: 0 5px;\n}\n.toolbar-expand-buttons-line {\n display: flex;\n align-items: center;\n height: 40px;\n}\n.toolbar-button {\n width: 36px;\n height: 32px;\n background-size: 16px 16px;\n filter: var(--primary-color-filter);\n @include button;\n @include background-image-center-container;\n &.disable {\n filter: var(--primary-disable-color-filter);\n }\n}\n.toolbar-button-undo {\n background-image: url(../assets/svgs/undo-alt.svg);\n}\n.toolbar-button-redo {\n background-image: url(../assets/svgs/redo-alt.svg);\n}\n.toolbar-button-clearFormat {\n background-image: url(../assets/svgs/eraser.svg);\n}\n.toolbar-button-bold {\n background-image: url(../assets/svgs/bold.svg);\n}\n.toolbar-button-italic {\n background-image: url(../assets/svgs/italic.svg);\n}\n.toolbar-button-underline {\n background-image: url(../assets/svgs/underline.svg);\n}\n.toolbar-button-strike {\n background-image: url(../assets/svgs/strikethrough.svg);\n}\n.toolbar-button-indentRight {\n background-image: url(../assets/svgs/indent.svg);\n}\n.toolbar-button-indentLeft {\n background-image: url(../assets/svgs/outdent.svg);\n}\n.toolbar-button-align {\n background-image: url(../assets/svgs/align-left.svg);\n}\n.toolbar-button-linespacing {\n background-image: url(../assets/svgs/line-height.svg);\n}\n.toolbar-button-quote {\n background-image: url(../assets/svgs/quote-left.svg);\n}\n.toolbar-button-image {\n background-image: url(../assets/svgs/image.svg);\n}\n.toolbar-button-link {\n background-image: url(../assets/svgs/link.svg);\n}\n.toolbar-button-code {\n background-image: url(../assets/svgs/code.svg);\n}\n.toolbar-button-search {\n background-image: url(../assets/svgs/search.svg);\n}\n.toolbar-button-splitter {\n height: 16px;\n width: 1px;\n background-color: var(--border-color);\n margin: 0 8px;\n}\n.toolbar-button-expand {\n display: none;\n position: absolute;\n top: 4px;\n right: 4px;\n background-image: url(../assets/svgs/ellipsis-h.svg);\n}\n.toolbar-dropdown {\n height: 32px;\n display: flex;\n align-items: center;\n @include button;\n .toolbar-dropdown-icon {\n width: 30px;\n height: 100%;\n background-size: 16px 16px;\n filter: var(--primary-color-filter);\n @include background-image-center-container;\n }\n .toolbar-dropdown-arrow {\n width: 12px;\n height: 100%;\n background-size: 8px;\n background-repeat: no-repeat;\n background-position: 0 center;\n filter: var(--primary-color-filter);\n background-image: url(../assets/svgs/caret-down.svg);\n }\n}\n.toolbar-dropdown-title .toolbar-dropdown-icon {\n background-image: url(../assets/svgs/title.svg);\n}\n.toolbar-dropdown-font .toolbar-dropdown-icon {\n background-image: url(../assets/svgs/text.svg);\n}\n.toolbar-dropdown-size .toolbar-dropdown-icon {\n @include flex-center-container;\n user-select: none;\n font-weight: bold;\n filter: unset;\n}\n.toolbar-dropdown-align .toolbar-dropdown-icon {\n background-image: url(../assets/svgs/align-left.svg);\n}\n.toolbar-dropdown-linespacing .toolbar-dropdown-icon {\n background-image: url(../assets/svgs/line-height.svg);\n}\n.toolbar-dropdown-table .toolbar-dropdown-icon {\n background-image: url(../assets/svgs/table.svg);\n}\n.toolbar-split-dropdown {\n height: 32px;\n display: flex;\n align-items: center;\n border-radius: 3px;\n position: relative;\n .toolbar-split-dropdown-icon {\n width: 30px;\n height: 100%;\n background-size: 16px 16px;\n filter: var(--primary-color-filter);\n @include background-image-center-container;\n @include can-press;\n }\n .toolbar-split-dropdown-arrow {\n width: 12px;\n height: 100%;\n background-size: 8px;\n background-image: url(../assets/svgs/caret-down.svg);\n filter: var(--primary-color-filter);\n @include background-image-center-container;\n @include can-press;\n }\n}\n.toolbar-split-dropdown-color {\n .toolbar-split-dropdown-icon {\n background-image: url(../assets/svgs/font.svg);\n }\n .color-indicator {\n position: absolute;\n width: 18px;\n height: 3px;\n bottom: 3px;\n left: 6px;\n }\n}\n.toolbar-split-dropdown-background {\n .toolbar-split-dropdown-icon {\n background-image: url(../assets/svgs/highlighter.svg);\n }\n .color-indicator {\n position: absolute;\n width: 18px;\n height: 3px;\n bottom: 3px;\n left: 6px;\n }\n}\n\n.toolbar-split-dropdown-list .toolbar-split-dropdown-icon {\n background-image: url(../assets/svgs/list-ul.svg);\n}\n.toolbar-dropdown-menu {\n @include over-lay;\n .toolbar-dropdown-menu-item {\n display: flex;\n align-items: center;\n padding: 0 20px;\n height: 40px;\n color: var(--primary-color);\n font-size: 14px;\n @include can-press;\n }\n}\n.toolbar-dropdown-menu-title {\n .toolbar-dropdown-menu-item-text {\n font-size: 11px;\n }\n .toolbar-dropdown-menu-item-title {\n font-weight: 900;\n font-size: 20px;\n }\n .toolbar-dropdown-menu-item-subtitle {\n font-weight: 900;\n font-size: 18px;\n color: #6f6f6f;\n }\n .toolbar-dropdown-menu-item-h1 {\n font-weight: 700;\n font-size: 16px;\n }\n .toolbar-dropdown-menu-item-h2 {\n font-weight: 500;\n }\n .toolbar-dropdown-menu-item-h3 {\n font-size: 13px;\n }\n .toolbar-dropdown-menu-item-h4 {\n font-size: 12px;\n }\n}\n.toolbar-dropdown-menu-size {\n .toolbar-dropdown-menu-item {\n justify-content: center;\n }\n}\n.toolbar-dropdown-menu-align {\n .toolbar-dropdown-menu-item {\n justify-content: center;\n &::before {\n content: ' ';\n width: 16px;\n height: 16px;\n background-size: 16px 16px;\n @include background-image-center-container;\n }\n }\n .toolbar-dropdown-menu-item-left::before {\n background-image: url(../assets/svgs/align-left.svg);\n }\n .toolbar-dropdown-menu-item-center::before {\n background-image: url(../assets/svgs/align-center.svg);\n }\n .toolbar-dropdown-menu-item-right::before {\n background-image: url(../assets/svgs/align-right.svg);\n }\n .toolbar-dropdown-menu-item-justify::before {\n background-image: url(../assets/svgs/align-justify.svg);\n }\n}\n.toolbar-dropdown-menu-table {\n height: 180px;\n .wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 5px;\n box-sizing: border-box;\n }\n .toolbar-table-row {\n flex-grow: 1;\n display: flex;\n align-items: stretch;\n .toolbar-table-cell {\n flex-grow: 1;\n &.selected::after {\n background-color: azure;\n }\n &::after {\n content: ' ';\n border: solid 1px #ddd;\n border-radius: 3px;\n box-sizing: border-box;\n height: calc(100% - 2px);\n width: calc(100% - 2px);\n display: inline-block;\n }\n }\n }\n}\n.toolbar-split-dropdown-menu {\n @include over-lay;\n}\n.toolbar-split-dropdown-menu-color {\n height: 200px;\n .wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n padding: 5px;\n box-sizing: border-box;\n }\n .toolbar-color-row {\n height: 22px;\n display: flex;\n justify-content: space-around;\n align-items: stretch;\n }\n .toolbar-color-item {\n width: 22px;\n border: solid 1px #ddd;\n border-radius: 3px;\n box-sizing: border-box;\n &:hover {\n box-shadow: 1px 1px 6px var(--shadow-color);\n }\n &.selected {\n border-color: #bbb;\n border-width: 3px;\n }\n }\n}\n.toolbar-split-dropdown-menu-background {\n height: 200px;\n .wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n padding: 5px;\n box-sizing: border-box;\n }\n .toolbar-color-row {\n height: 22px;\n display: flex;\n justify-content: space-around;\n align-items: stretch;\n }\n .toolbar-color-item {\n width: 22px;\n border: solid 1px #ddd;\n border-radius: 3px;\n box-sizing: border-box;\n &:hover {\n box-shadow: 1px 1px 6px var(--shadow-color);\n }\n &.selected {\n border-color: #bbb;\n border-width: 3px;\n }\n }\n}\n.toolbar-split-dropdown-menu-list {\n height: 195px;\n .wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n padding: 5px;\n box-sizing: border-box;\n }\n .toolbar-list-row {\n height: 83px;\n display: flex;\n justify-content: space-around;\n align-items: stretch;\n }\n .toolbar-list-item {\n width: 70px;\n border: solid 1px #ddd;\n border-radius: 3px;\n box-sizing: border-box;\n background-size: contain;\n @include background-image-center-container;\n &:hover {\n box-shadow: 1px 1px 6px var(--shadow-color);\n }\n }\n .toolbar-list-item-ol-1 {\n background-image: url(../assets/svgs/ol-1.svg);\n }\n .toolbar-list-item-ol-2 {\n background-image: url(../assets/svgs/ol-2.svg);\n }\n .toolbar-list-item-ol-3 {\n background-image: url(../assets/svgs/ol-3.svg);\n }\n}\n.toolbar-search-panel {\n @include over-lay;\n width: 384px;\n .button {\n @include background-image-center-container;\n @include button;\n height: 28px;\n line-height: 28px;\n background-size: 16px 16px;\n text-align: center;\n }\n .box {\n display: flex;\n align-items: center;\n height: 28px;\n border-radius: 3px;\n border: 1px solid var(--border-color);\n box-sizing: border-box;\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n }\n input {\n flex-shrink: 1;\n flex-grow: 1;\n min-width: 0;\n width: 0;\n border: none;\n outline: none;\n padding: 0 3px;\n height: 100%;\n background-color: transparent;\n }\n .toolbar-search-row {\n display: flex;\n padding: 6px 6px 6px 0;\n & > * {\n margin-left: 6px;\n }\n .button {\n width: 28px;\n }\n .result {\n font-size: 12px;\n color: var(--primary-color);\n opacity: 0.6;\n flex-shrink: 0;\n padding-right: 2px;\n }\n .prev {\n background-image: url(../assets/svgs/angle-left.svg);\n }\n .next {\n background-image: url(../assets/svgs/angle-right.svg);\n }\n .case {\n font-weight: bold;\n font-size: 16px;\n }\n .more {\n background-image: url(../assets/svgs/ellipsis-v.svg);\n background-size: 13px 13px;\n }\n .close {\n background-image: url(../assets/svgs/times.svg);\n background-size: 13px 13px;\n }\n }\n .toolbar-replace-row {\n display: none;\n padding: 0 6px 6px 0;\n &.show {\n display: flex;\n }\n & > * {\n margin-left: 6px;\n }\n .button {\n font-size: 12px;\n font-weight: bold;\n }\n .replace {\n width: 70px;\n }\n .replace-all {\n width: 88px;\n }\n }\n}\n\n.toolbar-link-panel {\n @include over-lay;\n width: 286px;\n .button {\n @include background-image-center-container;\n @include button;\n height: 28px;\n width: 28px;\n line-height: 28px;\n background-size: 16px 16px;\n text-align: center;\n }\n .box {\n display: flex;\n align-items: center;\n height: 28px;\n border-radius: 3px;\n border: 1px solid var(--border-color);\n box-sizing: border-box;\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n }\n input {\n flex-shrink: 1;\n flex-grow: 1;\n min-width: 0;\n width: 0;\n border: none;\n outline: none;\n padding: 0 3px;\n }\n .toolbar-link-url-row {\n display: flex;\n padding: 6px 6px 6px 0;\n & > * {\n margin-left: 6px;\n }\n .close {\n background-image: url(../assets/svgs/times.svg);\n background-size: 13px 13px;\n }\n }\n .toolbar-link-text-row {\n display: flex;\n padding: 0 6px 6px 0;\n & > * {\n margin-left: 6px;\n }\n .done {\n background-image: url(../assets/svgs/check.svg);\n background-size: 13px 13px;\n }\n }\n}\n\n.toolbar-image-panel {\n @include over-lay;\n width: 286px;\n .button {\n @include background-image-center-container;\n @include button;\n height: 28px;\n width: 28px;\n line-height: 28px;\n background-size: 16px 16px;\n text-align: center;\n }\n .box {\n display: flex;\n align-items: center;\n height: 28px;\n border-radius: 3px;\n border: 1px solid var(--border-color);\n box-sizing: border-box;\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n }\n input {\n flex-shrink: 1;\n flex-grow: 1;\n min-width: 0;\n width: 0;\n border: none;\n outline: none;\n padding: 0 3px;\n }\n .toolbar-image-url-row {\n display: flex;\n padding: 6px 6px 6px 0;\n & > * {\n margin-left: 6px;\n }\n .done {\n background-image: url(../assets/svgs/check.svg);\n background-size: 13px 13px;\n }\n .close {\n background-image: url(../assets/svgs/times.svg);\n background-size: 13px 13px;\n }\n }\n}\n","@mixin flex-center-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin background-image-center-container {\n background-repeat: no-repeat;\n background-position: center;\n}\n\n@mixin can-press {\n &:hover {\n background-color: var(--hover-bg);\n }\n &:active {\n background-color: var(--active-bg);\n }\n &.selected {\n background-color: var(--selected-bg);\n &:active {\n background-color: var(--active-bg);\n }\n }\n}\n\n@mixin button {\n user-select: none;\n border-radius: 3px;\n color: var(--primary-color);\n @include can-press;\n &.disable {\n color: var(--primary-disable-color);\n }\n}\n\n@mixin over-lay {\n display: none;\n position: absolute;\n z-index: 1;\n background-color: var(--primary-bg);\n box-shadow: 1px 1px 6px var(--shadow-color);\n border-radius: 3px;\n user-select: none;\n .wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n padding: 5px;\n box-sizing: border-box;\n }\n}\n",".fast-editor {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: flex-start;\n position: relative;\n overflow: hidden;\n font-family: Arial, Helvetica, sans-serif;\n\n --primary-color: #475063;\n --primary-disable-color: #bebebe;\n --primary-bg: #f9f9f9;\n --hover-bg: rgba(0, 0, 0, 0.05);\n --active-bg: rgba(0, 0, 0, 0.1);\n --selected-bg: rgba(0, 0, 0, 0.08);\n --shadow-color: rgba(0, 0, 0, 0.2);\n --border-color: #b3b5bc;\n // this filter convert black to primary color\n --primary-color-filter: invert(27%) sepia(4%) saturate(3526%) hue-rotate(183deg) brightness(97%) contrast(79%);\n --primary-disable-color-filter: invert(86%) sepia(1%) saturate(38%) hue-rotate(314deg) brightness(89%) contrast(92%);\n}\n\n.content-container {\n flex-shrink: 1;\n flex-grow: 1;\n height: 1px;\n position: relative;\n display: inline-block;\n width: 616px;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n canvas,\n .domElementContainerWrapper {\n position: absolute;\n top: 0;\n }\n\n .domElementContainerWrapper {\n overflow: hidden;\n .domElementContainer {\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n }\n }\n\n .heightPlaceholderContainer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n\n & .divHeightPlaceholder {\n min-height: 100%;\n }\n\n .divCursor {\n color: #000;\n }\n }\n\n & .divCursor {\n position: absolute;\n border-left-style: solid;\n border-left-width: 1px;\n pointer-events: none;\n }\n\n & .textInput {\n position: absolute;\n width: 0px;\n padding: 0;\n resize: none;\n outline: none;\n border: none;\n overflow: hidden;\n background: transparent;\n color: transparent;\n pointer-events: none;\n }\n}\n"],"names":[],"sourceRoot":""}