WordPress/wp-includes/blocks/navigation/editor.css

.editor-styles-wrapper .wp-block-navigation ul{
  margin-bottom:0;
  margin-left:0;
  margin-top:0;
  padding-left:0;
}
.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{
  margin:revert;
}

.wp-block-navigation-item__label{
  display:inline;
}
.wp-block-navigation-item,.wp-block-navigation__container{
  background-color:inherit;
}

.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{
  opacity:0;
  visibility:hidden;
}

.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{
  display:flex;
  opacity:1;
  visibility:visible;
}

.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{
  opacity:1;
  visibility:visible;
}

.is-editing>.wp-block-navigation__container{
  display:flex;
  flex-direction:column;
  opacity:1;
  visibility:visible;
}

.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{
  opacity:1;
  visibility:hidden;
}
.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{
  visibility:visible;
}

.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{
  display:block;
  position:static;
  width:100%;
}
.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
  background:#1e1e1e;
  border-radius:2px;
  color:#fff;
  margin-left:auto;
  margin-right:0;
  padding:0;
  width:24px;
}

.wp-block-navigation__submenu-container .block-list-appender{
  display:none;
}
.block-library-colors-selector{
  width:auto;
}
.block-library-colors-selector .block-library-colors-selector__toggle{
  display:block;
  margin:0 auto;
  padding:3px;
  width:auto;
}
.block-library-colors-selector .block-library-colors-selector__icon-container{
  align-items:center;
  border-radius:4px;
  display:flex;
  height:30px;
  margin:0 auto;
  padding:3px;
  position:relative;
}
.block-library-colors-selector .block-library-colors-selector__state-selection{
  border-radius:11px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
  height:22px;
  line-height:20px;
  margin-left:auto;
  margin-right:auto;
  min-height:22px;
  min-width:22px;
  padding:2px;
  width:22px;
}
.block-library-colors-selector .block-library-colors-selector__state-selection>svg{
  min-width:auto !important;
}
.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{
  color:inherit;
}

.block-library-colors-selector__popover .color-palette-controller-container{
  padding:16px;
}
.block-library-colors-selector__popover .components-base-control__label{
  height:20px;
  line-height:20px;
}
.block-library-colors-selector__popover .component-color-indicator{
  float:right;
  margin-top:2px;
}
.block-library-colors-selector__popover .components-panel__body-title{
  display:none;
}

.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
  background-color:#1e1e1e;
  color:#fff;
}
.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
  padding:0;
}

.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{
  background-color:initial;
  color:#1e1e1e;
}
@keyframes loadingpulse{
  0%{
    opacity:1;
  }
  50%{
    opacity:.5;
  }
  to{
    opacity:1;
  }
}
.components-placeholder.wp-block-navigation-placeholder{
  background:none;
  box-shadow:none;
  color:inherit;
  min-height:0;
  outline:none;
  padding:0;
}
.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{
  font-size:inherit;
}
.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{
  margin-bottom:0;
}
.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{
  color:#1e1e1e;
}

.wp-block-navigation-placeholder__preview{
  align-items:center;
  background:transparent;
  color:currentColor;
  display:flex;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size:13px;
  min-width:96px;
}
.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
  display:none;
}
.wp-block-navigation-placeholder__preview:before{
  border:1px dashed;
  border-radius:2px;
  border-radius:inherit;
  bottom:0;
  content:"";
  display:block;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}
.wp-block-navigation-placeholder__preview:before:before{
  background:currentColor;
  bottom:0;
  content:"";
  left:0;
  opacity:.1;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}
.wp-block-navigation-placeholder__preview>svg{
  fill:currentColor;
}

.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
  min-height:90px;
}

.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{
  min-height:132px;
}

.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{
  align-items:flex-start;
  flex-direction:row;
  padding:6px 8px;
}

