.app-write-form__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.app-write-form__back {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-3);
  color: #495057;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.2s ease;
}
.app-write-form__back ion-icon {
  color: #868e96;
  margin-right: 0.5rem;
  transition: 0.2s ease;
}
.app-write-form__back:hover {
  color: black;
  background-color: #e9ecef;
}
.app-write-form__back:hover ion-icon {
  color: #495057;
}
.app-write-form__back:active {
  background-color: #dee2e6;
}
.app-write-form__back-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 1024px) {
  .app-write-form__back-wrap {
    position: relative;
    z-index: 1;
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: white;
    border-bottom: 1px solid #e9ecef;
  }
}
.app-write-form__topbar {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-gray-300);
}
.app-write-form__options, .app-write-form__sub-options, .app-write-form__actions, .app-write-form__author {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  min-width: 0;
}
.app-write-form__options {
  flex: 1 1 auto;
}
.app-write-form__actions {
  flex: 0 0 auto;
  justify-content: flex-end;
}
.app-write-form__author {
  gap: 0.5rem;
}
.app-write-form__author .app-input {
  width: 9rem;
}
.app-write-form__toggle {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
}
.app-write-form__title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.app-write-form__title-row .app-select {
  flex: 0 0 11rem;
}
.app-write-form__title-row .app-input {
  flex: 1 1 auto;
  min-width: 0;
}
.app-write-form__meta {
  display: grid;
  gap: 1rem;
}
.app-write-form__sub-options {
  min-height: 2rem;
}
.app-write-form__sub-options:empty, .app-write-form__sub-options:not(:has(> *)) {
  display: none;
  min-height: 0;
}
.app-write-form__tags {
  display: grid;
  gap: 0.5rem;
  padding: 0.875rem;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-3);
  background: color-mix(in srgb, var(--color-background) 72%, transparent);
}
.app-write-form__tags label {
  color: var(--color-gray-700);
  font-size: 0.8125rem;
  font-weight: 700;
}
.app-write-form__tags .app-input {
  background-color: var(--color-grouped-content-background);
}
.app-board-editor-wrap {
  margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
  .app-write-form__topbar {
    align-items: stretch;
    flex-direction: column;
  }
  .app-write-form__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .app-write-form__actions .app-button {
    width: 100%;
    min-width: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .app-write-form__author {
    width: 100%;
  }
  .app-write-form__author .app-input {
    flex: 1 1 8rem;
    width: auto;
  }
  .app-write-form__title-row {
    align-items: stretch;
    flex-direction: column;
  }
  .app-write-form__title-row .app-select, .app-write-form__title-row .app-input {
    flex-basis: auto;
    width: 100%;
  }
}
/*# sourceMappingURL=169d73e37399b2d56fa090f7adcc91a9f89e6d47.write_form.scss.map */