UNPKG

79.6 kBCSSView Raw
1/**
2 * Colors
3 */
4/**
5 * Breakpoints & Media Queries
6 */
7/**
8 * SCSS Variables.
9 *
10 * Please use variables from this sheet to ensure consistency across the UI.
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
13 */
14/**
15 * Colors
16 */
17/**
18 * Fonts & basic variables.
19 */
20/**
21 * Grid System.
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
23 */
24/**
25 * Dimensions.
26 */
27/**
28 * Shadows.
29 */
30/**
31 * Editor widths.
32 */
33/**
34 * Block & Editor UI.
35 */
36/**
37 * Block paddings.
38 */
39/**
40 * React Native specific.
41 * These variables do not appear to be used anywhere else.
42 */
43/**
44* Converts a hex value into the rgb equivalent.
45*
46* @param {string} hex - the hexadecimal value to convert
47* @return {string} comma separated rgb values
48*/
49/**
50 * Breakpoint mixins
51 */
52/**
53 * Long content fade mixin
54 *
55 * Creates a fading overlay to signify that the content is longer
56 * than the space allows.
57 */
58/**
59 * Focus styles.
60 */
61/**
62 * Applies editor left position to the selector passed as argument
63 */
64/**
65 * Styles that are reused verbatim in a few places
66 */
67/**
68 * Allows users to opt-out of animations via OS-level preferences.
69 */
70/**
71 * Reset default styles for JavaScript UI based pages.
72 * This is a WP-admin agnostic reset
73 */
74/**
75 * Reset the WP Admin page styles for Gutenberg-like pages.
76 */
77ul.wp-block-archives {
78 padding-left: 2.5em;
79}
80
81.wp-block-audio {
82 margin-left: 0;
83 margin-right: 0;
84 position: relative;
85}
86.wp-block-audio.is-transient audio {
87 opacity: 0.3;
88}
89.wp-block-audio .components-spinner {
90 position: absolute;
91 top: 50%;
92 left: 50%;
93 margin-top: -9px;
94 margin-left: -9px;
95}
96
97.wp-block-avatar__image img {
98 width: 100%;
99}
100
101.wp-block-avatar.aligncenter .components-resizable-box__container {
102 margin: 0 auto;
103}
104
105.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
106 padding-left: 0;
107 padding-right: 0;
108}
109.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
110 display: block;
111}
112.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
113 display: none;
114}
115
116.wp-block[data-align=center] > .wp-block-button {
117 text-align: center;
118 margin-left: auto;
119 margin-right: auto;
120}
121
122.wp-block[data-align=right] > .wp-block-button {
123 /*!rtl:ignore*/
124 text-align: right;
125}
126
127.wp-block-button {
128 position: relative;
129 cursor: text;
130}
131.wp-block-button:focus {
132 box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
133 outline: 2px solid transparent;
134 outline-offset: -2px;
135}
136.wp-block-button[data-rich-text-placeholder]::after {
137 opacity: 0.8;
138}
139
140.wp-block-button__inline-link {
141 color: #757575;
142 height: 0;
143 overflow: hidden;
144 max-width: 290px;
145}
146.wp-block-button__inline-link-input__suggestions {
147 max-width: 290px;
148}
149@media (min-width: 782px) {
150 .wp-block-button__inline-link {
151 max-width: 260px;
152 }
153 .wp-block-button__inline-link-input__suggestions {
154 max-width: 260px;
155 }
156}
157@media (min-width: 960px) {
158 .wp-block-button__inline-link {
159 max-width: 290px;
160 }
161 .wp-block-button__inline-link-input__suggestions {
162 max-width: 290px;
163 }
164}
165.is-selected .wp-block-button__inline-link {
166 height: auto;
167 overflow: visible;
168}
169
170.wp-button-label__width .components-button-group {
171 display: block;
172}
173.wp-button-label__width .components-base-control__field {
174 margin-bottom: 12px;
175}
176
177div[data-type="core/button"] {
178 display: table;
179}
180
181.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
182 text-decoration: inherit;
183}
184
185.wp-block-buttons {
186 /* stylelint-disable indentation */
187}
188.wp-block-buttons > .wp-block {
189 margin: 0;
190}
191.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
192 margin: 0;
193}
194.wp-block-buttons > .block-list-appender {
195 display: inline-flex;
196 align-items: center;
197}
198.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
199 justify-content: flex-start;
200}
201.wp-block-buttons > .wp-block-button:focus {
202 box-shadow: none;
203}
204.wp-block-buttons:not(.is-content-justification-space-between,
205.is-content-justification-right,
206.is-content-justification-left,
207.is-content-justification-center) .wp-block[data-align=center] {
208 /* stylelint-enable indentation */
209 margin-left: auto;
210 margin-right: auto;
211 margin-top: 0;
212 width: 100%;
213}
214.wp-block-buttons:not(.is-content-justification-space-between,
215.is-content-justification-right,
216.is-content-justification-left,
217.is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
218 margin-bottom: 0;
219}
220.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
221 font-size: inherit;
222}
223
224.wp-block[data-align=center] > .wp-block-buttons {
225 align-items: center;
226 justify-content: center;
227}
228
229.wp-block[data-align=right] > .wp-block-buttons {
230 justify-content: flex-end;
231}
232
233.wp-block-categories ul {
234 padding-left: 2.5em;
235}
236.wp-block-categories ul ul {
237 margin-top: 6px;
238}
239
240.wp-block-code code {
241 background: none;
242}
243
244.wp-block-columns :where(.wp-block) {
245 max-width: none;
246 margin-left: 0;
247 margin-right: 0;
248}
249
250html :where(.wp-block-column) {
251 margin-top: 0;
252 margin-bottom: 0;
253}
254
255/* Styles for backwards compatibility with the legacy `post-comments` block */
256.wp-block-post-comments, .wp-block-comments__legacy-placeholder {
257 /* utility classes */
258 /* end utility classes */
259}
260.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft {
261 float: left;
262}
263.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright {
264 float: right;
265}
266.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after {
267 content: "";
268 display: table;
269 clear: both;
270}
271.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist {
272 clear: both;
273 list-style: none;
274 margin: 0;
275 padding: 0;
276}
277.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment {
278 min-height: 2.25em;
279 padding-left: 3.25em;
280}
281.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p {
282 font-size: 1em;
283 line-height: 1.8;
284 margin: 1em 0;
285}
286.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children {
287 list-style: none;
288 margin: 0;
289 padding: 0;
290}
291.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author {
292 line-height: 1.5;
293}
294.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar {
295 border-radius: 1.5em;
296 display: block;
297 float: left;
298 height: 2.5em;
299 margin-top: 0.5em;
300 margin-right: 0.75em;
301 width: 2.5em;
302}
303.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite {
304 font-style: normal;
305}
306.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta {
307 font-size: 0.875em;
308 line-height: 1.5;
309}
310.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
311 font-weight: normal;
312}
313.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
314 margin-top: 1em;
315 margin-bottom: 1em;
316 display: block;
317}
318.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
319 font-size: 0.875em;
320}
321.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
322.wp-block-post-comments .comment-form-author label,
323.wp-block-comments__legacy-placeholder .comment-form-author label,
324.wp-block-post-comments .comment-form-email label,
325.wp-block-comments__legacy-placeholder .comment-form-email label,
326.wp-block-post-comments .comment-form-url label,
327.wp-block-comments__legacy-placeholder .comment-form-url label {
328 display: block;
329 margin-bottom: 0.25em;
330}
331.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
332.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
333.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
334 display: block;
335 box-sizing: border-box;
336 width: 100%;
337}
338.wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent {
339 display: flex;
340 gap: 0.25em;
341}
342.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent {
343 margin-top: 0.35em;
344}
345.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title {
346 margin-bottom: 0;
347}
348.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) {
349 font-size: var(--wp--preset--font-size--medium, smaller);
350 margin-left: 0.5em;
351}
352.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply {
353 font-size: 0.875em;
354 margin-bottom: 1.4em;
355}
356.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
357.wp-block-post-comments input:not([type=submit]),
358.wp-block-comments__legacy-placeholder input:not([type=submit]) {
359 border: 1px solid #949494;
360 font-size: 1em;
361 font-family: inherit;
362}
363.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
364.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
365.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
366 padding: calc(0.667em + 2px);
367}
368
369:where(.wp-block-post-comments input[type="submit"]) {
370 border: none;
371}
372
373.block-library-comments-toolbar__popover .components-popover__content {
374 min-width: 230px;
375}
376
377.wp-block-comments__legacy-placeholder * {
378 pointer-events: none;
379}
380
381.wp-block-comment-author-avatar__placeholder {
382 border: currentColor 1px dashed;
383 width: 100%;
384 height: 100%;
385 stroke: currentColor;
386 stroke-dasharray: 3;
387}
388
389.wp-block[data-align=center] > .wp-block-comments-pagination {
390 justify-content: center;
391}
392
393.editor-styles-wrapper .wp-block-comments-pagination {
394 max-width: 100%;
395}
396.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout {
397 margin: 0;
398}
399
400.wp-block-comments-pagination > .wp-block-comments-pagination-next,
401.wp-block-comments-pagination > .wp-block-comments-pagination-previous,
402.wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
403 margin-left: 0;
404 margin-top: 0.5em;
405 /*rtl:ignore*/
406 margin-right: 0.5em;
407 margin-bottom: 0.5em;
408}
409.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
410.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
411.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
412 /*rtl:ignore*/
413 margin-right: 0;
414}
415
416.wp-block-comments-pagination-numbers a {
417 text-decoration: underline;
418}
419.wp-block-comments-pagination-numbers .page-numbers {
420 margin-right: 2px;
421}
422.wp-block-comments-pagination-numbers .page-numbers:last-child {
423 /*rtl:ignore*/
424 margin-right: 0;
425}
426
427.wp-block-comments-title.has-background {
428 padding: inherit;
429}
430
431.wp-block-cover {
432 /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */
433}
434.editor-styles-wrapper .wp-block-cover {
435 box-sizing: border-box;
436}
437.wp-block-cover.is-placeholder {
438 min-height: auto !important;
439 padding: 0 !important;
440}
441.wp-block-cover.is-placeholder .block-library-cover__resize-container {
442 display: none;
443}
444.wp-block-cover.is-placeholder .components-placeholder.is-large {
445 min-height: 240px;
446 justify-content: flex-start;
447 z-index: 1;
448}
449.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container {
450 min-height: 240px;
451 display: block;
452}
453.wp-block-cover.components-placeholder h2 {
454 color: inherit;
455}
456.wp-block-cover.is-transient::before {
457 background-color: #fff;
458 opacity: 0.3;
459}
460.wp-block-cover .components-spinner {
461 position: absolute;
462 z-index: 1;
463 top: 50%;
464 left: 50%;
465 transform: translate(-50%, -50%);
466 margin: 0;
467}
468.wp-block-cover .wp-block-cover__inner-container {
469 text-align: left;
470 margin-left: 0;
471 margin-right: 0;
472}
473.wp-block-cover .wp-block-cover__placeholder-background-options {
474 width: 100%;
475}
476.wp-block-cover .wp-block-cover__image--placeholder-image {
477 position: absolute;
478 top: 0;
479 right: 0;
480 bottom: 0;
481 left: 0;
482}
483
484[data-align=left] > .wp-block-cover,
485[data-align=right] > .wp-block-cover {
486 max-width: 420px;
487 width: 100%;
488}
489
490.block-library-cover__reset-button {
491 margin-left: auto;
492}
493
494.block-library-cover__resize-container {
495 position: absolute !important;
496 top: 0;
497 left: 0;
498 right: 0;
499 bottom: 0;
500 min-height: 50px;
501}
502
503.block-library-cover__resize-container:not(.is-resizing) {
504 height: auto !important;
505}
506
507.wp-block-cover > .components-drop-zone .components-drop-zone__content {
508 opacity: 0.8 !important;
509}
510
511.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
512 background-attachment: scroll;
513}
514
515.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
516 margin-top: 24px;
517}
518
519.wp-block-embed {
520 margin-left: 0;
521 margin-right: 0;
522 clear: both;
523}
524.wp-block-embed.is-loading {
525 display: flex;
526 justify-content: center;
527}
528.wp-block-embed .components-placeholder__error {
529 word-break: break-word;
530}
531.wp-block-embed .components-placeholder__learn-more {
532 margin-top: 1em;
533}
534
535.block-library-embed__interactive-overlay {
536 position: absolute;
537 top: 0;
538 left: 0;
539 right: 0;
540 bottom: 0;
541 opacity: 0;
542}
543
544.wp-block[data-align=left] > .wp-block-embed,
545.wp-block[data-align=right] > .wp-block-embed {
546 max-width: 360px;
547 width: 100%;
548}
549.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
550.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
551 min-width: 280px;
552}
553
554.wp-block-file {
555 display: flex;
556 flex-wrap: wrap;
557 justify-content: space-between;
558 align-items: center;
559 margin-bottom: 0;
560}
561.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
562 height: auto;
563}
564.wp-block-file .components-resizable-box__container {
565 margin-bottom: 1em;
566}
567.wp-block-file .wp-block-file__preview {
568 margin-bottom: 1em;
569 width: 100%;
570 height: 100%;
571}
572.wp-block-file .wp-block-file__preview-overlay {
573 position: absolute;
574 top: 0;
575 right: 0;
576 bottom: 0;
577 left: 0;
578}
579.wp-block-file .wp-block-file__content-wrapper {
580 flex-grow: 1;
581}
582.wp-block-file a {
583 min-width: 1em;
584}
585.wp-block-file .wp-block-file__button-richtext-wrapper {
586 display: inline-block;
587 margin-left: 0.75em;
588}
589
590.wp-block-freeform.block-library-rich-text__tinymce {
591 height: auto;
592 /* Allow height of embed iframes to be calculated properly */
593 /* Remove blue highlighting of selected images in WebKit */
594 /* Image captions */
595 /* WP Views */
596}
597.wp-block-freeform.block-library-rich-text__tinymce p,
598.wp-block-freeform.block-library-rich-text__tinymce li {
599 line-height: 1.8;
600}
601.wp-block-freeform.block-library-rich-text__tinymce ul,
602.wp-block-freeform.block-library-rich-text__tinymce ol {
603 padding-left: 2.5em;
604 margin-left: 0;
605}
606.wp-block-freeform.block-library-rich-text__tinymce blockquote {
607 margin: 0;
608 box-shadow: inset 0 0 0 0 #ddd;
609 border-left: 4px solid #000;
610 padding-left: 1em;
611}
612.wp-block-freeform.block-library-rich-text__tinymce pre {
613 white-space: pre-wrap;
614 font-family: Menlo, Consolas, monaco, monospace;
615 font-size: 15px;
616 color: #1e1e1e;
617}
618.wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
619 margin-top: 0;
620}
621.wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
622 margin-bottom: 0;
623}
624.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
625 outline: none;
626}
627.wp-block-freeform.block-library-rich-text__tinymce a {
628 color: var(--wp-admin-theme-color);
629}
630.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
631 padding: 0 2px;
632 margin: 0 -2px;
633 border-radius: 2px;
634 box-shadow: 0 0 0 1px #e5f5fa;
635 background: #e5f5fa;
636}
637.wp-block-freeform.block-library-rich-text__tinymce code {
638 padding: 2px;
639 border-radius: 2px;
640 color: #1e1e1e;
641 background: #f0f0f0;
642 font-family: Menlo, Consolas, monaco, monospace;
643 font-size: 14px;
644}
645.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
646 background: #ddd;
647}
648.wp-block-freeform.block-library-rich-text__tinymce .alignright {
649 /*rtl:ignore*/
650 float: right;
651 /*rtl:ignore*/
652 margin: 0.5em 0 0.5em 1em;
653}
654.wp-block-freeform.block-library-rich-text__tinymce .alignleft {
655 /*rtl:ignore*/
656 float: left;
657 /*rtl:ignore*/
658 margin: 0.5em 1em 0.5em 0;
659}
660.wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
661 display: block;
662 margin-left: auto;
663 margin-right: auto;
664}
665.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
666 width: 96%;
667 height: 20px;
668 display: block;
669 margin: 15px auto;
670 outline: 0;
671 cursor: default;
672 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
673 background-size: 1900px 20px;
674 background-repeat: no-repeat;
675 background-position: center;
676}
677.wp-block-freeform.block-library-rich-text__tinymce img::selection {
678 background-color: transparent;
679}
680.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
681 -ms-user-select: element;
682}
683.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
684 margin: 0;
685 /* dl browser reset */
686 max-width: 100%;
687}
688.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
689.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
690 display: block;
691}
692.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
693 -webkit-user-drag: none;
694}
695.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
696 padding-top: 0.5em;
697 margin: 0;
698 /* browser dd reset */
699}
700.wp-block-freeform.block-library-rich-text__tinymce .wpview {
701 width: 99.99%;
702 /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
703 position: relative;
704 clear: both;
705 margin-bottom: 16px;
706 border: 1px solid transparent;
707}
708.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
709 display: block;
710 max-width: 100%;
711 background: transparent;
712}
713.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
714 position: absolute;
715 top: 0;
716 right: 0;
717 bottom: 0;
718 left: 0;
719}
720.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
721 display: none;
722}
723.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
724 border: 1px dashed #ddd;
725 padding: 10px;
726}
727.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
728 border: 1px solid #ddd;
729 padding: 1em 0;
730 margin: 0;
731 word-wrap: break-word;
732}
733.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
734 margin: 0;
735 text-align: center;
736}
737.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
738 border-color: transparent;
739}
740.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
741 display: block;
742 margin: 0 auto;
743 width: 32px;
744 height: 32px;
745 font-size: 32px;
746}
747.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
748 content: "";
749 display: table;
750 clear: both;
751}
752.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
753 outline: none;
754}
755.wp-block-freeform.block-library-rich-text__tinymce .gallery a {
756 cursor: default;
757}
758.wp-block-freeform.block-library-rich-text__tinymce .gallery {
759 margin: auto -6px;
760 padding: 6px 0;
761 line-height: 1;
762 overflow-x: hidden;
763}
764.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
765 float: left;
766 margin: 0;
767 text-align: center;
768 padding: 6px;
769 box-sizing: border-box;
770}
771.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
772.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
773 margin: 0;
774}
775.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
776 font-size: 13px;
777 margin: 4px 0;
778}
779.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
780 width: 100%;
781}
782.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
783 width: 50%;
784}
785.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
786 width: 33.3333333333%;
787}
788.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
789 width: 25%;
790}
791.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
792 width: 20%;
793}
794.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
795 width: 16.6666666667%;
796}
797.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
798 width: 14.2857142857%;
799}
800.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
801 width: 12.5%;
802}
803.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
804 width: 11.1111111111%;
805}
806.wp-block-freeform.block-library-rich-text__tinymce .gallery img {
807 max-width: 100%;
808 height: auto;
809 border: none;
810 padding: 0;
811}
812
813div[data-type="core/freeform"]::before {
814 transition: border-color 0.1s linear, box-shadow 0.1s linear;
815 border: 1px solid #ddd;
816 outline: 1px solid transparent;
817}
818@media (prefers-reduced-motion: reduce) {
819 div[data-type="core/freeform"]::before {
820 transition-duration: 0s;
821 transition-delay: 0s;
822 }
823}
824div[data-type="core/freeform"].is-selected::before {
825 border-color: #1e1e1e;
826}
827div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
828 margin-top: 0;
829 padding-top: 0;
830}
831div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
832 content: "";
833 display: table;
834 clear: both;
835}
836
837.mce-toolbar-grp .mce-btn.mce-active button,
838.mce-toolbar-grp .mce-btn.mce-active:hover button,
839.mce-toolbar-grp .mce-btn.mce-active i,
840.mce-toolbar-grp .mce-btn.mce-active:hover i {
841 color: #1e1e1e;
842}
843.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
844 margin-right: 0;
845 margin-left: 8px;
846}
847.mce-toolbar-grp .mce-btn i {
848 font-style: normal;
849}
850
851.block-library-classic__toolbar {
852 display: none;
853 width: auto;
854 margin: 0;
855 position: sticky;
856 z-index: 31;
857 top: 0;
858 border: 1px solid #ddd;
859 border-bottom: none;
860 border-radius: 2px;
861 margin-bottom: 8px;
862 padding: 0;
863}
864div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
865 display: block;
866 border-color: #1e1e1e;
867}
868.block-library-classic__toolbar .mce-tinymce {
869 box-shadow: none;
870}
871@media (min-width: 600px) {
872 .block-library-classic__toolbar {
873 padding: 0;
874 }
875}
876.block-library-classic__toolbar:empty {
877 display: block;
878 background: #f5f5f5;
879 border-bottom: 1px solid #e2e4e7;
880}
881.block-library-classic__toolbar:empty::before {
882 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
883 font-size: 13px;
884 content: attr(data-placeholder);
885 color: #555d66;
886 line-height: 37px;
887 padding: 14px;
888}
889.block-library-classic__toolbar div.mce-toolbar-grp {
890 border-bottom: 1px solid #1e1e1e;
891}
892.block-library-classic__toolbar .mce-tinymce-inline,
893.block-library-classic__toolbar .mce-tinymce-inline > div,
894.block-library-classic__toolbar div.mce-toolbar-grp,
895.block-library-classic__toolbar div.mce-toolbar-grp > div,
896.block-library-classic__toolbar .mce-menubar,
897.block-library-classic__toolbar .mce-menubar > div {
898 height: auto !important;
899 width: 100% !important;
900}
901.block-library-classic__toolbar .mce-container-body.mce-abs-layout {
902 overflow: visible;
903}
904.block-library-classic__toolbar .mce-menubar,
905.block-library-classic__toolbar div.mce-toolbar-grp {
906 position: static;
907}
908.block-library-classic__toolbar .mce-toolbar-grp > div {
909 padding: 1px 3px;
910}
911.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
912 display: none;
913}
914.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
915 display: block;
916}
917
918figure.wp-block-gallery {
919 display: block;
920}
921figure.wp-block-gallery.has-nested-images .components-drop-zone {
922 display: none;
923 pointer-events: none;
924}
925figure.wp-block-gallery > .blocks-gallery-caption {
926 flex: 0 0 100%;
927}
928figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
929 flex-basis: 100%;
930}
931figure.wp-block-gallery .wp-block-image .components-notice.is-error {
932 display: block;
933}
934figure.wp-block-gallery .wp-block-image .components-notice__content {
935 margin: 4px 0;
936}
937figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
938 position: absolute;
939 top: 0;
940 right: 5px;
941}
942figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
943 display: none;
944}
945figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
946 margin-bottom: 0;
947}
948figure.wp-block-gallery .block-editor-media-placeholder {
949 margin: 0;
950}
951figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
952 display: flex;
953}
954figure.wp-block-gallery .block-editor-media-placeholder figcaption {
955 z-index: 2;
956}
957figure.wp-block-gallery .components-spinner {
958 position: absolute;
959 top: 50%;
960 left: 50%;
961 margin-top: -9px;
962 margin-left: -9px;
963}
964
965/**
966 * Gallery inspector controls settings.
967 */
968.gallery-settings-buttons .components-button:first-child {
969 margin-right: 8px;
970}
971
972.gallery-image-sizes .components-base-control__label {
973 display: block;
974 margin-bottom: 4px;
975}
976.gallery-image-sizes .gallery-image-sizes__loading {
977 display: flex;
978 align-items: center;
979 color: #757575;
980 font-size: 12px;
981}
982.gallery-image-sizes .components-spinner {
983 margin: 0 8px 0 4px;
984}
985
986/**
987 * Deprecated css past this point. This can be removed once all galleries are migrated
988 * to V2.
989 */
990.blocks-gallery-item figure:not(.is-selected):focus,
991.blocks-gallery-item img:focus {
992 outline: none;
993}
994.blocks-gallery-item figure.is-selected::before {
995 box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
996 content: "";
997 outline: 2px solid transparent;
998 position: absolute;
999 top: 0;
1000 right: 0;
1001 bottom: 0;
1002 left: 0;
1003 z-index: 1;
1004 pointer-events: none;
1005}
1006.blocks-gallery-item figure.is-transient img {
1007 opacity: 0.3;
1008}
1009.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
1010 display: inline-flex;
1011}
1012.blocks-gallery-item .block-editor-media-placeholder {
1013 margin: 0;
1014 height: 100%;
1015}
1016.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
1017 display: flex;
1018}
1019
1020.block-library-gallery-item__inline-menu {
1021 display: none;
1022 position: absolute;
1023 top: -2px;
1024 margin: 8px;
1025 z-index: 20;
1026 transition: box-shadow 0.2s ease-out;
1027 border-radius: 2px;
1028 background: #fff;
1029 border: 1px solid #1e1e1e;
1030}
1031@media (prefers-reduced-motion: reduce) {
1032 .block-library-gallery-item__inline-menu {
1033 transition-duration: 0s;
1034 transition-delay: 0s;
1035 }
1036}
1037.block-library-gallery-item__inline-menu:hover {
1038 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
1039}
1040@media (min-width: 600px) {
1041 .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
1042 padding: 2px;
1043 }
1044}
1045.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
1046 border: none;
1047 box-shadow: none;
1048}
1049@media (min-width: 600px) {
1050 .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
1051 padding: 0;
1052 width: inherit;
1053 height: inherit;
1054 }
1055}
1056.block-library-gallery-item__inline-menu.is-left {
1057 left: -2px;
1058}
1059.block-library-gallery-item__inline-menu.is-right {
1060 right: -2px;
1061}
1062
1063.wp-block-gallery ul.blocks-gallery-grid {
1064 padding: 0;
1065 margin: 0;
1066}
1067
1068@media (min-width: 600px) {
1069 .wp-block-update-gallery-modal {
1070 max-width: 480px;
1071 }
1072}
1073
1074.wp-block-update-gallery-modal-buttons {
1075 display: flex;
1076 justify-content: flex-end;
1077 gap: 12px;
1078}
1079
1080/**
1081 * Group: All Alignment Settings
1082 */
1083.wp-block-group .block-editor-block-list__insertion-point {
1084 left: 0;
1085 right: 0;
1086}
1087
1088[data-type="core/group"].is-selected .block-list-appender {
1089 margin-left: 0;
1090 margin-right: 0;
1091}
1092[data-type="core/group"].is-selected .has-background .block-list-appender {
1093 margin-top: 18px;
1094 margin-bottom: 18px;
1095}
1096
1097.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child {
1098 gap: inherit;
1099 pointer-events: none;
1100}
1101.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child,
1102.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content,
1103.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
1104 display: inherit;
1105 width: 100%;
1106 flex-direction: inherit;
1107 flex: 1;
1108}
1109.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
1110 content: "";
1111 display: flex;
1112 flex: 1 0 48px;
1113 pointer-events: none;
1114 min-height: 46px;
1115 border: 1px dashed currentColor;
1116 border-radius: 2px;
1117}
1118.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
1119 pointer-events: all;
1120}
1121
1122.block-library-html__edit .block-library-html__preview-overlay {
1123 position: absolute;
1124 width: 100%;
1125 height: 100%;
1126 top: 0;
1127 left: 0;
1128}
1129.block-library-html__edit .block-editor-plain-text {
1130 font-family: Menlo, Consolas, monaco, monospace !important;
1131 color: #1e1e1e !important;
1132 background: #fff !important;
1133 padding: 12px !important;
1134 border: 1px solid #1e1e1e !important;
1135 box-shadow: none !important;
1136 border-radius: 2px !important;
1137 max-height: 250px;
1138 /* Fonts smaller than 16px causes mobile safari to zoom. */
1139 font-size: 16px !important;
1140}
1141@media (min-width: 600px) {
1142 .block-library-html__edit .block-editor-plain-text {
1143 font-size: 13px !important;
1144 }
1145}
1146.block-library-html__edit .block-editor-plain-text:focus {
1147 border-color: var(--wp-admin-theme-color) !important;
1148 box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
1149 outline: 2px solid transparent !important;
1150}
1151
1152.wp-block-image.wp-block-image.is-selected .components-placeholder {
1153 color: #1e1e1e;
1154 background-color: #fff;
1155 box-shadow: inset 0 0 0 1px #1e1e1e;
1156 border: none;
1157 filter: none;
1158 border-radius: 2px;
1159}
1160.wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
1161 opacity: 0;
1162}
1163.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
1164 display: none;
1165}
1166.wp-block-image.wp-block-image .components-placeholder__label,
1167.wp-block-image.wp-block-image .components-placeholder__instructions,
1168.wp-block-image.wp-block-image .components-button {
1169 transition: none;
1170}
1171
1172figure.wp-block-image:not(.wp-block) {
1173 margin: 0;
1174}
1175
1176.wp-block-image {
1177 position: relative;
1178}
1179.wp-block-image .is-applying img, .wp-block-image.is-transient img {
1180 opacity: 0.3;
1181}
1182.wp-block-image figcaption img {
1183 display: inline;
1184}
1185.wp-block-image .components-spinner {
1186 position: absolute;
1187 top: 50%;
1188 left: 50%;
1189 transform: translate(-50%, -50%);
1190}
1191
1192.wp-block-image .components-resizable-box__container {
1193 display: inline-block;
1194}
1195.wp-block-image .components-resizable-box__container img {
1196 display: block;
1197 width: inherit;
1198 height: inherit;
1199}
1200
1201.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
1202 position: absolute;
1203 left: 0;
1204 right: 0;
1205 margin: -1px 0;
1206}
1207@media (min-width: 600px) {
1208 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
1209 margin: -1px;
1210 }
1211}
1212
1213[data-align=wide] > .wp-block-image img,
1214[data-align=full] > .wp-block-image img {
1215 height: auto;
1216 width: 100%;
1217}
1218
1219.wp-block[data-align=left] > .wp-block-image,
1220.wp-block[data-align=center] > .wp-block-image,
1221.wp-block[data-align=right] > .wp-block-image {
1222 display: table;
1223}
1224.wp-block[data-align=left] > .wp-block-image > figcaption,
1225.wp-block[data-align=center] > .wp-block-image > figcaption,
1226.wp-block[data-align=right] > .wp-block-image > figcaption {
1227 display: table-caption;
1228 caption-side: bottom;
1229}
1230
1231.wp-block[data-align=left] > .wp-block-image {
1232 margin-right: 1em;
1233 margin-left: 0;
1234 margin-top: 0.5em;
1235 margin-bottom: 0.5em;
1236}
1237
1238.wp-block[data-align=right] > .wp-block-image {
1239 margin-left: 1em;
1240 margin-right: 0;
1241 margin-top: 0.5em;
1242 margin-bottom: 0.5em;
1243}
1244
1245.wp-block[data-align=center] > .wp-block-image {
1246 margin-left: auto;
1247 margin-right: auto;
1248 text-align: center;
1249}
1250
1251.wp-block-image__crop-area {
1252 position: relative;
1253 max-width: 100%;
1254 width: 100%;
1255 overflow: hidden;
1256}
1257.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
1258 border: none;
1259}
1260
1261.wp-block-image__crop-icon {
1262 padding: 0 8px;
1263 min-width: 48px;
1264 display: flex;
1265 justify-content: center;
1266 align-items: center;
1267}
1268.wp-block-image__crop-icon svg {
1269 fill: currentColor;
1270}
1271
1272.wp-block-image__zoom .components-popover__content {
1273 min-width: 260px;
1274 overflow: visible !important;
1275}
1276.wp-block-image__zoom .components-range-control {
1277 flex: 1;
1278}
1279.wp-block-image__zoom .components-base-control__field {
1280 display: flex;
1281 margin-bottom: 0;
1282 flex-direction: column;
1283 align-items: flex-start;
1284}
1285
1286.wp-block-image__aspect-ratio {
1287 height: 46px;
1288 margin-bottom: -8px;
1289 display: flex;
1290 align-items: center;
1291}
1292.wp-block-image__aspect-ratio .components-button {
1293 width: 36px;
1294 padding-left: 0;
1295 padding-right: 0;
1296}
1297
1298.wp-block-latest-posts {
1299 padding-left: 2.5em;
1300}
1301.wp-block-latest-posts.is-grid {
1302 padding-left: 0;
1303}
1304.wp-block-latest-posts > li {
1305 overflow: hidden;
1306}
1307
1308.wp-block-latest-posts li a > div {
1309 display: inline;
1310}
1311
1312.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
1313 margin-bottom: 20px;
1314}
1315
1316.editor-latest-posts-image-alignment-control .components-base-control__label {
1317 display: block;
1318}
1319.editor-latest-posts-image-alignment-control .components-toolbar {
1320 border-radius: 2px;
1321}
1322
1323.wp-block-media-text__media {
1324 position: relative;
1325}
1326.wp-block-media-text__media.is-transient img {
1327 opacity: 0.3;
1328}
1329.wp-block-media-text__media .components-spinner {
1330 position: absolute;
1331 top: 50%;
1332 left: 50%;
1333 margin-top: -9px;
1334 margin-left: -9px;
1335}
1336
1337.wp-block-media-text .__resizable_base__ {
1338 grid-column: 1/span 2;
1339 grid-row: 2;
1340}
1341
1342.wp-block-media-text .editor-media-container__resizer {
1343 width: 100% !important;
1344}
1345
1346.wp-block-media-text.is-image-fill .editor-media-container__resizer {
1347 height: 100% !important;
1348}
1349
1350.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
1351 max-width: unset;
1352}
1353
1354.block-editor-block-list__block[data-type="core/more"] {
1355 max-width: 100%;
1356 text-align: center;
1357 margin-top: 28px;
1358 margin-bottom: 28px;
1359}
1360
1361.wp-block-more {
1362 display: block;
1363 text-align: center;
1364 white-space: nowrap;
1365}
1366.wp-block-more input[type=text] {
1367 position: relative;
1368 font-size: 13px;
1369 text-transform: uppercase;
1370 font-weight: 600;
1371 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1372 color: #757575;
1373 border: none;
1374 box-shadow: none;
1375 white-space: nowrap;
1376 text-align: center;
1377 margin: 0;
1378 border-radius: 4px;
1379 background: #fff;
1380 padding: 6px 8px;
1381 height: 24px;
1382 max-width: 100%;
1383}
1384.wp-block-more input[type=text]:focus {
1385 box-shadow: none;
1386}
1387.wp-block-more::before {
1388 content: "";
1389 position: absolute;
1390 top: calc(50%);
1391 left: 0;
1392 right: 0;
1393 border-top: 3px dashed #ccc;
1394}
1395
1396/**
1397 * Editor only CSS.
1398 */
1399.editor-styles-wrapper .wp-block-navigation ul {
1400 margin-top: 0;
1401 margin-bottom: 0;
1402 margin-left: 0;
1403 padding-left: 0;
1404}
1405.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block {
1406 margin: revert;
1407}
1408
1409.wp-block-navigation-item__label {
1410 display: inline;
1411}
1412
1413/**
1414 * Submenus.
1415 */
1416.wp-block-navigation__container.is-parent-of-selected-block {
1417 visibility: visible;
1418 opacity: 1;
1419 overflow: visible;
1420}
1421
1422.wp-block-navigation__container,
1423.wp-block-navigation-item {
1424 background-color: inherit;
1425}
1426
1427.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container {
1428 opacity: 0;
1429 visibility: hidden;
1430}
1431
1432.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container {
1433 display: flex;
1434 opacity: 1;
1435 visibility: visible;
1436}
1437
1438.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container {
1439 opacity: 1;
1440 visibility: visible;
1441}
1442
1443.is-editing > .wp-block-navigation__container {
1444 visibility: visible;
1445 opacity: 1;
1446 display: flex;
1447 flex-direction: column;
1448}
1449
1450.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
1451 opacity: 1;
1452 visibility: hidden;
1453}
1454.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
1455 visibility: visible;
1456}
1457
1458.is-editing > .wp-block-navigation__submenu-container > .block-list-appender {
1459 display: block;
1460 position: static;
1461 width: 100%;
1462}
1463.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender {
1464 color: #fff;
1465 background: #1e1e1e;
1466 padding: 0;
1467 width: 24px;
1468 border-radius: 2px;
1469 margin-right: 0;
1470 margin-left: auto;
1471}
1472
1473.wp-block-navigation__submenu-container .block-list-appender {
1474 display: none;
1475}
1476
1477/**
1478 * Colors Selector component
1479 */
1480.block-library-colors-selector {
1481 width: auto;
1482}
1483.block-library-colors-selector .block-library-colors-selector__toggle {
1484 display: block;
1485 margin: 0 auto;
1486 padding: 3px;
1487 width: auto;
1488}
1489.block-library-colors-selector .block-library-colors-selector__icon-container {
1490 height: 30px;
1491 position: relative;
1492 margin: 0 auto;
1493 padding: 3px;
1494 display: flex;
1495 align-items: center;
1496 border-radius: 4px;
1497}
1498.block-library-colors-selector .block-library-colors-selector__state-selection {
1499 margin-left: auto;
1500 margin-right: auto;
1501 border-radius: 11px;
1502 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1503 width: 22px;
1504 min-width: 22px;
1505 height: 22px;
1506 min-height: 22px;
1507 line-height: 20px;
1508 padding: 2px;
1509}
1510.block-library-colors-selector .block-library-colors-selector__state-selection > svg {
1511 min-width: auto !important;
1512}
1513.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg,
1514.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path {
1515 color: inherit;
1516}
1517
1518.block-library-colors-selector__popover .color-palette-controller-container {
1519 padding: 16px;
1520}
1521.block-library-colors-selector__popover .components-base-control__label {
1522 height: 20px;
1523 line-height: 20px;
1524}
1525.block-library-colors-selector__popover .component-color-indicator {
1526 float: right;
1527 margin-top: 2px;
1528}
1529.block-library-colors-selector__popover .components-panel__body-title {
1530 display: none;
1531}
1532
1533.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1534 background-color: #1e1e1e;
1535 color: #fff;
1536}
1537.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1538 padding: 0;
1539}
1540
1541.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender {
1542 background-color: transparent;
1543 color: #1e1e1e;
1544}
1545
1546/**
1547 * Setup state
1548 */
1549@keyframes loadingpulse {
1550 0% {
1551 opacity: 1;
1552 }
1553 50% {
1554 opacity: 0.5;
1555 }
1556 100% {
1557 opacity: 1;
1558 }
1559}
1560.components-placeholder.wp-block-navigation-placeholder {
1561 outline: none;
1562 padding: 0;
1563 box-shadow: none;
1564 background: none;
1565 min-height: 0;
1566 color: inherit;
1567}
1568.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset {
1569 font-size: inherit;
1570}
1571.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button {
1572 margin-bottom: 0;
1573}
1574.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder {
1575 color: #1e1e1e;
1576}
1577
1578.wp-block-navigation-placeholder .components-spinner {
1579 margin-top: 0;
1580}
1581
1582.wp-block-navigation-placeholder__preview {
1583 display: flex;
1584 align-items: center;
1585 min-width: 96px;
1586 font-size: 13px;
1587 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1588 color: currentColor;
1589 background: transparent;
1590}
1591.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview {
1592 display: none;
1593}
1594.wp-block-navigation-placeholder__preview::before {
1595 content: "";
1596 display: block;
1597 position: absolute;
1598 top: 0;
1599 right: 0;
1600 bottom: 0;
1601 left: 0;
1602 pointer-events: none;
1603 border: 1px dashed currentColor;
1604 border-radius: 2px;
1605 border-radius: inherit;
1606}
1607.wp-block-navigation-placeholder__preview > svg {
1608 fill: currentColor;
1609}
1610
1611.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
1612.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset {
1613 min-height: 90px;
1614}
1615
1616.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset {
1617 min-height: 132px;
1618}
1619
1620.wp-block-navigation-placeholder__preview,
1621.wp-block-navigation-placeholder__controls {
1622 padding: 6px 8px;
1623 flex-direction: row;
1624 align-items: flex-start;
1625}
1626
1627.wp-block-navigation-placeholder__controls {
1628 border-radius: 2px;
1629 background-color: #fff;
1630 box-shadow: inset 0 0 0 1px #1e1e1e;
1631 display: none;
1632 position: relative;
1633 z-index: 1;
1634 float: left;
1635 width: 100%;
1636}
1637.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
1638 display: flex;
1639}
1640.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
1641.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
1642.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr {
1643 display: none;
1644}
1645.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 {
1646 flex-direction: column;
1647 align-items: flex-start;
1648}
1649.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 {
1650 display: none;
1651}
1652.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
1653 margin-right: 12px;
1654 height: 36px;
1655}
1656
1657.wp-block-navigation-placeholder__actions__indicator {
1658 display: flex;
1659 padding: 0 6px 0 0;
1660 align-items: center;
1661 justify-content: flex-start;
1662 line-height: 0;
1663 height: 36px;
1664 margin-left: 4px;
1665}
1666.wp-block-navigation-placeholder__actions__indicator svg {
1667 margin-right: 4px;
1668 fill: currentColor;
1669}
1670
1671.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset {
1672 flex-direction: row !important;
1673}
1674
1675.wp-block-navigation-placeholder__actions {
1676 display: flex;
1677 font-size: 13px;
1678 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1679 gap: 6px;
1680 align-items: center;
1681 height: 100%;
1682}
1683.wp-block-navigation-placeholder__actions .components-dropdown,
1684.wp-block-navigation-placeholder__actions > .components-button {
1685 margin-right: 0;
1686}
1687.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr {
1688 border: 0;
1689 min-height: 1px;
1690 min-width: 1px;
1691 background-color: #1e1e1e;
1692 margin: auto 0;
1693 height: 100%;
1694 max-height: 16px;
1695}
1696
1697/**
1698 * Mobile menu.
1699 */
1700@media (min-width: 600px) {
1701 .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
1702 display: none;
1703 }
1704}
1705
1706.wp-block-navigation__responsive-container.is-menu-open {
1707 position: fixed;
1708 top: 155px;
1709}
1710@media (min-width: 782px) {
1711 .wp-block-navigation__responsive-container.is-menu-open {
1712 top: 93px;
1713 }
1714}
1715@media (min-width: 782px) {
1716 .wp-block-navigation__responsive-container.is-menu-open {
1717 left: 36px;
1718 }
1719}
1720@media (min-width: 960px) {
1721 .wp-block-navigation__responsive-container.is-menu-open {
1722 left: 160px;
1723 }
1724}
1725
1726@media (min-width: 782px) {
1727 .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open {
1728 top: 141px;
1729 }
1730}
1731
1732.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,
1733.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open {
1734 top: 141px;
1735}
1736
1737.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open {
1738 right: 280px;
1739}
1740
1741.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
1742 left: 0;
1743 top: 155px;
1744}
1745@media (min-width: 782px) {
1746 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
1747 top: 61px;
1748 }
1749}
1750@media (min-width: 782px) {
1751 .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open {
1752 top: 109px;
1753 }
1754}
1755.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,
1756.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open {
1757 top: 109px;
1758}
1759
1760body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open {
1761 top: 0;
1762 right: 0;
1763 bottom: 0;
1764 left: 0;
1765}
1766
1767@media (min-width: 600px) {
1768 .wp-block-navigation__responsive-container,
1769.wp-block-navigation__responsive-close {
1770 pointer-events: none;
1771 }
1772 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
1773.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
1774.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
1775.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
1776 pointer-events: all;
1777 }
1778}
1779.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
1780.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
1781 pointer-events: none;
1782}
1783
1784.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
1785.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
1786 padding: 0;
1787 height: auto;
1788 color: inherit;
1789}
1790
1791.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
1792 margin-top: 16px;
1793}
1794
1795@keyframes fadein {
1796 0% {
1797 opacity: 0;
1798 }
1799 100% {
1800 opacity: 1;
1801 }
1802}
1803.wp-block-navigation .components-spinner {
1804 padding: 8px 12px;
1805}
1806
1807@keyframes fadeouthalf {
1808 0% {
1809 opacity: 1;
1810 }
1811 100% {
1812 opacity: 0.5;
1813 }
1814}
1815.wp-block-navigation-delete-menu-button {
1816 width: 100%;
1817 justify-content: center;
1818 margin-bottom: 16px;
1819}
1820
1821.wp-block-navigation__overlay-menu-preview {
1822 display: flex;
1823 align-items: center;
1824 justify-content: space-between;
1825 width: 100%;
1826 background-color: #f0f0f0;
1827 padding: 0 24px;
1828 height: 64px;
1829 margin-bottom: 12px;
1830}
1831.wp-block-navigation__overlay-menu-preview.open {
1832 box-shadow: inset 0 0 0 1px #e0e0e0;
1833 outline: 1px solid transparent;
1834 background-color: #fff;
1835}
1836
1837.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty {
1838 display: none;
1839}
1840
1841.wp-block-navigation-placeholder__actions hr + hr {
1842 display: none;
1843}
1844
1845/**
1846 * Navigation selector styles
1847 */
1848.wp-block-navigation__navigation-selector {
1849 margin-bottom: 16px;
1850 width: 100%;
1851}
1852
1853.wp-block-navigation__navigation-selector-button {
1854 border: 1px solid;
1855 justify-content: space-between;
1856 width: 100%;
1857}
1858
1859.wp-block-navigation__navigation-selector-button--createnew {
1860 border: 1px solid;
1861 margin-bottom: 16px;
1862 width: 100%;
1863}
1864
1865/**
1866 * Submenus.
1867 */
1868.wp-block-navigation .has-child {
1869 cursor: pointer;
1870}
1871.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
1872 z-index: 28;
1873}
1874.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
1875 z-index: 29;
1876}
1877.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
1878 visibility: visible !important;
1879 opacity: 1 !important;
1880 min-width: 200px !important;
1881 height: auto !important;
1882 width: auto !important;
1883 overflow: visible !important;
1884}
1885
1886/**
1887 * Navigation Items.
1888 */
1889.wp-block-navigation-item .wp-block-navigation-item__content {
1890 cursor: text;
1891}
1892.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
1893 min-width: 20px;
1894}
1895.wp-block-navigation-item .block-list-appender {
1896 margin-top: 16px;
1897 margin-right: auto;
1898 margin-bottom: 16px;
1899 margin-left: 16px;
1900}
1901
1902.wp-block-navigation-link__invalid-item {
1903 color: #000;
1904}
1905
1906.wp-block-navigation-link__missing_text-tooltip {
1907 position: absolute;
1908 width: 1px;
1909 height: 1px;
1910 padding: 0;
1911 margin: -1px;
1912 overflow: hidden;
1913}
1914
1915/**
1916 * Menu item setup state. Is shown when a menu item has no URL configured.
1917 */
1918.wp-block-navigation-link__placeholder {
1919 position: relative;
1920 text-decoration: none !important;
1921 box-shadow: none !important;
1922 background-image: none !important;
1923}
1924.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
1925 --wp-underline-color: var(--wp-admin-theme-color);
1926 background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%);
1927 background-position: 0 100%;
1928 background-size: 6px 3px;
1929 background-repeat: repeat-x;
1930 padding-bottom: 0.1em;
1931}
1932.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
1933 --wp-underline-color: #fff;
1934}
1935.wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
1936 cursor: pointer;
1937}
1938
1939/**
1940* Link Control Transforms
1941*/
1942.link-control-transform {
1943 border-top: 1px solid #ccc;
1944 padding: 0 16px 8px 16px;
1945}
1946
1947.link-control-transform__subheading {
1948 font-size: 11px;
1949 text-transform: uppercase;
1950 font-weight: 500;
1951 color: #1e1e1e;
1952 margin-bottom: 1.5em;
1953}
1954
1955.link-control-transform__items {
1956 display: flex;
1957 justify-content: space-between;
1958}
1959
1960.link-control-transform__item {
1961 flex-basis: 33%;
1962 flex-direction: column;
1963 gap: 8px;
1964 height: auto;
1965}
1966
1967.wp-block-navigation-submenu {
1968 display: block;
1969}
1970.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
1971 z-index: 28;
1972}
1973.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1974 visibility: visible !important;
1975 opacity: 1 !important;
1976 min-width: 200px !important;
1977 height: auto !important;
1978 width: auto !important;
1979 position: absolute;
1980 left: -1px;
1981 top: 100%;
1982}
1983@media (min-width: 782px) {
1984 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
1985 left: 100%;
1986 top: -1px;
1987 }
1988 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
1989 content: "";
1990 position: absolute;
1991 right: 100%;
1992 height: 100%;
1993 display: block;
1994 width: 0.5em;
1995 background: transparent;
1996 }
1997}
1998
1999.block-editor-block-list__block[data-type="core/nextpage"] {
2000 max-width: 100%;
2001 text-align: center;
2002 margin-top: 28px;
2003 margin-bottom: 28px;
2004}
2005
2006.wp-block-nextpage {
2007 display: block;
2008 text-align: center;
2009 white-space: nowrap;
2010}
2011.wp-block-nextpage > span {
2012 font-size: 13px;
2013 position: relative;
2014 text-transform: uppercase;
2015 font-weight: 600;
2016 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2017 color: #757575;
2018 border-radius: 4px;
2019 background: #fff;
2020 padding: 6px 8px;
2021 height: 24px;
2022}
2023.wp-block-nextpage::before {
2024 content: "";
2025 position: absolute;
2026 top: calc(50%);
2027 left: 0;
2028 right: 0;
2029 border-top: 3px dashed #ccc;
2030}
2031
2032.wp-block-navigation .wp-block-page-list > div,
2033.wp-block-navigation .wp-block-page-list {
2034 background-color: inherit;
2035}
2036.wp-block-navigation.items-justified-space-between .wp-block-page-list > div,
2037.wp-block-navigation.items-justified-space-between .wp-block-page-list {
2038 display: contents;
2039 flex: 1;
2040}
2041.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list {
2042 flex: inherit;
2043}
2044
2045.wp-block-pages-list__item__link {
2046 pointer-events: none;
2047}
2048
2049@media (min-width: 600px) {
2050 .wp-block-page-list-modal {
2051 max-width: 480px;
2052 }
2053}
2054
2055.wp-block-page-list-modal-buttons {
2056 display: flex;
2057 justify-content: flex-end;
2058 gap: 12px;
2059}
2060
2061.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
2062 visibility: visible;
2063 opacity: 1;
2064 width: auto;
2065 height: auto;
2066 min-width: 200px;
2067}
2068
2069.wp-block-page-list .components-notice {
2070 margin-left: 0;
2071}
2072
2073.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
2074 min-height: auto !important;
2075}
2076
2077.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
2078 opacity: 1;
2079}
2080
2081.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] {
2082 opacity: 0;
2083}
2084
2085.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
2086 display: inline-block;
2087}
2088
2089.wp-block-pullquote.is-style-solid-color blockquote p {
2090 font-size: 32px;
2091}
2092.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
2093 text-transform: none;
2094 font-style: normal;
2095}
2096
2097.wp-block-pullquote .wp-block-pullquote__citation {
2098 color: inherit;
2099}
2100
2101.wp-block-rss li a > div {
2102 display: inline;
2103}
2104
2105.wp-block-rss__placeholder-form {
2106 display: flex;
2107 align-items: stretch;
2108}
2109.wp-block-rss__placeholder-form > * {
2110 margin-bottom: 8px;
2111}
2112@media (min-width: 782px) {
2113 .wp-block-rss__placeholder-form > * {
2114 margin-bottom: 0;
2115 }
2116}
2117
2118.wp-block-rss__placeholder-input {
2119 display: flex;
2120 align-items: stretch;
2121 flex-grow: 1;
2122}
2123.wp-block-rss__placeholder-input .components-base-control__field {
2124 margin: 0;
2125 display: flex;
2126 align-items: stretch;
2127 flex-grow: 1;
2128 margin-right: 8px;
2129}
2130
2131.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
2132 margin: auto;
2133}
2134
2135.wp-block-search .wp-block-search__button {
2136 height: auto;
2137 border-radius: initial;
2138 display: flex;
2139 align-items: center;
2140}
2141.wp-block-search__components-button-group {
2142 margin-top: 10px;
2143}
2144
2145.block-editor-block-list__block[data-type="core/separator"] {
2146 padding-top: 0.1px;
2147 padding-bottom: 0.1px;
2148}
2149.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
2150 background: none !important;
2151 border: none;
2152}
2153
2154[data-type="core/shortcode"] .block-editor-plain-text {
2155 max-height: 250px;
2156}
2157[data-type="core/shortcode"].components-placeholder {
2158 min-height: 0;
2159}
2160
2161.blocks-shortcode__textarea {
2162 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2163 padding: 6px 8px;
2164 box-shadow: 0 0 0 transparent;
2165 transition: box-shadow 0.1s linear;
2166 border-radius: 2px;
2167 border: 1px solid #757575;
2168 /* Fonts smaller than 16px causes mobile safari to zoom. */
2169 font-size: 16px;
2170 /* Override core line-height. To be reviewed. */
2171 line-height: normal;
2172}
2173@media (prefers-reduced-motion: reduce) {
2174 .blocks-shortcode__textarea {
2175 transition-duration: 0s;
2176 transition-delay: 0s;
2177 }
2178}
2179@media (min-width: 600px) {
2180 .blocks-shortcode__textarea {
2181 font-size: 13px;
2182 /* Override core line-height. To be reviewed. */
2183 line-height: normal;
2184 }
2185}
2186.blocks-shortcode__textarea:focus {
2187 border-color: var(--wp-admin-theme-color);
2188 box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
2189 outline: 2px solid transparent;
2190}
2191.blocks-shortcode__textarea::-webkit-input-placeholder {
2192 color: rgba(30, 30, 30, 0.62);
2193}
2194.blocks-shortcode__textarea::-moz-placeholder {
2195 opacity: 1;
2196 color: rgba(30, 30, 30, 0.62);
2197}
2198.blocks-shortcode__textarea:-ms-input-placeholder {
2199 color: rgba(30, 30, 30, 0.62);
2200}
2201
2202.wp-block[data-align=center] > .wp-block-site-logo,
2203.wp-block-site-logo.aligncenter > div {
2204 display: table;
2205 margin-left: auto;
2206 margin-right: auto;
2207}
2208
2209.wp-block-site-logo a {
2210 pointer-events: none;
2211}
2212.wp-block-site-logo .custom-logo-link {
2213 cursor: inherit;
2214}
2215.wp-block-site-logo .custom-logo-link:focus {
2216 box-shadow: none;
2217}
2218.wp-block-site-logo .custom-logo-link.is-transient img {
2219 opacity: 0.3;
2220}
2221.wp-block-site-logo img {
2222 display: block;
2223 height: auto;
2224 max-width: 100%;
2225}
2226
2227.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
2228 height: 120px;
2229 width: 120px;
2230}
2231.wp-block-site-logo.wp-block-site-logo > div,
2232.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
2233 border-radius: inherit;
2234}
2235.wp-block-site-logo.wp-block-site-logo .components-placeholder {
2236 justify-content: center;
2237 align-items: center;
2238 padding: 0;
2239 border-radius: inherit;
2240 min-height: 48px;
2241 min-width: 48px;
2242 height: 100%;
2243 width: 100%;
2244}
2245.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
2246 display: none;
2247}
2248.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
2249 display: none;
2250}
2251.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
2252 padding: 0;
2253 display: flex;
2254 justify-content: center;
2255 align-items: center;
2256 width: 48px;
2257 height: 48px;
2258 border-radius: 50%;
2259 position: relative;
2260 background: var(--wp-admin-theme-color);
2261 border-color: var(--wp-admin-theme-color);
2262 border-style: solid;
2263 color: #fff;
2264}
2265.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
2266 color: inherit;
2267}
2268
2269.wp-block-site-tagline__placeholder {
2270 padding: 1em 0;
2271 border: 1px dashed;
2272}
2273
2274.wp-block-site-title__placeholder {
2275 padding: 1em 0;
2276 border: 1px dashed;
2277}
2278
2279.wp-block-social-links .wp-social-link {
2280 line-height: 0;
2281}
2282.wp-block-social-links .wp-social-link button {
2283 font-size: inherit;
2284 color: currentColor;
2285 height: auto;
2286 line-height: 0;
2287 opacity: 1;
2288 padding: 0.25em;
2289}
2290
2291.wp-block-social-links.is-style-pill-shape .wp-social-link button {
2292 padding-left: calc((2/3) * 1em);
2293 padding-right: calc((2/3) * 1em);
2294}
2295
2296.wp-block-social-links.is-style-logos-only .wp-social-link button {
2297 padding: 0;
2298}
2299
2300.wp-block-social-links div.block-editor-url-input {
2301 display: inline-block;
2302 margin-left: 8px;
2303}
2304.wp-block-social-links.wp-block-social-links {
2305 background: none;
2306}
2307
2308.wp-social-link:hover {
2309 transform: none;
2310}
2311
2312.editor-styles-wrapper .wp-block-social-links {
2313 padding: 0;
2314}
2315
2316.wp-block-social-links__social-placeholder {
2317 display: flex;
2318 opacity: 0.8;
2319 list-style: none;
2320}
2321.wp-block-social-links__social-placeholder > .wp-social-link {
2322 padding-left: 0 !important;
2323 margin-left: 0 !important;
2324 padding-right: 0 !important;
2325 margin-right: 0 !important;
2326 width: 0 !important;
2327 visibility: hidden;
2328}
2329.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
2330 display: flex;
2331}
2332.wp-block-social-links__social-placeholder .wp-social-link {
2333 padding: 0.25em;
2334}
2335.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
2336 padding-left: calc((2/3) * 1em);
2337 padding-right: calc((2/3) * 1em);
2338}
2339.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
2340 padding: 0;
2341}
2342.wp-block-social-links__social-placeholder .wp-social-link::before {
2343 content: "";
2344 display: block;
2345 width: 1em;
2346 height: 1em;
2347 border-radius: 50%;
2348}
2349.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
2350 background: currentColor;
2351}
2352
2353.wp-block-social-links .wp-block-social-links__social-prompt {
2354 min-height: 24px;
2355 list-style: none;
2356 order: 2;
2357 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2358 font-size: 13px;
2359 line-height: 24px;
2360 margin-top: auto;
2361 margin-bottom: auto;
2362 cursor: default;
2363 padding-right: 8px;
2364}
2365
2366.wp-block[data-align=center] > .wp-block-social-links {
2367 justify-content: center;
2368}
2369
2370.block-editor-block-preview__content .components-button:disabled {
2371 opacity: 1;
2372}
2373
2374.wp-social-link.wp-social-link__is-incomplete {
2375 opacity: 0.5;
2376}
2377@media (prefers-reduced-motion: reduce) {
2378 .wp-social-link.wp-social-link__is-incomplete {
2379 transition-duration: 0s;
2380 transition-delay: 0s;
2381 }
2382}
2383
2384.wp-block-social-links .is-selected .wp-social-link__is-incomplete,
2385.wp-social-link.wp-social-link__is-incomplete:hover,
2386.wp-social-link.wp-social-link__is-incomplete:focus {
2387 opacity: 1;
2388}
2389
2390.block-editor-block-list__block[data-type="core/spacer"]::before {
2391 content: "";
2392 display: block;
2393 position: absolute;
2394 z-index: 1;
2395 width: 100%;
2396 min-height: 8px;
2397 min-width: 8px;
2398 height: 100%;
2399}
2400
2401.wp-block-spacer.is-hovered .block-library-spacer__resize-container,
2402.block-library-spacer__resize-container.has-show-handle {
2403 background: rgba(0, 0, 0, 0.1);
2404}
2405.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
2406.is-dark-theme .block-library-spacer__resize-container.has-show-handle {
2407 background: rgba(255, 255, 255, 0.15);
2408}
2409
2410.block-library-spacer__resize-container {
2411 clear: both;
2412}
2413.block-library-spacer__resize-container:not(.is-resizing) {
2414 height: 100% !important;
2415 width: 100% !important;
2416}
2417.block-library-spacer__resize-container .components-resizable-box__handle::before {
2418 content: none;
2419}
2420.block-library-spacer__resize-container.resize-horizontal {
2421 margin-bottom: 0;
2422}
2423
2424.wp-block-table {
2425 margin: 0;
2426}
2427.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
2428 height: auto;
2429}
2430.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table {
2431 width: auto;
2432}
2433.wp-block[data-align=left] > .wp-block-table td,
2434.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td,
2435.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td,
2436.wp-block[data-align=center] > .wp-block-table th {
2437 word-break: break-word;
2438}
2439.wp-block[data-align=center] > .wp-block-table {
2440 text-align: initial;
2441}
2442.wp-block[data-align=center] > .wp-block-table table {
2443 margin: 0 auto;
2444}
2445.wp-block-table td,
2446.wp-block-table th {
2447 border: 1px solid;
2448}
2449.wp-block-table td.is-selected,
2450.wp-block-table th.is-selected {
2451 border-color: var(--wp-admin-theme-color);
2452 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
2453 border-style: double;
2454}
2455.wp-block-table figcaption {
2456 color: #555;
2457 font-size: 13px;
2458 text-align: center;
2459}
2460.is-dark-theme .wp-block-table figcaption {
2461 color: rgba(255, 255, 255, 0.65);
2462}
2463.wp-block-table table.has-individual-borders > *,
2464.wp-block-table table.has-individual-borders tr,
2465.wp-block-table table.has-individual-borders th,
2466.wp-block-table table.has-individual-borders td {
2467 border-width: 1px;
2468 border-style: solid;
2469 border-color: currentColor;
2470}
2471
2472.blocks-table__placeholder-form.blocks-table__placeholder-form {
2473 display: flex;
2474 flex-direction: column;
2475 align-items: flex-start;
2476}
2477.blocks-table__placeholder-form.blocks-table__placeholder-form > * {
2478 margin-bottom: 8px;
2479}
2480@media (min-width: 782px) {
2481 .blocks-table__placeholder-form.blocks-table__placeholder-form {
2482 flex-direction: row;
2483 align-items: flex-end;
2484 }
2485 .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
2486 margin-bottom: 0;
2487 }
2488}
2489
2490.blocks-table__placeholder-input {
2491 width: 112px;
2492 margin-right: 8px;
2493 margin-bottom: 0;
2494}
2495.blocks-table__placeholder-input input {
2496 height: 36px;
2497}
2498.blocks-table__placeholder-input .components-base-control__field {
2499 margin-bottom: 0;
2500}
2501
2502.block-editor-template-part__selection-modal {
2503 z-index: 1000001;
2504}
2505@media (min-width: 600px) {
2506 .block-editor-template-part__selection-modal .components-modal__frame {
2507 width: calc(100% - 32px);
2508 height: calc(100% - 120px);
2509 }
2510}
2511@media (min-width: 782px) {
2512 .block-editor-template-part__selection-modal .components-modal__frame {
2513 width: 750px;
2514 }
2515}
2516@media (min-width: 960px) {
2517 .block-editor-template-part__selection-modal .components-modal__frame {
2518 height: 70%;
2519 }
2520}
2521
2522.block-library-template-part__selection-search {
2523 background: #fff;
2524 position: sticky;
2525 top: 0;
2526 padding: 16px 0;
2527 z-index: 1;
2528}
2529
2530.wp-block-text-columns .block-editor-rich-text__editable:focus {
2531 outline: 1px solid #ddd;
2532}
2533
2534.wp-block[data-align=center] > .wp-block-video {
2535 text-align: center;
2536}
2537
2538.wp-block-video {
2539 position: relative;
2540}
2541.wp-block-video.is-transient video {
2542 opacity: 0.3;
2543}
2544.wp-block-video .components-spinner {
2545 position: absolute;
2546 top: 50%;
2547 left: 50%;
2548 margin-top: -9px;
2549 margin-left: -9px;
2550}
2551
2552.editor-video-poster-control .components-base-control__label {
2553 display: block;
2554}
2555.editor-video-poster-control .components-button {
2556 margin-right: 8px;
2557}
2558
2559.block-library-video-tracks-editor {
2560 z-index: 159990;
2561}
2562
2563.block-library-video-tracks-editor__track-list-track {
2564 display: flex;
2565 place-content: space-between;
2566 align-items: baseline;
2567 padding-left: 12px;
2568}
2569
2570.block-library-video-tracks-editor__single-track-editor-label-language {
2571 display: flex;
2572 margin-top: 12px;
2573}
2574.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
2575 width: 50%;
2576}
2577.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
2578 margin-right: 16px;
2579}
2580
2581.block-library-video-tracks-editor__single-track-editor-kind-select {
2582 max-width: 240px;
2583}
2584
2585.block-library-video-tracks-editor__single-track-editor-buttons-container {
2586 display: flex;
2587 place-content: space-between;
2588 margin-top: 32px;
2589}
2590
2591.block-library-video-tracks-editor__single-track-editor-edit-track-label {
2592 margin-top: 4px;
2593 margin-bottom: 12px;
2594 color: #757575;
2595 text-transform: uppercase;
2596 font-size: 11px;
2597 font-weight: 500;
2598 display: block;
2599}
2600
2601.block-library-video-tracks-editor > .components-popover__content {
2602 width: 360px;
2603 padding: 0;
2604}
2605
2606.block-library-video-tracks-editor__track-list .components-menu-group__label,
2607.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
2608 padding: 0;
2609}
2610
2611.block-library-video-tracks-editor__single-track-editor,
2612.block-library-video-tracks-editor__track-list,
2613.block-library-video-tracks-editor__add-tracks-container {
2614 padding: 12px;
2615}
2616
2617.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
2618 margin-bottom: 4px;
2619}
2620.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
2621 margin-bottom: 12px;
2622}
2623.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
2624 margin-left: 0;
2625}
2626.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
2627 margin-bottom: 4px;
2628}
2629
2630.editor-styles-wrapper ul.wp-block-post-template {
2631 padding-left: 0;
2632 margin-left: 0;
2633 list-style: none;
2634}
2635
2636.block-library-query-toolbar__popover .components-popover__content {
2637 min-width: 230px;
2638}
2639
2640.wp-block-query__create-new-link {
2641 padding: 0 16px 16px 56px;
2642}
2643
2644.block-library-query__pattern-selection-content .block-editor-block-patterns-list {
2645 display: grid;
2646 grid-template-columns: 1fr 1fr 1fr;
2647 grid-gap: 8px;
2648}
2649.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2650 margin-bottom: 0;
2651}
2652.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
2653 max-height: 250px;
2654}
2655
2656.block-editor-query-pattern__selection-modal .components-modal__content {
2657 padding: 0;
2658 margin-bottom: 60px;
2659}
2660.block-editor-query-pattern__selection-modal .components-modal__content::before {
2661 margin-bottom: 0;
2662}
2663
2664@media (min-width: 600px) {
2665 .block-editor-query-pattern__selection-modal {
2666 width: calc(100% - 32px);
2667 height: calc(100% - 120px);
2668 }
2669}
2670@media (min-width: 782px) {
2671 .block-editor-query-pattern__selection-modal {
2672 width: 750px;
2673 }
2674}
2675@media (min-width: 960px) {
2676 .block-editor-query-pattern__selection-modal {
2677 height: 80%;
2678 width: 80%;
2679 max-height: none;
2680 }
2681}
2682
2683.block-library-query-toolspanel__filters .components-form-token-field__help {
2684 margin-bottom: 0;
2685}
2686.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
2687 margin-bottom: 24px;
2688}
2689
2690.wp-block[data-align=center] > .wp-block-query-pagination {
2691 justify-content: center;
2692}
2693
2694.editor-styles-wrapper .wp-block-query-pagination {
2695 max-width: 100%;
2696}
2697.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout {
2698 margin: 0;
2699}
2700
2701.wp-block-query-pagination > .wp-block-query-pagination-next,
2702.wp-block-query-pagination > .wp-block-query-pagination-previous,
2703.wp-block-query-pagination > .wp-block-query-pagination-numbers {
2704 margin-left: 0;
2705 margin-top: 0.5em;
2706 /*rtl:ignore*/
2707 margin-right: 0.5em;
2708 margin-bottom: 0.5em;
2709}
2710.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
2711.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
2712.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
2713 /*rtl:ignore*/
2714 margin-right: 0;
2715}
2716
2717.wp-block-query-pagination-numbers a {
2718 text-decoration: underline;
2719}
2720.wp-block-query-pagination-numbers .page-numbers {
2721 margin-right: 2px;
2722}
2723.wp-block-query-pagination-numbers .page-numbers:last-child {
2724 /*rtl:ignore*/
2725 margin-right: 0;
2726}
2727
2728.wp-block-post-featured-image .block-editor-media-placeholder {
2729 z-index: 1;
2730 -webkit-backdrop-filter: none;
2731 backdrop-filter: none;
2732}
2733.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
2734.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
2735 justify-content: center;
2736 align-items: center;
2737 padding: 0;
2738 min-height: 200px;
2739}
2740.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
2741.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
2742 display: none;
2743}
2744.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
2745.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
2746 padding: 0;
2747 display: flex;
2748 justify-content: center;
2749 align-items: center;
2750 width: 48px;
2751 height: 48px;
2752 border-radius: 50%;
2753 position: relative;
2754 background: var(--wp-admin-theme-color);
2755 border-color: var(--wp-admin-theme-color);
2756 border-style: solid;
2757 color: #fff;
2758}
2759.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
2760.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
2761 color: inherit;
2762}
2763.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
2764.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where(.has-border-color) {
2765 border-style: solid;
2766}
2767.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
2768.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]) {
2769 border-top-style: solid;
2770}
2771.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
2772.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]) {
2773 border-right-style: solid;
2774}
2775.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
2776.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]) {
2777 border-bottom-style: solid;
2778}
2779.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
2780.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]) {
2781 border-left-style: solid;
2782}
2783.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
2784.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]) {
2785 border-style: solid;
2786}
2787.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
2788.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]) {
2789 border-top-style: solid;
2790}
2791.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
2792.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]) {
2793 border-right-style: solid;
2794}
2795.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
2796.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]) {
2797 border-bottom-style: solid;
2798}
2799.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
2800.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]) {
2801 border-left-style: solid;
2802}
2803.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
2804 min-height: 48px;
2805 min-width: 48px;
2806 height: 100%;
2807 width: 100%;
2808}
2809
2810div[data-type="core/post-featured-image"] img {
2811 max-width: 100%;
2812 height: auto;
2813 display: block;
2814}
2815
2816.wp-block-post-comments-form * {
2817 pointer-events: none;
2818}
2819.wp-block-post-comments-form *.block-editor-warning * {
2820 pointer-events: auto;
2821}
2822
2823/**
2824 * Element styles for the editor
2825 */
2826.wp-element-button {
2827 cursor: revert;
2828}
2829.wp-element-button[role=textbox] {
2830 cursor: text;
2831}
2832
2833:root .editor-styles-wrapper {
2834 /*
2835 * Our classes uses the same values we set for gradient value attributes,
2836 * and we can not use spacing because of WP multi site kses rule.
2837 */
2838 /* stylelint-disable function-comma-space-after */
2839 /* stylelint-enable function-comma-space-after */
2840}
2841:root .editor-styles-wrapper .has-very-light-gray-background-color {
2842 background-color: #eee;
2843}
2844:root .editor-styles-wrapper .has-very-dark-gray-background-color {
2845 background-color: #313131;
2846}
2847:root .editor-styles-wrapper .has-very-light-gray-color {
2848 color: #eee;
2849}
2850:root .editor-styles-wrapper .has-very-dark-gray-color {
2851 color: #313131;
2852}
2853:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
2854 background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
2855}
2856:root .editor-styles-wrapper .has-purple-crush-gradient-background {
2857 background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
2858}
2859:root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
2860 background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
2861}
2862:root .editor-styles-wrapper .has-subdued-olive-gradient-background {
2863 background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
2864}
2865:root .editor-styles-wrapper .has-atomic-cream-gradient-background {
2866 background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
2867}
2868:root .editor-styles-wrapper .has-nightshade-gradient-background {
2869 background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
2870}
2871:root .editor-styles-wrapper .has-midnight-gradient-background {
2872 background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
2873}
2874
2875.editor-styles-wrapper {
2876 --wp--preset--font-size--normal: 16px;
2877 --wp--preset--font-size--huge: 42px;
2878}
2879
2880.editor-styles-wrapper .has-regular-font-size {
2881 font-size: 16px;
2882}
2883
2884.editor-styles-wrapper .has-larger-font-size {
2885 font-size: 42px;
2886}
2887
2888.editor-styles-wrapper .has-normal-font-size {
2889 font-size: var(--wp--preset--font-size--normal);
2890}
2891
2892.editor-styles-wrapper .has-huge-font-size {
2893 font-size: var(--wp--preset--font-size--huge);
2894}
2895
2896/**
2897 * Editor Normalization Styles
2898 *
2899 * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
2900 * This allows us to create normalization styles that are easily overridden by editor styles.
2901 */
\No newline at end of file