.wp-block-navigation-placeholder__controls{
  background-color:#fff;
  border-radius:2px;
  box-shadow:inset 0 0 0 1px #1e1e1e;
  display:none;
  float:left;
  position:relative;
  width:100%;
  z-index:1;
}
.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{
  display:flex;
}
.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{
  display:none;
}
.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{
  align-items:flex-start;
  flex-direction:column;
}
.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{
  display:none;
}
.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{
  height:36px;
  margin-right:12px;
}

.wp-block-navigation-placeholder__actions__indicator{
  align-items:center;
  display:flex;
  height:36px;
  justify-content:flex-start;
  line-height:0;
  margin-left:4px;
  padding:0 6px 0 0;
}
.wp-block-navigation-placeholder__actions__indicator svg{
  fill:currentColor;
  margin-right:4px;
}

.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{
  flex-direction:row !important;
}

.wp-block-navigation-placeholder__actions{
  align-items:center;
  display:flex;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size:13px;
  gap:6px;
  height:100%;
}
.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{
  margin-right:0;
}
.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{
  background-color:#1e1e1e;
  border:0;
  height:100%;
  margin:auto 0;
  max-height:16px;
  min-height:1px;
  min-width:1px;
}
@media (min-width:600px){
  .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{
    display:none;
  }
}

.wp-block-navigation__responsive-container.is-menu-open{
  position:fixed;
  top:155px;
}
@media (min-width:782px){
  .wp-block-navigation__responsive-container.is-menu-open{
    left:36px;
    top:93px;
  }
}
@media (min-width:960px){
  .wp-block-navigation__responsive-container.is-menu-open{
    left:160px;
  }
}

@media (min-width:782px){
  .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
    top:141px;
  }
}

.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
  top:141px;
}

.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{
  right:280px;
}

.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
  left:0;
  top:155px;
}
@media (min-width:782px){
  .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
    top:61px;
  }
  .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
    top:109px;
  }
}
.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
  top:109px;
}

body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{
  bottom:0;
  left:0;
  right:0;
  top:0;
}

@media (min-width:600px){
  .wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{
    pointer-events:none;
  }
  .wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{
    pointer-events:all;
  }
}
.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{
  pointer-events:none;
}

.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
  color:inherit;
  height:auto;
  padding:0;
}

.components-heading.wp-block-navigation-off-canvas-editor__title{
  margin:0;
}

.wp-block-navigation-off-canvas-editor__header{
  margin-bottom:8px;
}

.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{
  margin-top:16px;
}

@keyframes fadein{
  0%{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
.wp-block-navigation .components-spinner{
  padding:8px 12px;
}

.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{
  margin-top:0;
}

@keyframes fadeouthalf{
  0%{
    opacity:1;
  }
  to{
    opacity:.5;
  }
}
.wp-block-navigation-delete-menu-button{
  justify-content:center;
  margin-bottom:16px;
  width:100%;
}

.components-button.is-link.wp-block-navigation-manage-menus-button{
  margin-bottom:16px;
}

.wp-block-navigation__overlay-menu-preview{
  align-items:center;
  background-color:#f0f0f0;
  display:flex;
  height:64px;
  justify-content:space-between;
  margin-bottom:12px;
  padding:0 24px;
  width:100%;
}
.wp-block-navigation__overlay-menu-preview.open{
  background-color:#fff;
  box-shadow:inset 0 0 0 1px #e0e0e0;
  outline:1px solid transparent;
}

.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{
  display:none;
}
.wp-block-navigation__navigation-selector{
  margin-bottom:16px;
  width:100%;
}

.wp-block-navigation__navigation-selector-button{
  border:1px solid;
  justify-content:space-between;
  width:100%;
}

.wp-block-navigation__navigation-selector-button__icon{
  flex:0 0 auto;
}

.wp-block-navigation__navigation-selector-button__label{
  flex:0 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wp-block-navigation__navigation-selector-button--createnew{
  border:1px solid;
  margin-bottom:16px;
  width:100%;
}

.wp-block-navigation__responsive-container-open.components-button{
  opacity:1;
}