{"mappings":"ACAA;;;;;;;;;;;;;;;;;;;;;AAkCA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAKA;;;;;;;;;;;AC7EA;;;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;AAiBA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAaA;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AAUA;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;;;;;;AAcA;;;;AASA;;;;;AAKA;;;;;;AAOA;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;ACzLA;;;;;;;;;;;;AAYA;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;;;;;;;;AAWA;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;;;;ACrIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;;;;;;AASA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;AAcA;;;;AAIA;;;;AAIA;;;;;AAMA;;;;AChFA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;AAKA;;;;;;;AAOA","sources":["0b0f7fe7ca8431fb","src/classes/toHtml/EditorV3Drop.css","src/components/BaseInputs.module.css","src/components/EditorV3.css","src/components/icons/IconStyles.module.css","src/components/WindowView/WindowView.module.css"],"sourcesContent":["@import \"985fee6dc0506699\";\n@import \"04d37620b60c8222\";\n@import \"bca8e70ae8f2d8e5\";\n@import \"ecba61ce5f8dc595\";\n@import \"5fcafd389a90164f\";\n","ul.aiev3-dropdown-list {\n  position: absolute;\n  width: max-content;\n  max-width: 600px;\n  display: block;\n  list-style-type: none;\n  margin-block-start: 2px;\n  margin-block-end: 2px;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  padding-inline-start: 40px;\n  background-color: #fff;\n  opacity: 1;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 0;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    Segoe UI,\n    Roboto,\n    Oxygen,\n    Ubuntu,\n    Cantarell,\n    Fira Sans,\n    Droid Sans,\n    Helvetica Neue,\n    sans-serif;\n  font-size: 12px;\n  color: #000;\n  font-weight: 400;\n  z-index: 10001;\n}\n\nul.aiev3-dropdown-list li:first-child {\n  padding-top: 4px;\n}\n\nul.aiev3-dropdown-list li:last-child {\n  padding-bottom: 4px;\n}\n\nli.aiev3-drop-item {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\nli.aiev3-drop-no-items {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: not-allowed;\n}\n\nli.aiev3-drop-item {\n  cursor: pointer;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\nli.aiev3-drop-item:hover {\n  background-color: #f0f0f0;\n}\n\nli.aiev3-drop-items-error {\n  color: red;\n}\n\nli.aiev3-more-items {\n  font-style: italic;\n}\n\n.aiev3-tb.select-block {\n  position: relative;\n  padding: -1px;\n  border-bottom: 1px solid #c8640a;\n}\n.aiev3 .select-block-caret {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4'%3E%3Cpolygon points='0,0 8,0 4,4' fill='%23c8640a'/%3E%3C/svg%3E\");\n  display: inline-block;\n  width: 8px;\n  height: 4px;\n  position: absolute;\n  bottom: -4px;\n  left: 2px;\n  transform: translateX(-50%);\n}\n",":root {\n  --down-arrow: url('data:image/svg+xml;utf8,<svg fill=\"black\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>');\n  --checked: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1.5em\" height=\"1.5em\" viewBox=\"0 0 32 32\"><path fill=\"currentColor\" d=\"M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m-2 19.59l-5-5L10.59 15L14 18.41L21.41 11l1.596 1.586Z\"/><path fill=\"none\" d=\"m14 21.591l-5-5L10.591 15L14 18.409L21.41 11l1.595 1.585z\"/></svg>');\n  --circle: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1.5em\" height=\"1.5em\" viewBox=\"0 0 32 32\"><path fill=\"currentColor\" d=\"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14s14-6.268 14-14S23.732 2 16 2m0 26C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12s-5.373 12-12 12\"/></svg>');\n}\n\n.holder {\n  position: relative;\n  margin-top: 6px;\n  width: 100%;\n  display: flex;\n}\n\n.holder:last-child {\n  margin-bottom: 6px;\n}\n\n.label {\n  position: absolute;\n  top: 0;\n  left: 4px;\n  z-index: 2;\n  line-height: 16px;\n  font-size: 12px;\n  padding: 1px 3px;\n  border-radius: 4px;\n  border: 1px dotted black;\n  background-color: white;\n}\n\n.errorText {\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 2;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  color: #f00;\n  text-align: left;\n  color: red;\n  padding: 1px 3px;\n  border-radius: 4px;\n  border: 1px dotted red;\n  background-color: white;\n}\n\n.expander {\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  align-items: start;\n}\n\n.expander > .holder .label {\n  transition: left 0.5s ease-in-out;\n}\n\n.expander:not(.disabled) > .holder .label {\n  left: calc(28px);\n}\n\n.expander > .holder::before {\n  display: inline-block;\n  content: \"\";\n  background-image: var(--down-arrow);\n  width: 24px;\n  height: 24px;\n  transition:\n    transform 0.5s ease,\n    width 0.5s ease-in-out;\n  transform: rotate(-90deg);\n  cursor: pointer;\n}\n\n.expander.open > .holder::before,\n.expander.opening > .holder::before {\n  transform: rotate(0deg);\n}\n\n.expander.disabled > .holder::before {\n  background-image: none;\n  width: 0;\n}\n\n.expanderContent {\n  margin: 4px 2px 4px 36px;\n  border-radius: 4px;\n  border: 1px dotted black;\n  padding: 4px;\n  width: calc(100% - 44px);\n}\n\n.expander > .expanderContent {\n  opacity: 0;\n  overflow: hidden;\n}\n\n.expander.open > .expanderContent {\n  overflow: auto;\n  opacity: 1;\n}\n\n.expander.opening > .expanderContent {\n  overflow: none;\n  opacity: 1;\n}\n\n.baseButton {\n  all: unset;\n  border: 1px solid black;\n  line-height: 20px;\n  border-radius: 4px;\n  padding: 2px 6px;\n  min-width: 48px;\n  cursor: pointer;\n}\n\n.baseInput,\n.baseSelect {\n  all: unset;\n  border: 1px solid black;\n  line-height: 20px;\n  font-size: 14px;\n  border-radius: 4px;\n  padding: 2px 6px;\n  margin-top: 16px;\n  height: 24px;\n}\n\n.baseInput {\n  min-width: 48px;\n  max-width: 400px;\n}\n\n.baseSelect {\n  appearance: none;\n  background-image: var(--down-arrow);\n  background-position-x: 100%;\n  background-position-y: 50%;\n  background-repeat: no-repeat;\n  border-radius: 4px;\n  text-overflow: ellipsis;\n  padding-right: 24px;\n  min-width: 48px;\n  max-width: 400px;\n  white-space: nowrap;\n}\n\n.baseSelect option:disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n}\n\n.baseSelect:disabled,\n.baseInput:disabled {\n  background-color: rgba(0, 0, 0, 0.2);\n}\n\n.baseCheckbox {\n  all: unset;\n  display: none;\n}\n\n.baseCheckboxLabel {\n  position: relative;\n  padding-left: 28px;\n  cursor: pointer;\n}\n\n/* Create the box for the checkbox */\n.baseCheckboxLabel:before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 25px;\n  height: 25px;\n  background-image: var(--circle);\n}\n\n/* Change the box for the checkbox when checked */\n.baseCheckbox:checked + .baseCheckboxLabel:before {\n  background-image: var(--checked);\n}\n\n.editorHolder {\n  border: 1px solid black;\n  border-radius: 4px;\n  margin-top: 16px;\n  min-height: 26px;\n  height: calc(100% - 16px);\n  padding: 1px;\n  width: 100%;\n  box-sizing: border-box;\n}\n",".aiev3 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: fit-content;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.aiev3:focus,\n.aiev3:hover {\n  overflow: visible;\n}\n\n.aiev3-resize {\n  width: 100%;\n  height: 100%;\n  min-height: 1.5em;\n  overflow: auto;\n  position: relative;\n}\n\n.aiev3-resize::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.aiev3-resize::-webkit-scrollbar-track {\n  border-radius: 100px;\n}\n\n.aiev3-resize::-webkit-scrollbar-thumb {\n  background: grey;\n  border: none;\n  border-radius: 100px;\n}\n\n.aiev3-resize::-webkit-scrollbar-thumb:hover {\n  background: darkslategrey;\n}\n\n.aiev3-resize-border {\n  border: 1px dashed rgb(190, 190, 189);\n  border-radius: 6px;\n}\n\n.aiev3-editing {\n  padding: 2px;\n  outline: 0;\n  vertical-align: top;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-height: calc(100% - 5px);\n  height: auto;\n}\n\n.aiev3-resize-border .aiev3-editing {\n  height: calc(100% - 4px);\n  width: calc(100% - 4px);\n}\n\n.aiev3.editing .aiev3-resize {\n  background-color: white;\n}\n\n.aiev3-line,\n.aiev3-markdown-line {\n  display: flex;\n  width: 100%;\n  min-width: fit-content;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  flex-wrap: wrap;\n  max-width: 100%;\n  flex-shrink: 0;\n  white-space: nowrap;\n  align-items: center;\n  min-height: 1.5em;\n}\n\n.aiev3-line.decimal {\n  display: grid;\n}\n\n.aiev3-line.left {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n}\n\n.aiev3-line.center {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n}\n\n.aiev3-line.right {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\n.aiev3-contents-info {\n  display: none;\n}\n\n.aiev3-line.right > span {\n  display: inline-flex;\n}\n\n.aiev3-span-point {\n  display: table-cell;\n}\n\n.aiev3-span-point > span {\n  display: inline-block;\n}\n\n.aiev3-span-point.lhs {\n  align-content: end;\n  text-align: right;\n  grid-column: 1;\n}\n\n.aiev3-span-point.rhs {\n  text-align: left;\n  grid-column: 2;\n}\n\n.aiev3-tb {\n  height: 1.4em;\n  min-height: 1.4em;\n  line-height: 1.4em;\n  white-space: nowrap;\n}\n",".undoBtn {\n  position: absolute;\n  top: 8px;\n  right: 44px;\n  z-index: 4;\n  cursor: pointer;\n}\n\n.redoBtn {\n  position: absolute;\n  top: 8px;\n  right: 24px;\n  z-index: 4;\n  cursor: pointer;\n}\n\n.relativeDiv {\n  position: relative;\n}\n\n.addDiv {\n  width: 25%;\n  height: 8px;\n  transition: height 1s ease-in-out;\n  cursor: pointer;\n  position: relative;\n  background-color: #9cf0a318;\n}\n\n.addIcon {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2;\n  transform: translate(-4px, -8px);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease-in-out;\n  background-color: #9cf0a34b;\n  padding: 2px;\n  border-radius: 4px;\n}\n\n.addDiv:hover > .addIcon {\n  opacity: 1;\n  visibility: visible;\n}\n\n.addIcon:hover {\n  color: #07440c;\n}\n\n.removeLineIcon,\n.removeIcon {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease-in-out;\n  background-color: #ee19194b;\n  padding: 2px;\n  border-radius: 4px;\n}\n\n.removeIcon {\n  transform: translate(-4px, 12px);\n}\n\n.removeLineIcon {\n  transform: translate(48px, -4px);\n}\n\ndiv:hover > span > .removeIcon,\ndiv:hover > span > .removeLineIcon {\n  opacity: 1;\n  visibility: visible;\n}\n\n.removeLineIcon:hover,\n.removeIcon:hover {\n  color: #ee1919;\n}\n",".windowViewBody {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: left;\n  padding: 10px;\n  gap: 8px;\n  position: relative;\n}\n\n.windowViewLine {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 2px;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.height,\n.noHeight {\n  transition:\n    min-height 0.5s ease-in-out,\n    max-height 0.5s ease-in-out,\n    opacity 0.5s ease-in-out;\n}\n\n.height {\n  max-height: 500px;\n  overflow: auto;\n  opacity: 1;\n}\n\n.noHeight {\n  max-height: 0;\n  overflow: hidden;\n  opacity: 0;\n}\n\n.windowViewBlock.height,\n.windowViewBlock.noHeight {\n  margin-left: 32px;\n}\n\n.windowViewLineTitle {\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 400;\n  color: #222;\n}\n\n.windowViewBlock {\n  display: flex;\n  line-height: 16px;\n  flex-direction: row;\n  gap: 10px;\n  align-items: left;\n  padding: 4px 4px 4px 20px;\n}\n\n/* .windowViewValidationText {\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  color: #f00;\n  text-align: left;\n} */\n"],"names":[],"version":3,"file":"main.css.map"}