/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/documentation/editor.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 */
.wp-block-documentation {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 500px;
}
.wp-block-documentation .documentation-layout {
  display: flex;
  max-width: 1700px;
  margin: 0 auto;
  background: var(--orphic-wp-block-plugin-color-background);
  position: relative;
  width: 100%;
}
.wp-block-documentation .documentation-layout .documentation-nav {
  position: sticky;
  top: 0;
  align-self: flex-start;
  max-height: 80vh;
  overflow-y: auto;
  padding: var(--orphic-wp-block-spacing-lg);
  border-left: var(--orphic-wp-block-border-width-thin) solid var(--orphic-wp-block-plugin-color-border);
  background: var(--orphic-wp-block-plugin-color-background);
  width: 250px;
  flex-shrink: 0;
  /* Scrollbar styling */
}
.wp-block-documentation .documentation-layout .documentation-nav .nav-section {
  padding: var(--orphic-wp-block-spacing-sm) var(--orphic-wp-block-spacing-md);
}
.wp-block-documentation .documentation-layout .documentation-nav::-webkit-scrollbar {
  width: 6px;
}
.wp-block-documentation .documentation-layout .documentation-nav::-webkit-scrollbar-track {
  background: transparent;
}
.wp-block-documentation .documentation-layout .documentation-nav::-webkit-scrollbar-thumb {
  background-color: var(--orphic-wp-block-plugin-color-border);
  border-radius: var(--orphic-wp-block-border-radius-sm);
}
.wp-block-documentation .documentation-layout .documentation-nav h3 {
  display: flex;
  align-items: center;
  gap: var(--orphic-wp-block-spacing-sm);
  font-size: var(--orphic-wp-block-font-size-lg);
  margin-bottom: var(--orphic-wp-block-spacing-md);
  color: var(--orphic-wp-block-plugin-color-text);
  position: sticky;
  top: 0;
  background: var(--orphic-wp-block-plugin-color-background-hover);
  padding: var(--orphic-wp-block-spacing-sm) 0;
  z-index: 1;
  font-weight: var(--orphic-wp-block-font-weight-semibold);
}
.wp-block-documentation .documentation-layout .documentation-nav h3 .section-icon {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-documentation .documentation-layout .documentation-nav h3 .section-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  flex-shrink: 0;
}
.wp-block-documentation .documentation-layout .documentation-nav .nav-item {
  margin-bottom: var(--orphic-wp-block-spacing-sm);
  cursor: pointer;
  color: var(--orphic-wp-block-plugin-color-text);
  font-size: var(--orphic-wp-block-font-size-sm);
  font-weight: var(--orphic-wp-block-font-weight-medium);
  text-decoration: none;
  display: block;
}
.wp-block-documentation .documentation-layout .documentation-content {
  position: relative;
  overflow-y: auto;
  padding: var(--orphic-wp-block-spacing-xl);
  background: var(--orphic-wp-block-plugin-color-background);
  flex: 1;
  min-height: 400px;
  /* Scrollbar styling */
}
.wp-block-documentation .documentation-layout .documentation-content::-webkit-scrollbar {
  width: 6px;
}
.wp-block-documentation .documentation-layout .documentation-content::-webkit-scrollbar-track {
  background: transparent;
}
.wp-block-documentation .documentation-layout .documentation-content::-webkit-scrollbar-thumb {
  background-color: var(--orphic-wp-block-plugin-color-border);
  border-radius: var(--orphic-wp-block-border-radius-sm);
}
.wp-block-documentation .documentation-layout .documentation-content > * {
  max-width: 100%;
}
.wp-block-documentation .documentation-layout .documentation-content h1, .wp-block-documentation .documentation-layout .documentation-content h2, .wp-block-documentation .documentation-layout .documentation-content h3, .wp-block-documentation .documentation-layout .documentation-content h4, .wp-block-documentation .documentation-layout .documentation-content h5, .wp-block-documentation .documentation-layout .documentation-content h6 {
  margin-bottom: var(--orphic-wp-block-spacing-md);
  scroll-margin-top: var(--orphic-wp-block-spacing-xl);
  color: var(--orphic-wp-block-plugin-color-text);
}
.wp-block-documentation .documentation-layout .documentation-content p {
  line-height: 1.6;
  margin-bottom: var(--orphic-wp-block-spacing-md);
  color: var(--orphic-wp-block-plugin-color-text);
}
.wp-block-documentation .documentation-layout .documentation-content img {
  height: auto;
  border-radius: var(--orphic-wp-block-border-radius-md);
}
.wp-block-documentation .documentation-layout .documentation-content pre {
  overflow-x: auto;
  background: var(--orphic-wp-block-plugin-color-section-background);
  padding: var(--orphic-wp-block-spacing-md);
  border-radius: var(--orphic-wp-block-border-radius-md);
  border: var(--orphic-wp-block-border-width-thin) solid var(--orphic-wp-block-plugin-color-border);
}

