1.editor-styles-wrapper .wp-block-navigation ul{
2 margin-bottom:0;
3 margin-right:0;
4 margin-top:0;
5 padding-right:0;
6}
7.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{
8 margin:revert;
9}
10
11.wp-block-navigation-item__label{
12 display:inline;
13}
14.wp-block-navigation-item,.wp-block-navigation__container{
15 background-color:inherit;
16}
17
18.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{
19 opacity:0;
20 visibility:hidden;
21}
22
23.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{
24 display:flex;
25 opacity:1;
26 visibility:visible;
27}
28
29.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{
30 opacity:1;
31 visibility:visible;
32}
33
34.is-editing>.wp-block-navigation__container{
35 display:flex;
36 flex-direction:column;
37 opacity:1;
38 visibility:visible;
39}
40
41.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{
42 opacity:1;
43 visibility:hidden;
44}
45.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{
46 visibility:visible;
47}
48
49.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{
50 display:block;
51 position:static;
52 width:100%;
53}
54.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
55 background:#1e1e1e;
56 color:#fff;
57 margin-left:0;
58 margin-right:auto;
59 padding:0;
60 width:24px;
61}
62
63.wp-block-navigation__submenu-container .block-list-appender{
64 display:none;
65}
66.block-library-colors-selector{
67 width:auto;
68}
69.block-library-colors-selector .block-library-colors-selector__toggle{
70 display:block;
71 margin:0 auto;
72 padding:3px;
73 width:auto;
74}
75.block-library-colors-selector .block-library-colors-selector__icon-container{
76 align-items:center;
77 border-radius:4px;
78 display:flex;
79 height:30px;
80 margin:0 auto;
81 padding:3px;
82 position:relative;
83}
84.block-library-colors-selector .block-library-colors-selector__state-selection{
85 border-radius:11px;
86 box-shadow:inset 0 0 0 1px #0003;
87 height:22px;
88 line-height:20px;
89 margin-left:auto;
90 margin-right:auto;
91 min-height:22px;
92 min-width:22px;
93 padding:2px;
94 width:22px;
95}
96.block-library-colors-selector .block-library-colors-selector__state-selection>svg{
97 min-width:auto !important;
98}
99.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{
100 color:inherit;
101}
102
103.block-library-colors-selector__popover .color-palette-controller-container{
104 padding:16px;
105}
106.block-library-colors-selector__popover .components-base-control__label{
107 height:20px;
108 line-height:20px;
109}
110.block-library-colors-selector__popover .component-color-indicator{
111 float:left;
112 margin-top:2px;
113}
114.block-library-colors-selector__popover .components-panel__body-title{
115 display:none;
116}
117
118.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
119 background-color:#1e1e1e;
120 color:#fff;
121 height:24px;
122}
123.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
124 padding:0;
125}
126
127.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{
128 background-color:initial;
129 color:#1e1e1e;
130}
131@keyframes loadingpulse{
132 0%{
133 opacity:1;
134 }
135 50%{
136 opacity:.5;
137 }
138 to{
139 opacity:1;
140 }
141}
142.components-placeholder.wp-block-navigation-placeholder{
143 background:none;
144 box-shadow:none;
145 min-height:0;
146 outline:none;
147 padding:0;
148}
149.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{
150 font-size:inherit;
151}
152.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{
153 margin-bottom:0;
154}
155.components-placeholder.wp-block-navigation-placeholder{
156 color:inherit;
157}
158.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{
159 color:#1e1e1e;
160}
161
162.wp-block-navigation-placeholder__preview{
163 align-items:center;
164 display:flex;
165 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
166 font-size:13px;
167 min-width:96px;
168}
169.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
170 display:none;
171}
172.wp-block-navigation-placeholder__preview{
173 background:#0000;
174 color:currentColor;
175}
176.wp-block-navigation-placeholder__preview:before{
177 border:1px dashed;
178 border-radius:inherit;
179 bottom:0;
180 content:"";
181 display:block;
182 left:0;
183 pointer-events:none;
184 position:absolute;
185 right:0;
186 top:0;
187}
188.wp-block-navigation-placeholder__preview>svg{
189 fill:currentColor;
190}
191
192.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
193 min-height:90px;
194}
195
196.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{
197 min-height:132px;
198}
199
200.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{
201 align-items:flex-start;
202 flex-direction:row;
203 padding:6px 8px;
204}
205
206.wp-block-navigation-placeholder__controls{
207 background-color:#fff;
208 border-radius:2px;
209 box-shadow:inset 0 0 0 1px #1e1e1e;
210 display:none;
211 position:relative;
212 z-index:1;
213}
214.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{
215 display:flex;
216}
217.wp-block-navigation-placeholder__controls{
218 float:right;
219 width:100%;
220}
221.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{
222 display:none;
223}
224.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{
225 align-items:flex-start;
226 flex-direction:column;
227}
228.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{
229 display:none;
230}
231.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{
232 height:36px;
233 margin-left:12px;
234}
235
236.wp-block-navigation-placeholder__actions__indicator{
237 align-items:center;
238 display:flex;
239 height:36px;
240 justify-content:flex-start;
241 line-height:0;
242 margin-right:4px;
243 padding:0 0 0 6px;
244}
245.wp-block-navigation-placeholder__actions__indicator svg{
246 margin-left:4px;
247 fill:currentColor;
248}
249
250.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{
251 flex-direction:row !important;
252}
253
254.wp-block-navigation-placeholder__actions{
255 align-items:center;
256 display:flex;
257 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
258 font-size:13px;
259 gap:6px;
260}
261.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{
262 margin-left:0;
263}
264.wp-block-navigation-placeholder__actions{
265 height:100%;
266}
267.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{
268 background-color:#1e1e1e;
269 border:0;
270 height:100%;
271 margin:auto 0;
272 max-height:16px;
273 min-height:1px;
274 min-width:1px;
275}
276@media (min-width:600px){
277 .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{
278 display:none;
279 }
280}
281
282.wp-block-navigation__responsive-container.is-menu-open{
283 position:fixed;
284 top:159px;
285}
286@media (min-width:782px){
287 .wp-block-navigation__responsive-container.is-menu-open{
288 right:36px;
289 top:97px;
290 }
291}
292@media (min-width:960px){
293 .wp-block-navigation__responsive-container.is-menu-open{
294 right:160px;
295 }
296}
297
298.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
299 top:145px;
300}
301
302.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
303 right:0;
304 top:159px;
305}
306@media (min-width:782px){
307 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
308 top:65px;
309 }
310}
311.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{
312 top:113px;
313}
314
315body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{
316 bottom:0;
317 left:0;
318 right:0;
319 top:0;
320}
321
322.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{
323 color:inherit;
324 height:auto;
325 padding:0;
326}
327
328.components-heading.wp-block-navigation-off-canvas-editor__title{
329 margin:0;
330}
331
332.wp-block-navigation-off-canvas-editor__header{
333 margin-bottom:8px;
334}
335
336.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{
337 margin-top:16px;
338}
339
340@keyframes fadein{
341 0%{
342 opacity:0;
343 }
344 to{
345 opacity:1;
346 }
347}
348.wp-block-navigation__loading-indicator-container{
349 padding:8px 12px;
350}
351
352.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{
353 margin-top:0;
354}
355
356@keyframes fadeouthalf{
357 0%{
358 opacity:1;
359 }
360 to{
361 opacity:.5;
362 }
363}
364.wp-block-navigation-delete-menu-button{
365 justify-content:center;
366 margin-bottom:16px;
367 width:100%;
368}
369
370.components-button.is-link.wp-block-navigation-manage-menus-button{
371 margin-bottom:16px;
372}
373
374.wp-block-navigation__overlay-menu-preview{
375 align-items:center;
376 background-color:#f0f0f0;
377 display:flex;
378 grid-column:span 2;
379 height:64px !important;
380 justify-content:space-between;
381 padding:0 24px;
382 width:100%;
383}
384.wp-block-navigation__overlay-menu-preview.open{
385 background-color:#fff;
386 box-shadow:inset 0 0 0 1px #e0e0e0;
387 outline:1px solid #0000;
388}
389
390.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{
391 display:none;
392}
393.wp-block-navigation__navigation-selector{
394 margin-bottom:16px;
395 width:100%;
396}
397
398.wp-block-navigation__navigation-selector-button{
399 border:1px solid;
400 justify-content:space-between;
401 width:100%;
402}
403
404.wp-block-navigation__navigation-selector-button__icon{
405 flex:0 0 auto;
406}
407
408.wp-block-navigation__navigation-selector-button__label{
409 flex:0 1 auto;
410 overflow:hidden;
411 text-overflow:ellipsis;
412 white-space:nowrap;
413}
414
415.wp-block-navigation__navigation-selector-button--createnew{
416 border:1px solid;
417 margin-bottom:16px;
418 width:100%;
419}
420
421.wp-block-navigation__responsive-container-open.components-button{
422 opacity:1;
423}
424
425.wp-block-navigation__menu-inspector-controls{
426 overflow-x:auto;
427}
428.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{
429 height:12px;
430 width:12px;
431}
432.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{
433 background-color:initial;
434}
435.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{
436 background-clip:padding-box;
437 background-color:initial;
438 border:3px solid #0000;
439 border-radius:8px;
440}
441.wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{
442 background-color:#949494;
443}
444.wp-block-navigation__menu-inspector-controls{
445 scrollbar-color:#0000 #0000;
446 scrollbar-gutter:stable both-edges;
447 scrollbar-width:thin;
448}
449.wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{
450 scrollbar-color:#949494 #0000;
451}
452.wp-block-navigation__menu-inspector-controls{
453 will-change:transform;
454}
455@media (hover:none){
456 .wp-block-navigation__menu-inspector-controls{
457 scrollbar-color:#949494 #0000;
458 }
459}
460
461.wp-block-navigation__menu-inspector-controls__empty-message{
462 margin-right:24px;
463}
464
465.editor-sidebar__panel .wp-block-navigation__submenu-header{
466 margin-bottom:0;
467 margin-top:0;
468}
469
470.wp-block-navigation__submenu-accessibility-notice{
471 grid-column:span 2;
472}