[contenteditable] {
  outline: 0px solid transparent;
}

.authorization {
  width: 500px;
  height: 500px;
  margin: 0 auto;
}
.authorization .form[auth_type=register] {
  display: none;
}

.user_panel {
  display: flex;
  align-items: center;
  justify-content: right;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
}
.user_panel .logout_button {
  cursor: pointer;
}
.user_panel .user_name {
  margin-right: 10px;
}

.editor_block .tools {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 500px;
}
.editor_block .tools > div {
  text-align: center;
  min-width: 50px;
  height: 50px;
  border: 1px solid #a7a7a7;
  line-height: 50px;
  border-radius: 10px;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.editor_block .tools > div:hover {
  background: #a7a7a7;
}
.editor_block .content {
  display: flex;
  align-items: center;
  margin-top: 10px;
  position: relative;
  width: 800px;
  height: 100%;
}
.editor_block .content .editor {
  width: 100%;
}

.marks {
  width: 24px;
}
.marks .text_mark {
  width: 24px;
  height: 12px;
  background: #5e68f5;
  display: block;
  position: absolute;
  margin-left: 20px;
  cursor: pointer;
}

.single_paragraph {
  min-height: 24px;
}
.single_paragraph.dragging {
  position: absolute;
  background: #d1d1d1;
}
.single_paragraph.blank.holder {
  background: #ffb25a;
}

.shapes {
  position: relative;
  height: 100%;
  margin-top: 15px;
}
.shapes .single_shape_block {
  display: flex;
  min-height: 12px;
  position: relative;
  height: auto;
}
.shapes .single_shape_block.dragging {
  position: absolute;
  z-index: 100;
}
.shapes .single_shape_block.dragging .circle {
  background: #ee9b1e !important;
}
.shapes .single_shape_block.blank .circle {
  background: #ffc978 !important;
}
.shapes .single_shape_block .parent_form, .shapes .single_shape_block .child_form {
  position: relative;
}
.shapes .single_shape_block .circle {
  width: 12px;
  min-height: 12px;
  border-radius: 6px;
  background: #d9d9d9;
  cursor: pointer;
}
.shapes .single_shape_block .main_shape {
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
}
.shapes .single_shape_block .main_shape .circle {
  height: 100% !important;
}
.shapes .single_shape_block .shapes_list {
  margin-left: 20px;
}
.shapes .single_shape_block .shapes_list .single_shape {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
}
.shapes .single_shape_block .shapes_list .single_shape.dragging .circle {
  background: #ee9b1e;
}

.textarea {
  margin-left: 20px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  min-width: 100px;
}/*# sourceMappingURL=main.css.map */