.is-selected .wp-block-documentation {
  border: 2px dashed var(--orphic-wp-block-plugin-color-primary);
  border-radius: var(--orphic-wp-block-border-radius-md);
}

.section-manager .add-section {
  margin-bottom: var(--orphic-wp-block-spacing-lg);
}
.section-manager .add-section .components-button {
  margin-top: var(--orphic-wp-block-spacing-sm);
  width: 100%;
  justify-content: center;
}
.section-manager .section-list .section-item {
  margin-bottom: var(--orphic-wp-block-spacing-lg);
  padding: var(--orphic-wp-block-spacing-md);
  background: var(--orphic-wp-block-plugin-color-section-background);
  border-radius: var(--orphic-wp-block-border-radius-md);
  border: var(--orphic-wp-block-border-width-thin) solid var(--orphic-wp-block-plugin-color-border);
}
.section-manager .section-list .section-item .section-header {
  display: flex;
  flex-direction: column;
  gap: var(--orphic-wp-block-spacing-md);
  margin-bottom: var(--orphic-wp-block-spacing-md);
}
.section-manager .section-list .section-item .section-header .controls-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-manager .section-list .section-item .section-header .controls-wrapper .section-controls {
  display: flex;
  gap: var(--orphic-wp-block-spacing-xs);
}
.section-manager .section-list .section-item .section-header .controls-wrapper .section-actions {
  display: flex;
  gap: var(--orphic-wp-block-spacing-xs);
}
.section-manager .section-list .section-item .section-header h3 {
  margin: 0 var(--orphic-wp-block-spacing-sm) 0 0;
  padding: 0;
  font-size: var(--orphic-wp-block-font-size-md);
  display: flex;
  align-items: center;
  gap: var(--orphic-wp-block-spacing-sm);
  color: var(--orphic-wp-block-plugin-color-text);
  font-weight: var(--orphic-wp-block-font-weight-medium);
}
.section-manager .section-list .section-item .section-header h3 .section-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
.section-manager .section-list .section-item .section-header h3 .section-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.section-manager .section-list .section-item .section-header .edit-section {
  width: 100%;
  background: var(--orphic-wp-block-plugin-color-section-background);
  border-radius: var(--orphic-wp-block-border-radius-md);
  padding: var(--orphic-wp-block-spacing-md);
}
.section-manager .section-list .section-item .section-header .edit-section .components-base-control {
  margin-bottom: var(--orphic-wp-block-spacing-md);
}
.section-manager .section-list .section-item .section-header .edit-section .components-textarea-control__input {
  font-family: monospace;
  font-size: var(--orphic-wp-block-font-size-xs);
  min-height: 80px;
}

