@charset "UTF-8";

/**

 * Colors

 */

/**

 * Breakpoints & Media Queries

 */

/**

 * SCSS Variables.

 *

 * Please use variables from this sheet to ensure consistency across the UI.

 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.

 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.

 */

/**

 * Colors

 */

/**

 * Fonts & basic variables.

 */

/**

 * Grid System.

 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/

 */

/**

 * Dimensions.

 */

/**

 * Shadows.

 */

/**

 * Editor widths.

 */

/**

 * Block & Editor UI.

 */

/**

 * Block paddings.

 */

/**

 * React Native specific.

 * These variables do not appear to be used anywhere else.

 */

/**

 * Breakpoint mixins

 */

/**

 * Long content fade mixin

 *

 * Creates a fading overlay to signify that the content is longer

 * than the space allows.

 */

/**

 * Focus styles.

 */

/**

 * Applies editor left position to the selector passed as argument

 */

/**

 * Styles that are reused verbatim in a few places

 */

/**

 * Allows users to opt-out of animations via OS-level preferences.

 */

/**

 * Reset default styles for JavaScript UI based pages.

 * This is a WP-admin agnostic reset

 */

/**

 * Reset the WP Admin page styles for Gutenberg-like pages.

 */

:root {

  --wp-admin-theme-color: #007cba;

  --wp-admin-theme-color-darker-10: #006ba1;

  --wp-admin-theme-color-darker-20: #005a87;

  --wp-admin-border-width-focus: 2px;

}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  :root {

    --wp-admin-border-width-focus: 1.5px;

  }

}

.editor-autocompleters__user .editor-autocompleters__no-avatar::before {

  /* stylelint-disable */

  font: normal 20px/1 dashicons;

  /* stylelint-enable */

  content: "";

  margin-right: 5px;

  vertical-align: middle;

}

.editor-autocompleters__user .editor-autocompleters__user-avatar {

  margin-right: 8px;

  flex-grow: 0;

  flex-shrink: 0;

  max-width: none;

  width: 24px;

  height: 24px;

}

.editor-autocompleters__user .editor-autocompleters__user-name {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  max-width: 200px;

  flex-shrink: 0;

  flex-grow: 1;

}

.editor-autocompleters__user .editor-autocompleters__user-slug {

  margin-left: 8px;

  color: #757575;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: none;

  max-width: 100px;

  flex-grow: 0;

  flex-shrink: 0;

}

.editor-autocompleters__user:hover .editor-autocompleters__user-slug {

  color: var(--wp-admin-theme-color);

}

.document-outline {

  margin: 20px 0;

}

.document-outline ul {

  margin: 0;

  padding: 0;

}

.document-outline__item {

  display: flex;

  margin: 4px 0;

}

.document-outline__item a {

  text-decoration: none;

}

.document-outline__item .document-outline__emdash::before {

  color: #ddd;

  margin-right: 4px;

}

.document-outline__item.is-h2 .document-outline__emdash::before {

  content: "—";

}

.document-outline__item.is-h3 .document-outline__emdash::before {

  content: "——";

}

.document-outline__item.is-h4 .document-outline__emdash::before {

  content: "———";

}

.document-outline__item.is-h5 .document-outline__emdash::before {

  content: "————";

}

.document-outline__item.is-h6 .document-outline__emdash::before {

  content: "—————";

}

.document-outline__button {

  cursor: pointer;

  background: none;

  border: none;

  display: flex;

  align-items: flex-start;

  margin: 0 0 0 -1px;

  padding: 2px 5px 2px 1px;

  color: #1e1e1e;

  text-align: left;

  border-radius: 2px;

}

.document-outline__button:disabled {

  cursor: default;

}

.document-outline__button:focus {

  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

  outline: 2px solid transparent;

}

.document-outline__level {

  background: #ddd;

  color: #1e1e1e;

  border-radius: 3px;

  font-size: 13px;

  padding: 1px 6px;

  margin-right: 4px;

}

.is-invalid .document-outline__level {

  background: #f0b849;

}

.document-outline__item-content {

  padding: 1px 0;

}

.components-editor-notices__dismissible,

