.document-editor {
  border-radius: var(--ck-border-radius);
  max-height: auto;
  display: flex;
  flex-flow: column nowrap;
}

.document-editor__toolbar {
  z-index: 1024;
  box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.2);
}

.document-editor__toolbar .ck-toolbar {
  border: 0;
  border-radius: 0;
}

.document-editor__editable-container {
  padding: calc(2 * var(--ck-spacing-large));
  background: rgba(0, 0, 0, 0.05);
  overflow-y: scroll;
}

.document-editor__editable-container .ck-editor__editable.ck-editor__editable_inline {
  width: 21cm;
  min-height: 29.7cm;
  padding: 1cm 2cm 2cm;
  border: 1px hsl(0, 0%, 82.7%) solid;
  border-radius: var(--ck-border-radius);
  background: white;
  box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.1);
  margin: 0 auto;
}

.document-editor .ck-content,
.document-editor .ck-heading-dropdown .ck-list .ck-button__label {
  font:
  16px/1.6 'Helvetica Neue',
  Helvetica,
  Arial,
  sans-serif;
}

.document-editor .ck-heading-dropdown .ck-list .ck-button__label {
  line-height: calc(1.7 * var(--ck-line-height-base) * var(--ck-font-size-base));
  min-width: 6em;
}

.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {
  transform: scale(0.8);
  transform-origin: left;
}

.document-editor .ck-content h2,
.document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {
  font-size: 2.18em;
  font-weight: normal;
}

.document-editor .ck-content h2 {
  line-height: 1.37em;
  padding-top: 0.342em;
  margin-bottom: 0.142em;
}

.document-editor .ck-content h3,
.document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {
  font-size: 1.75em;
  font-weight: normal;
  color: hsl(203, 100%, 50%);
}

.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {
  color: var(--ck-color-list-button-on-text);
}

.document-editor .ck-content h3 {
  line-height: 1.86em;
  padding-top: 0.171em;
  margin-bottom: 0.357em;
}

.document-editor .ck-content h4,
.document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {
  font-size: 1.31em;
  font-weight: bold;
}

.document-editor .ck-content h4 {
  line-height: 1.24em;
  padding-top: 0.286em;
  margin-bottom: 0.952em;
}

.document-editor .ck-content p {
  font-size: 1em;
  line-height: 1.63em;
  padding-top: 0.5em;
  margin-bottom: 1.13em;
}

.document-editor .ck-content blockquote {
  font-family: Georgia, serif;
  margin-left: calc(2 * var(--ck-spacing-large));
  margin-right: calc(2 * var(--ck-spacing-large));
}

.folder {
  font-size: 1.1em;
  cursor: pointer;
  color: #007bff;
  display: flex;
  align-items: center;
}
.folder .icon {
  font-size: 1.5em;
  margin-right: 10px;
}
.file {
  padding: 5px 20px;
  font-size: 1em;
  color: #555;
  display: flex;
  align-items: center;
}
.file .icon {
  font-size: 1.2em;
  margin-right: 8px;
}
.ml-3{
  margin-left: 25px;
}
.ml-4{
  margin-left: 25px;
}
.ml-2{
  margin-left: 10px;
}
/* Klasörler arası çizgiler */
.folder-line {
  position: relative;
  padding-left: 20px;
}

.folder-line::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  border-left: 1px solid #ccc;
}