.section-item,
.link-item {
  border: var(--orphic-wp-block-border-width-thin) solid var(--orphic-wp-block-plugin-color-border);
  border-radius: var(--orphic-wp-block-border-radius-md);
  margin-bottom: var(--orphic-wp-block-spacing-sm);
  padding: var(--orphic-wp-block-spacing-md);
  transition: all var(--orphic-wp-block-duration-fast) var(--orphic-wp-block-ease-default);
}
.section-item.is-dragging,
.link-item.is-dragging {
  opacity: var(--orphic-wp-block-opacity-disabled);
  box-shadow: var(--orphic-wp-block-shadow-md);
}
.section-item.drag-over,
.link-item.drag-over {
  border: var(--orphic-wp-block-border-width-medium) dashed var(--orphic-wp-block-plugin-color-primary);
  padding: calc(var(--orphic-wp-block-spacing-md) - 1px);
}

.section-item {
  background: var(--orphic-wp-block-plugin-color-background);
}

.link-item {
  position: relative;
  background: var(--orphic-wp-block-plugin-color-section-background);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.link-item .edit-link {
  width: 100%;
  padding: var(--orphic-wp-block-spacing-sm);
}
.link-item .link-actions {
  display: flex;
  gap: var(--orphic-wp-block-spacing-xs);
}
.link-item .link-title {
  flex: 1;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--orphic-wp-block-plugin-color-text);
  font-size: var(--orphic-wp-block-font-size-sm);
}

.drag-handle {
  cursor: grab;
  color: var(--orphic-wp-block-plugin-color-text);
  opacity: 0.6;
  margin-left: var(--orphic-wp-block-spacing-sm);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.drag-handle:active {
  cursor: grabbing;
}

.reorder-buttons {
  display: flex;
  gap: var(--orphic-wp-block-spacing-xs);
  margin-left: var(--orphic-wp-block-spacing-sm);
}
.reorder-buttons .components-button {
  padding: var(--orphic-wp-block-spacing-xs);
  min-width: 24px;
  height: 24px;
}
.reorder-buttons .components-button:disabled {
  opacity: var(--orphic-wp-block-opacity-disabled);
}

.link-list {
  min-height: 30px;
  padding: var(--orphic-wp-block-spacing-xs);
  border-radius: var(--orphic-wp-block-border-radius-md);
  transition: all var(--orphic-wp-block-duration-fast) var(--orphic-wp-block-ease-default);
  margin-bottom: var(--orphic-wp-block-spacing-md);
}
.link-list.drag-over {
  background: var(--orphic-wp-block-plugin-color-info-background);
  border: var(--orphic-wp-block-border-width-medium) dashed var(--orphic-wp-block-plugin-color-primary);
  padding: calc(var(--orphic-wp-block-spacing-xs) - 1px);
}

.components-notice {
  margin: var(--orphic-wp-block-spacing-sm) 0;
}

.edit-actions {
  display: flex;
  gap: var(--orphic-wp-block-spacing-sm);
  margin-top: var(--orphic-wp-block-spacing-sm);
}

.link-item .edit-actions .components-button,
.section-item .edit-actions .components-button,
.add-link .edit-actions .components-button,
.edit-link .edit-actions .components-button {
  height: 24px !important;
  padding: 0 var(--orphic-wp-block-spacing-sm) !important;
  font-size: var(--orphic-wp-block-font-size-xs) !important;
  text-transform: none;
}
.link-item .edit-actions .components-button.is-primary,
.section-item .edit-actions .components-button.is-primary,
.add-link .edit-actions .components-button.is-primary,
.edit-link .edit-actions .components-button.is-primary {
  font-size: var(--orphic-wp-block-font-size-xs) !important;
}

.add-link {
  padding: var(--orphic-wp-block-spacing-md);
  background: var(--orphic-wp-block-plugin-color-background);
  border-radius: var(--orphic-wp-block-border-radius-sm);
}
.add-link .components-button {
  margin-top: var(--orphic-wp-block-spacing-sm);
  width: 100%;
  justify-content: center;
}
.add-link .components-base-control.block-editor-url-input.block-editor-link-control__field.block-editor-link-control__search-input {
  padding: 0;
  margin: 0;
  width: 100%;
}
.add-link .components-input-control__container {
  padding: 0;
  margin: 0;
  width: 182px;
}
.add-link input {
  width: 180px;
}

.components-button.is-secondary.has-icon {
  border: none;
  box-shadow: none;
}