.components-editor-notices__pinned {

  position: relative;

  left: 0;

  top: 0;

  right: 0;

  color: #1e1e1e;

}

.components-editor-notices__dismissible .components-notice,

.components-editor-notices__pinned .components-notice {

  box-sizing: border-box;

  margin: 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding: 0 12px;

  min-height: 60px;

}

.components-editor-notices__dismissible .components-notice .components-notice__dismiss,

.components-editor-notices__pinned .components-notice .components-notice__dismiss {

  margin-top: 12px;

}

.entities-saved-states__panel {

  box-sizing: border-box;

  background: #fff;

  position: fixed;

  z-index: 100001;

  top: 46px;

  bottom: 0;

  right: 0;

  left: 0;

  overflow: auto;

  box-sizing: border-box;

}

.entities-saved-states__panel *,

.entities-saved-states__panel *::before,

.entities-saved-states__panel *::after {

  box-sizing: inherit;

}

.entities-saved-states__panel .entities-saved-states__find-entity {

  display: none;

}

.entities-saved-states__panel .entities-saved-states__find-entity-small {

  display: block;

}

@media (min-width: 782px) {

  .entities-saved-states__panel {

    top: 32px;

    left: auto;

    width: 280px;

    border-left: 1px solid #ddd;

  }

  body.is-fullscreen-mode .entities-saved-states__panel {

    top: 0;

  }

  .entities-saved-states__panel .entities-saved-states__find-entity {

    display: block;

  }

  .entities-saved-states__panel .entities-saved-states__find-entity-small {

    display: none;

  }

}

.entities-saved-states__panel .entities-saved-states__panel-header {

  background: #fff;

  padding-left: 8px;

  padding-right: 8px;

  height: 61px;

  border-bottom: 1px solid #ddd;

}

.entities-saved-states__panel .entities-saved-states__text-prompt {

  padding: 16px;

  padding-bottom: 4px;

}

.editor-error-boundary {

  margin: auto;

  max-width: 780px;

  padding: 20px;

  margin-top: 60px;

  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);

}

.editor-page-attributes__order {

  width: 100%;

}

.editor-page-attributes__order .components-base-control__field {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.editor-page-attributes__order input {

  width: 66px;

}

.editor-post-excerpt__textarea {

  width: 100%;

  margin-bottom: 10px;

}

.editor-post-featured-image {

  padding: 0;

}

.editor-post-featured-image__container {

  margin-bottom: 1em;

  position: relative;

}

.editor-post-featured-image .components-spinner {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -9px;

  margin-left: -9px;

}

.editor-post-featured-image .components-button + .components-button {

  display: block;

  margin-top: 1em;

}

.editor-post-featured-image .components-responsive-wrapper__content {

  max-width: 100%;

  width: auto;

}

.editor-post-featured-image__toggle,

.editor-post-featured-image__preview {

  display: block;

  width: 100%;

  padding: 0;

  transition: all 0.1s ease-out;

  box-shadow: 0 0 0 0 var(--wp-admin-theme-color);

}

@media (prefers-reduced-motion: reduce) {

  .editor-post-featured-image__toggle,

.editor-post-featured-image__preview {

    transition-duration: 0s;

    transition-delay: 0s;

  }

}

.editor-post-featured-image__preview {

  height: auto;

}

.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {

  box-shadow: 0 0 0 4px var(--wp-admin-theme-color);

}

.editor-post-featured-image__toggle {

  border-radius: 2px;

  background-color: #f0f0f0;

  min-height: 90px;

  line-height: 20px;

  padding: 8px 0;

  text-align: center;

}

.editor-post-featured-image__toggle:hover {

  background: #ddd;

  color: #1e1e1e;

}

.editor-post-format {

  flex-direction: column;

  align-items: stretch;

  width: 100%;

}

.editor-post-format__content {

  display: inline-flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

.editor-post-format__suggestion {

  text-align: right;

  font-size: 13px;

}

.editor-post-last-revision__title {

  width: 100%;

  font-weight: 600;

}

.editor-post-last-revision__title .dashicon {

  margin-right: 5px;

}

.components-button.editor-post-last-revision__title {