PluginProbe
Gutenberg / trunk
Gutenberg vtrunk
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
gutenberg / build / styles / block-library / style-rtl.css

style-rtl.css in Gutenberg trunk, at build/styles/block-library/style-rtl.css

5,511 lines 160.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .wp-block-accordion {
3 box-sizing: border-box;
4 }
5
6 .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
7 transform: rotate(-45deg);
8 }
9 .wp-block-accordion-item {
10 /* Add transitions only for users who do not prefer reduced motion */
11 }
12 @media (prefers-reduced-motion: no-preference) {
13 .wp-block-accordion-item {
14 transition: grid-template-rows 0.3s ease-out;
15 }
16 .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
17 transition: transform 0.2s ease-in-out;
18 }
19 }
20
21 .wp-block-accordion-heading__toggle {
22 font-family: inherit;
23 font-size: inherit;
24 font-weight: inherit;
25 line-height: inherit;
26 letter-spacing: inherit;
27 text-transform: inherit;
28 text-decoration: inherit;
29 word-spacing: inherit;
30 font-style: inherit;
31 background: none;
32 border: none;
33 color: inherit;
34 padding: var(--wp--preset--spacing--20, 1em) 0;
35 cursor: pointer;
36 overflow: hidden;
37 display: flex;
38 align-items: center;
39 text-align: inherit;
40 width: 100%;
41 }
42 .wp-block-accordion-heading__toggle:not(:focus-visible) {
43 outline: none;
44 }
45 .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
46 text-decoration: underline;
47 }
48
49 .wp-block-accordion-heading__toggle-title {
50 flex: 1;
51 }
52
53 .wp-block-accordion-heading__toggle-icon {
54 width: 1.2em;
55 height: 1.2em;
56 display: flex;
57 align-items: center;
58 justify-content: center;
59 }
60
61 .wp-block-accordion-panel[hidden] {
62 border: none !important;
63 box-shadow: none !important;
64 margin-block-start: 0;
65 padding: 0 !important;
66 }
67
68 .wp-block-archives {
69 box-sizing: border-box;
70 }
71
72 .wp-block-archives-dropdown label {
73 display: block;
74 }
75
76 .wp-block-avatar {
77 box-sizing: border-box;
78 line-height: 0;
79 }
80 .wp-block-avatar img {
81 box-sizing: border-box;
82 }
83 .wp-block-avatar.aligncenter {
84 text-align: center;
85 }
86
87 /**
88 * Typography
89 */
90 /**
91 * SCSS Variables.
92 *
93 * Please use variables from this sheet to ensure consistency across the UI.
94 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
95 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
96 */
97 /**
98 * Colors
99 */
100 /**
101 * Fonts & basic variables.
102 */
103 /**
104 * Typography
105 */
106 /**
107 * Grid System.
108 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
109 */
110 /**
111 * Radius scale.
112 */
113 /**
114 * Elevation scale.
115 */
116 /**
117 * Dimensions.
118 */
119 /**
120 * Mobile specific styles
121 */
122 /**
123 * Editor styles.
124 */
125 /**
126 * Block & Editor UI.
127 */
128 /**
129 * Block paddings.
130 */
131 /**
132 * React Native specific.
133 * These variables do not appear to be used anywhere else.
134 */
135 /**
136 * Breakpoints & Media Queries
137 */
138 /**
139 * Converts a hex value into the rgb equivalent.
140 *
141 * @param {string} hex - the hexadecimal value to convert
142 * @return {string} comma separated rgb values
143 */
144 /**
145 * Long content fade mixin
146 *
147 * Creates a fading overlay to signify that the content is longer
148 * than the space allows.
149 */
150 /**
151 * Breakpoint mixins
152 */
153 /**
154 * Focus styles.
155 */
156 /**
157 * Standard focus rings for the WordPress Design System.
158 *
159 * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
160 * e.g. `&:focus { @include outset-ring__focus(); }`.
161 */
162 /**
163 * Applies editor left position to the selector passed as argument
164 */
165 /**
166 * Styles that are reused verbatim in a few places
167 */
168 /**
169 * Allows users to opt-out of animations via OS-level preferences.
170 */
171 /**
172 * Reset default styles for JavaScript UI based pages.
173 * This is a WP-admin agnostic reset
174 */
175 /**
176 * Reset the WP Admin page styles for Gutenberg-like pages.
177 */
178 /**
179 * Creates a checkerboard pattern background to indicate transparency.
180 * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
181 */
182 .wp-block-audio {
183 box-sizing: border-box;
184 }
185 .wp-block-audio :where(figcaption) {
186 margin-top: 0.5em;
187 margin-bottom: 1em;
188 }
189 .wp-block-audio audio {
190 width: 100%;
191 min-width: 300px;
192 }
193
194 .wp-block-breadcrumbs {
195 box-sizing: border-box;
196 }
197 .wp-block-breadcrumbs ol {
198 list-style: none;
199 margin: 0;
200 padding: 0;
201 display: flex;
202 flex-wrap: wrap;
203 align-items: center;
204 }
205 .wp-block-breadcrumbs li {
206 margin: 0;
207 padding: 0;
208 display: flex;
209 align-items: center;
210 }
211 .wp-block-breadcrumbs li:not(:last-child)::after {
212 content: var(--separator, "/")/"";
213 margin: 0 0.5em;
214 opacity: 0.7;
215 }
216 .wp-block-breadcrumbs span {
217 color: inherit;
218 }
219
220 .wp-block-button__link {
221 cursor: pointer;
222 display: inline-block;
223 text-align: center;
224 word-break: normal;
225 overflow-wrap: anywhere;
226 box-sizing: border-box;
227 height: 100%;
228 align-content: center;
229 }
230 .wp-block-button__link.aligncenter {
231 text-align: center;
232 }
233 .wp-block-button__link.alignright {
234 text-align: right;
235 }
236
237 :where(.wp-block-button__link) {
238 box-shadow: none;
239 text-decoration: none;
240 border-radius: 9999px;
241 padding: calc(0.667em + 2px) calc(1.333em + 2px);
242 }
243
244 .wp-block-button[style*=text-decoration] .wp-block-button__link {
245 text-decoration: inherit;
246 }
247
248 .wp-block-buttons > .wp-block-button.has-custom-width {
249 max-width: none;
250 }
251 .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
252 width: 100%;
253 }
254 .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
255 font-size: inherit;
256 }
257 .wp-block-buttons > .wp-block-button[class*=wp-block-button__width] {
258 width: calc(var(--wp--block-button--width) * 1% - var(--wp--style--block-gap, 0.5em) * (1 - var(--wp--block-button--width) / 100));
259 }
260 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
261 width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75);
262 }
263 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
264 width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
265 }
266 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
267 width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
268 }
269 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
270 width: 100%;
271 flex-basis: 100%;
272 }
273
274 .wp-block-buttons.is-vertical > .wp-block-button[class*=wp-block-button__width] {
275 width: calc(var(--wp--block-button--width) * 1%);
276 }
277 .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
278 width: 25%;
279 }
280 .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
281 width: 50%;
282 }
283 .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
284 width: 75%;
285 }
286
287 .wp-block-button.is-style-squared,
288 .wp-block-button__link.wp-block-button.is-style-squared {
289 border-radius: 0;
290 }
291
292 .wp-block-button.no-border-radius,
293 .wp-block-button__link.no-border-radius {
294 border-radius: 0 !important;
295 }
296
297 :root :where(.wp-block-button.is-style-outline > .wp-block-button__link),
298 :root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
299 border: 2px solid currentColor;
300 padding: 0.667em 1.333em;
301 }
302 :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
303 :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
304 color: currentColor;
305 }
306 :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
307 :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
308 background-color: transparent;
309 background-image: none;
310 }
311
312 .wp-block-buttons {
313 box-sizing: border-box;
314 }
315 .wp-block-buttons.is-vertical {
316 flex-direction: column;
317 }
318 .wp-block-buttons.is-vertical > .wp-block-button:last-child {
319 margin-bottom: 0;
320 }
321 .wp-block-buttons > .wp-block-button {
322 display: inline-block;
323 margin: 0;
324 }
325 .wp-block-buttons.is-content-justification-left {
326 justify-content: flex-start;
327 }
328 .wp-block-buttons.is-content-justification-left.is-vertical {
329 align-items: flex-start;
330 }
331 .wp-block-buttons.is-content-justification-center {
332 justify-content: center;
333 }
334 .wp-block-buttons.is-content-justification-center.is-vertical {
335 align-items: center;
336 }
337 .wp-block-buttons.is-content-justification-right {
338 justify-content: flex-end;
339 }
340 .wp-block-buttons.is-content-justification-right.is-vertical {
341 align-items: flex-end;
342 }
343 .wp-block-buttons.is-content-justification-space-between {
344 justify-content: space-between;
345 }
346 .wp-block-buttons.aligncenter {
347 text-align: center;
348 }
349 .wp-block-buttons {
350 /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
351 }
352 .wp-block-buttons:not(.is-content-justification-space-between,
353 .is-content-justification-right,
354 .is-content-justification-left,
355 .is-content-justification-center) .wp-block-button.aligncenter {
356 /* stylelint-enable @stylistic/indentation */
357 margin-right: auto;
358 margin-left: auto;
359 width: 100%;
360 }
361 .wp-block-buttons[style*=text-decoration] .wp-block-button,
362 .wp-block-buttons[style*=text-decoration] .wp-block-button__link {
363 text-decoration: inherit;
364 }
365 .wp-block-buttons.has-custom-font-size .wp-block-button__link {
366 font-size: inherit;
367 }
368 .wp-block-buttons .wp-block-button__link {
369 width: 100%;
370 }
371
372 .wp-block-button.aligncenter {
373 text-align: center;
374 }
375
376 .wp-block-calendar {
377 text-align: center;
378 }
379 .wp-block-calendar th,
380 .wp-block-calendar td {
381 padding: 0.25em;
382 border: 1px solid;
383 }
384 .wp-block-calendar th {
385 font-weight: 400;
386 }
387 .wp-block-calendar caption {
388 background-color: inherit;
389 }
390 .wp-block-calendar table {
391 width: 100%;
392 border-collapse: collapse;
393 }
394 .wp-block-calendar table.has-background th {
395 background-color: inherit;
396 }
397 .wp-block-calendar table.has-text-color th {
398 color: inherit;
399 }
400 .wp-block-calendar :where(table:not(.has-text-color)) {
401 color: #40464d;
402 }
403 .wp-block-calendar :where(table:not(.has-text-color)) th,
404 .wp-block-calendar :where(table:not(.has-text-color)) td {
405 border-color: #ddd;
406 }
407
408 :where(.wp-block-calendar table:not(.has-background) th) {
409 background: #ddd;
410 }
411
412 .wp-block-categories {
413 box-sizing: border-box;
414 }
415 .wp-block-categories.alignleft {
416 margin-right: 2em;
417 }
418 .wp-block-categories.alignright {
419 margin-left: 2em;
420 }
421 .wp-block-categories {
422 /* Only apply the text align on dropdowns, not lists. */
423 }
424 .wp-block-categories.wp-block-categories-dropdown.aligncenter {
425 text-align: center;
426 }
427
428 :where(.wp-block-categories__label:not(.screen-reader-text)) {
429 width: 100%;
430 display: block;
431 }
432
433 .wp-block-code {
434 box-sizing: border-box;
435 }
436 .wp-block-code code {
437 display: block;
438 font-family: inherit;
439 overflow-wrap: break-word;
440 white-space: break-spaces;
441 direction: ltr;
442 text-align: initial;
443 }
444
445 .wp-block-columns {
446 display: flex;
447 box-sizing: border-box;
448 flex-wrap: wrap !important;
449 }
450 @media (min-width: 782px) {
451 .wp-block-columns {
452 flex-wrap: nowrap !important;
453 }
454 }
455 .wp-block-columns {
456 align-items: initial !important;
457 /**
458 * All Columns Alignment
459 */
460 }
461 .wp-block-columns.are-vertically-aligned-top {
462 align-items: flex-start;
463 }
464 .wp-block-columns.are-vertically-aligned-center {
465 align-items: center;
466 }
467 .wp-block-columns.are-vertically-aligned-bottom {
468 align-items: flex-end;
469 }
470 @media (max-width: 781px) {
471 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
472 flex-basis: 100% !important;
473 }
474 }
475 @media (min-width: 782px) {
476 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
477 flex-basis: 0;
478 flex-grow: 1;
479 }
480 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
481 flex-grow: 0;
482 }
483 }
484 .wp-block-columns.is-not-stacked-on-mobile {
485 flex-wrap: nowrap !important;
486 }
487 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
488 flex-basis: 0;
489 flex-grow: 1;
490 }
491 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
492 flex-grow: 0;
493 }
494
495 :where(.wp-block-columns) {
496 margin-bottom: 1.75em;
497 }
498
499 :where(.wp-block-columns.has-background) {
500 padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
501 }
502
503 .wp-block-column {
504 flex-grow: 1;
505 min-width: 0;
506 word-break: normal;
507 overflow-wrap: break-word;
508 /**
509 * Individual Column Alignment
510 */
511 }
512 .wp-block-column.is-vertically-aligned-top {
513 align-self: flex-start;
514 }
515 .wp-block-column.is-vertically-aligned-center {
516 align-self: center;
517 }
518 .wp-block-column.is-vertically-aligned-bottom {
519 align-self: flex-end;
520 }
521 .wp-block-column.is-vertically-aligned-stretch {
522 align-self: stretch;
523 }
524 .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
525 width: 100%;
526 }
527
528 /* Styles for backwards compatibility with the legacy `post-comments` block */
529 .wp-block-post-comments {
530 box-sizing: border-box;
531 /* utility classes */
532 }
533 .wp-block-post-comments .alignleft {
534 float: right;
535 }
536 .wp-block-post-comments .alignright {
537 float: left;
538 }
539 .wp-block-post-comments {
540 /* end utility classes */
541 }
542 .wp-block-post-comments .navigation::after {
543 content: "";
544 display: table;
545 clear: both;
546 }
547 .wp-block-post-comments .commentlist {
548 clear: both;
549 list-style: none;
550 margin: 0;
551 padding: 0;
552 }
553 .wp-block-post-comments .commentlist .comment {
554 min-height: 2.25em;
555 padding-right: 3.25em;
556 }
557 .wp-block-post-comments .commentlist .comment p {
558 font-size: 1em;
559 line-height: 1.8;
560 margin: 1em 0;
561 }
562 .wp-block-post-comments .commentlist .children {
563 list-style: none;
564 margin: 0;
565 padding: 0;
566 }
567 .wp-block-post-comments .comment-author {
568 line-height: 1.5;
569 }
570 .wp-block-post-comments .comment-author .avatar {
571 border-radius: 1.5em;
572 display: block;
573 float: right;
574 height: 2.5em;
575 margin-top: 0.5em;
576 margin-left: 0.75em;
577 width: 2.5em;
578 }
579 .wp-block-post-comments .comment-author cite {
580 font-style: normal;
581 }
582 .wp-block-post-comments .comment-meta {
583 font-size: 0.875em;
584 line-height: 1.5;
585 }
586 .wp-block-post-comments .comment-meta b {
587 font-weight: 400;
588 }
589 .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
590 margin-top: 1em;
591 margin-bottom: 1em;
592 display: block;
593 }
594 .wp-block-post-comments .comment-body .commentmetadata {
595 font-size: 0.875em;
596 }
597 .wp-block-post-comments .comment-form textarea,
598 .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
599 display: block;
600 box-sizing: border-box;
601 width: 100%;
602 }
603 .wp-block-post-comments .comment-form-cookies-consent {
604 display: flex;
605 gap: 0.25em;
606 }
607 .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
608 margin-top: 0.35em;
609 }
610 .wp-block-post-comments .comment-reply-title {
611 margin-bottom: 0;
612 }
613 .wp-block-post-comments .comment-reply-title :where(small) {
614 font-size: var(--wp--preset--font-size--medium, smaller);
615 margin-right: 0.5em;
616 }
617 .wp-block-post-comments .reply {
618 font-size: 0.875em;
619 margin-bottom: 1.4em;
620 }
621 .wp-block-post-comments textarea,
622 .wp-block-post-comments input:not([type=submit]) {
623 border: 1px solid #949494;
624 font-size: 1em;
625 font-family: inherit;
626 }
627 .wp-block-post-comments textarea,
628 .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
629 padding: calc(0.667em + 2px);
630 }
631
632 :where(.wp-block-post-comments .comment-form-comment label),
633 :where(.wp-block-post-comments .comment-form-author label),
634 :where(.wp-block-post-comments .comment-form-email label),
635 :where(.wp-block-post-comments .comment-form-url label) {
636 display: block;
637 margin-bottom: 0.25em;
638 }
639
640 :where(.wp-block-post-comments input[type=submit]) {
641 border: none;
642 }
643
644 .wp-block-comments {
645 box-sizing: border-box;
646 }
647
648 .wp-block-comments-pagination > .wp-block-comments-pagination-next,
649 .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
650 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
651 font-size: inherit;
652 }
653 .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
654 margin-left: 1ch;
655 display: inline-block;
656 }
657 .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
658 transform: scaleX(-1);;
659 }
660 .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
661 margin-right: 1ch;
662 display: inline-block;
663 }
664 .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
665 transform: scaleX(-1);;
666 }
667 .wp-block-comments-pagination.aligncenter {
668 justify-content: center;
669 }
670
671 .wp-block-comment-template {
672 box-sizing: border-box;
673 margin-bottom: 0;
674 max-width: 100%;
675 list-style: none;
676 padding: 0;
677 }
678 .wp-block-comment-template li {
679 clear: both;
680 }
681 .wp-block-comment-template ol {
682 margin-bottom: 0;
683 max-width: 100%;
684 list-style: none;
685 padding-right: 2rem;
686 }
687 .wp-block-comment-template.alignleft {
688 float: right;
689 }
690 .wp-block-comment-template.aligncenter {
691 margin-right: auto;
692 margin-left: auto;
693 width: fit-content;
694 }
695 .wp-block-comment-template.alignright {
696 float: left;
697 }
698
699 .wp-block-comment-date {
700 box-sizing: border-box;
701 }
702
703 .comment-awaiting-moderation {
704 display: block;
705 font-size: 0.875em;
706 line-height: 1.5;
707 }
708
709 .wp-block-comment-content {
710 box-sizing: border-box;
711 }
712
713 .wp-block-comment-author-name {
714 box-sizing: border-box;
715 }
716
717 .wp-block-comment-edit-link {
718 box-sizing: border-box;
719 }
720
721 .wp-block-comment-reply-link {
722 box-sizing: border-box;
723 }
724
725 .wp-block-cover-image,
726 .wp-block-cover {
727 min-height: 430px;
728 padding: 1em;
729 position: relative;
730 background-position: center center;
731 display: flex;
732 justify-content: center;
733 align-items: center;
734 overflow: hidden;
735 overflow: clip;
736 box-sizing: border-box; direction: ltr;
737 /**
738 * Set a default background color for has-background-dim _unless_ it includes another
739 * background-color class (e.g. has-green-background-color). The presence of another
740 * background-color class implies that another style will provide the background color
741 * for the overlay.
742 *
743 * See:
744 * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545
745 * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
746 */
747 }
748 .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
749 .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
750 .wp-block-cover.has-background-dim:not([class*=-background-color]),
751 .wp-block-cover .has-background-dim:not([class*=-background-color]) {
752 background-color: #000;
753 }
754 .wp-block-cover-image .has-background-dim.has-background-gradient,
755 .wp-block-cover .has-background-dim.has-background-gradient {
756 background-color: transparent;
757 }
758 .wp-block-cover-image.has-background-dim::before,
759 .wp-block-cover.has-background-dim::before {
760 content: "";
761 background-color: inherit;
762 }
763 .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
764 .wp-block-cover-image .wp-block-cover__background,
765 .wp-block-cover-image .wp-block-cover__gradient-background,
766 .wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
767 .wp-block-cover .wp-block-cover__background,
768 .wp-block-cover .wp-block-cover__gradient-background {
769 position: absolute;
770 top: 0;
771 right: 0;
772 bottom: 0;
773 left: 0;
774 opacity: 0.5;
775 }
776 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
777 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
778 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
779 .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
780 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
781 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
782 opacity: 0.1;
783 }
784 .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
785 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
786 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
787 .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
788 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
789 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
790 opacity: 0.2;
791 }
792 .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
793 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
794 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
795 .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
796 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
797 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
798 opacity: 0.3;
799 }
800 .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
801 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
802 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
803 .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
804 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
805 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
806 opacity: 0.4;
807 }
808 .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
809 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
810 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
811 .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
812 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
813 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
814 opacity: 0.5;
815 }
816 .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
817 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
818 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
819 .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
820 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
821 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
822 opacity: 0.6;
823 }
824 .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
825 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
826 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
827 .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
828 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
829 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
830 opacity: 0.7;
831 }
832 .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
833 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
834 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
835 .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
836 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
837 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
838 opacity: 0.8;
839 }
840 .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
841 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
842 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
843 .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
844 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
845 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
846 opacity: 0.9;
847 }
848 .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
849 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
850 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
851 .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
852 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
853 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
854 opacity: 1;
855 }
856 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
857 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
858 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
859 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
860 opacity: 0;
861 }
862 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
863 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
864 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
865 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
866 opacity: 0.1;
867 }
868 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
869 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
870 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
871 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 {
872 opacity: 0.2;
873 }
874 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
875 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
876 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
877 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 {
878 opacity: 0.3;
879 }
880 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
881 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
882 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
883 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
884 opacity: 0.4;
885 }
886 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
887 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
888 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
889 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 {
890 opacity: 0.5;
891 }
892 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
893 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
894 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
895 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 {
896 opacity: 0.6;
897 }
898 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
899 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
900 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
901 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
902 opacity: 0.7;
903 }
904 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
905 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
906 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
907 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 {
908 opacity: 0.8;
909 }
910 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
911 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
912 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
913 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 {
914 opacity: 0.9;
915 }
916 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
917 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
918 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
919 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
920 opacity: 1;
921 }
922 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
923 .wp-block-cover.alignleft,
924 .wp-block-cover.alignright {
925 max-width: 420px;
926 width: 100%;
927 }
928 .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
929 .wp-block-cover.aligncenter,
930 .wp-block-cover.alignleft,
931 .wp-block-cover.alignright {
932 display: flex;
933 }
934 .wp-block-cover-image .wp-block-cover__inner-container,
935 .wp-block-cover .wp-block-cover__inner-container {
936 position: relative;
937 width: 100%;
938 color: inherit; direction: rtl;
939 }
940 .wp-block-cover-image.is-position-top-left,
941 .wp-block-cover.is-position-top-left {
942 align-items: flex-start;
943 justify-content: flex-start;
944 }
945 .wp-block-cover-image.is-position-top-center,
946 .wp-block-cover.is-position-top-center {
947 align-items: flex-start;
948 justify-content: center;
949 }
950 .wp-block-cover-image.is-position-top-right,
951 .wp-block-cover.is-position-top-right {
952 align-items: flex-start;
953 justify-content: flex-end;
954 }
955 .wp-block-cover-image.is-position-center-left,
956 .wp-block-cover.is-position-center-left {
957 align-items: center;
958 justify-content: flex-start;
959 }
960 .wp-block-cover-image.is-position-center-center,
961 .wp-block-cover.is-position-center-center {
962 align-items: center;
963 justify-content: center;
964 }
965 .wp-block-cover-image.is-position-center-right,
966 .wp-block-cover.is-position-center-right {
967 align-items: center;
968 justify-content: flex-end;
969 }
970 .wp-block-cover-image.is-position-bottom-left,
971 .wp-block-cover.is-position-bottom-left {
972 align-items: flex-end;
973 justify-content: flex-start;
974 }
975 .wp-block-cover-image.is-position-bottom-center,
976 .wp-block-cover.is-position-bottom-center {
977 align-items: flex-end;
978 justify-content: center;
979 }
980 .wp-block-cover-image.is-position-bottom-right,
981 .wp-block-cover.is-position-bottom-right {
982 align-items: flex-end;
983 justify-content: flex-end;
984 }
985 .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
986 .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
987 margin: 0;
988 }
989 .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,
990 .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,
991 .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,
992 .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,
993 .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,
994 .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,
995 .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container {
996 margin: 0;
997 width: auto;
998 }
999 .wp-block-cover-image .wp-block-cover__image-background,
1000 .wp-block-cover-image video.wp-block-cover__video-background,
1001 .wp-block-cover .wp-block-cover__image-background,
1002 .wp-block-cover video.wp-block-cover__video-background {
1003 position: absolute;
1004 top: 0;
1005 right: 0;
1006 left: 0;
1007 bottom: 0;
1008 margin: 0;
1009 padding: 0;
1010 width: 100%;
1011 height: 100%;
1012 max-width: none;
1013 max-height: none;
1014 object-fit: cover;
1015 outline: none;
1016 border: none;
1017 box-shadow: none;
1018 }
1019 @supports (-webkit-hyphens: none) {
1020 .wp-block-cover-image.has-aspect-ratio,
1021 .wp-block-cover.has-aspect-ratio {
1022 min-height: fit-content !important;
1023 }
1024 }
1025 .wp-block-cover-image .wp-block-cover__embed-background,
1026 .wp-block-cover .wp-block-cover__embed-background {
1027 position: absolute;
1028 top: 0;
1029 right: 0;
1030 left: 0;
1031 bottom: 0;
1032 margin: 0;
1033 padding: 0;
1034 width: 100%;
1035 height: 100%;
1036 max-width: none;
1037 max-height: none;
1038 outline: none;
1039 border: none;
1040 box-shadow: none;
1041 pointer-events: none;
1042 }
1043 .wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
1044 .wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
1045 position: absolute;
1046 top: 0;
1047 right: 0;
1048 left: 0;
1049 bottom: 0;
1050 margin: 0;
1051 padding: 0;
1052 width: 100%;
1053 height: 100%;
1054 }
1055 .wp-block-cover-image .wp-block-cover__embed-background iframe,
1056 .wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
1057 .wp-block-cover .wp-block-cover__embed-background iframe,
1058 .wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
1059 position: absolute;
1060 top: 50%;
1061 right: 50%;
1062 width: 100vw;
1063 height: 100vh;
1064 min-width: 100%;
1065 min-height: 100%;
1066 transform: translate(50%, -50%);
1067 pointer-events: none;
1068 }
1069
1070 .wp-block-cover-image.has-parallax,
1071 .wp-block-cover.has-parallax,
1072 .wp-block-cover__image-background.has-parallax,
1073 video.wp-block-cover__video-background.has-parallax {
1074 background-attachment: fixed;
1075 background-size: cover;
1076 background-repeat: no-repeat;
1077 }
1078 @supports (-webkit-touch-callout: inherit) {
1079 .wp-block-cover-image.has-parallax,
1080 .wp-block-cover.has-parallax,
1081 .wp-block-cover__image-background.has-parallax,
1082 video.wp-block-cover__video-background.has-parallax {
1083 background-attachment: scroll;
1084 }
1085 }
1086 @media (prefers-reduced-motion: reduce) {
1087 .wp-block-cover-image.has-parallax,
1088 .wp-block-cover.has-parallax,
1089 .wp-block-cover__image-background.has-parallax,
1090 video.wp-block-cover__video-background.has-parallax {
1091 background-attachment: scroll;
1092 }
1093 }
1094 .wp-block-cover-image.is-repeated,
1095 .wp-block-cover.is-repeated,
1096 .wp-block-cover__image-background.is-repeated,
1097 video.wp-block-cover__video-background.is-repeated {
1098 background-repeat: repeat;
1099 background-size: auto;
1100 }
1101
1102 section.wp-block-cover-image h2,
1103 .wp-block-cover-image-text,
1104 .wp-block-cover-text {
1105 color: #fff;
1106 }
1107 section.wp-block-cover-image h2 a,
1108 section.wp-block-cover-image h2 a:hover,
1109 section.wp-block-cover-image h2 a:focus,
1110 section.wp-block-cover-image h2 a:active,
1111 .wp-block-cover-image-text a,
1112 .wp-block-cover-image-text a:hover,
1113 .wp-block-cover-image-text a:focus,
1114 .wp-block-cover-image-text a:active,
1115 .wp-block-cover-text a,
1116 .wp-block-cover-text a:hover,
1117 .wp-block-cover-text a:focus,
1118 .wp-block-cover-text a:active {
1119 color: #fff;
1120 }
1121
1122 .wp-block-cover-image .wp-block-cover.has-left-content {
1123 justify-content: flex-start;
1124 }
1125 .wp-block-cover-image .wp-block-cover.has-right-content {
1126 justify-content: flex-end;
1127 }
1128
1129 section.wp-block-cover-image.has-left-content > h2,
1130 .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
1131 .wp-block-cover.has-left-content .wp-block-cover-text {
1132 margin-right: 0;
1133 text-align: right;
1134 }
1135
1136 section.wp-block-cover-image.has-right-content > h2,
1137 .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
1138 .wp-block-cover.has-right-content .wp-block-cover-text {
1139 margin-left: 0;
1140 text-align: left;
1141 }
1142
1143 section.wp-block-cover-image > h2,
1144 .wp-block-cover-image .wp-block-cover-image-text,
1145 .wp-block-cover .wp-block-cover-text {
1146 font-size: 2em;
1147 line-height: 1.25;
1148 z-index: 1;
1149 margin-bottom: 0;
1150 max-width: 840px;
1151 padding: 0.44em;
1152 text-align: center;
1153 }
1154
1155 :where(.wp-block-cover:not(.has-text-color)),
1156 :where(.wp-block-cover-image:not(.has-text-color)) {
1157 color: #fff;
1158 }
1159
1160 :where(.wp-block-cover.is-light:not(.has-text-color)),
1161 :where(.wp-block-cover-image.is-light:not(.has-text-color)) {
1162 color: #000;
1163 }
1164
1165 :root :where(.wp-block-cover p:not(.has-text-color)),
1166 :root :where(.wp-block-cover h1:not(.has-text-color)),
1167 :root :where(.wp-block-cover h2:not(.has-text-color)),
1168 :root :where(.wp-block-cover h3:not(.has-text-color)),
1169 :root :where(.wp-block-cover h4:not(.has-text-color)),
1170 :root :where(.wp-block-cover h5:not(.has-text-color)),
1171 :root :where(.wp-block-cover h6:not(.has-text-color)) {
1172 color: inherit;
1173 }
1174
1175 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
1176 z-index: 0;
1177 }
1178 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
1179 z-index: 0;
1180 }
1181 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
1182 z-index: 0;
1183 }
1184 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
1185 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
1186 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
1187 z-index: 1;
1188 }
1189 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
1190 z-index: 1;
1191 }
1192 .has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
1193 z-index: auto;
1194 }
1195
1196 .wp-block-details {
1197 box-sizing: border-box;
1198 }
1199
1200 .wp-block-details summary {
1201 cursor: pointer;
1202 }
1203
1204 .wp-block[data-align=left] > [data-type="core/embed"],
1205 .wp-block[data-align=right] > [data-type="core/embed"],
1206 .wp-block-embed.alignleft,
1207 .wp-block-embed.alignright {
1208 max-width: 360px;
1209 width: 100%;
1210 }
1211 .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
1212 .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper,
1213 .wp-block-embed.alignleft .wp-block-embed__wrapper,
1214 .wp-block-embed.alignright .wp-block-embed__wrapper {
1215 min-width: 280px;
1216 }
1217
1218 .wp-block-cover .wp-block-embed {
1219 min-width: 320px;
1220 min-height: 240px;
1221 }
1222
1223 .wp-block-group.is-layout-flex .wp-block-embed {
1224 flex: 1 1 0%;
1225 min-width: 0;
1226 }
1227
1228 .wp-block-embed {
1229 overflow-wrap: break-word;
1230 }
1231 .wp-block-embed :where(figcaption) {
1232 margin-top: 0.5em;
1233 margin-bottom: 1em;
1234 }
1235 .wp-block-embed iframe {
1236 max-width: 100%;
1237 }
1238
1239 .wp-block-embed__wrapper {
1240 position: relative;
1241 }
1242
1243 .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {
1244 content: "";
1245 display: block;
1246 padding-top: 50%;
1247 }
1248 .wp-embed-responsive .wp-has-aspect-ratio iframe {
1249 position: absolute;
1250 top: 0;
1251 left: 0;
1252 bottom: 0;
1253 right: 0;
1254 height: 100%;
1255 width: 100%;
1256 }
1257
1258 .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
1259 padding-top: 42.85%;
1260 }
1261 .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
1262 padding-top: 50%;
1263 }
1264 .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
1265 padding-top: 56.25%;
1266 }
1267 .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
1268 padding-top: 75%;
1269 }
1270 .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
1271 padding-top: 100%;
1272 }
1273 .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
1274 padding-top: 177.77%;
1275 }
1276 .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
1277 padding-top: 200%;
1278 }
1279
1280 .wp-block-file {
1281 box-sizing: border-box;
1282 }
1283 .wp-block-file:not(.wp-element-button) {
1284 font-size: 0.8em;
1285 }
1286 .wp-block-file.aligncenter {
1287 text-align: center;
1288 }
1289 .wp-block-file.alignright {
1290 text-align: right;
1291 }
1292 .wp-block-file * + .wp-block-file__button {
1293 margin-right: 0.75em;
1294 }
1295
1296 :where(.wp-block-file) {
1297 margin-bottom: 1.5em;
1298 }
1299
1300 .wp-block-file__embed {
1301 margin-bottom: 1em;
1302 }
1303
1304 :where(.wp-block-file__button) {
1305 border-radius: 2em;
1306 padding: 0.5em 1em;
1307 display: inline-block;
1308 }
1309 :where(.wp-block-file__button):where(a):hover, :where(.wp-block-file__button):where(a):visited, :where(.wp-block-file__button):where(a):focus, :where(.wp-block-file__button):where(a):active {
1310 box-shadow: none;
1311 color: #fff;
1312 opacity: 0.85;
1313 text-decoration: none;
1314 }
1315
1316 .wp-block-gallery:not(.has-nested-images),
1317 .blocks-gallery-grid:not(.has-nested-images) {
1318 display: flex;
1319 flex-wrap: wrap;
1320 list-style-type: none;
1321 padding: 0;
1322 margin: 0;
1323 }
1324 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
1325 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
1326 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
1327 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
1328 margin: 0 0 1em 1em;
1329 display: flex;
1330 flex-grow: 1;
1331 flex-direction: column;
1332 justify-content: center;
1333 position: relative;
1334 width: calc(50% - 1em);
1335 }
1336 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
1337 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
1338 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
1339 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
1340 margin-left: 0;
1341 }
1342 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
1343 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
1344 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
1345 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
1346 margin: 0;
1347 height: 100%;
1348 display: flex;
1349 align-items: flex-end;
1350 justify-content: flex-start;
1351 }
1352 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
1353 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
1354 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
1355 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
1356 display: block;
1357 max-width: 100%;
1358 height: auto;
1359 width: auto;
1360 }
1361 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
1362 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
1363 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
1364 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
1365 position: absolute;
1366 bottom: 0;
1367 width: 100%;
1368 max-height: 100%;
1369 overflow: auto;
1370 padding: 3em 0.77em 0.7em;
1371 color: #fff;
1372 text-align: center;
1373 font-size: 0.8em;
1374 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
1375 box-sizing: border-box;
1376 margin: 0;
1377 z-index: 2;
1378 }
1379 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
1380 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
1381 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
1382 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
1383 display: inline;
1384 }
1385 .wp-block-gallery:not(.has-nested-images) figcaption,
1386 .blocks-gallery-grid:not(.has-nested-images) figcaption {
1387 flex-grow: 1;
1388 }
1389 .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
1390 .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
1391 .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
1392 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
1393 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
1394 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
1395 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
1396 width: 100%;
1397 height: 100%;
1398 flex: 1;
1399 object-fit: cover;
1400 }
1401 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
1402 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
1403 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
1404 width: 100%;
1405 margin-left: 0;
1406 }
1407 @media (min-width: 600px) {
1408 .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
1409 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
1410 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
1411 width: calc(33.3333333333% - 0.6666666667em);
1412 margin-left: 1em;
1413 }
1414 .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
1415 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
1416 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
1417 width: calc(25% - 0.75em);
1418 margin-left: 1em;
1419 }
1420 .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
1421 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
1422 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
1423 width: calc(20% - 0.8em);
1424 margin-left: 1em;
1425 }
1426 .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
1427 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
1428 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
1429 width: calc(16.6666666667% - 0.8333333333em);
1430 margin-left: 1em;
1431 }
1432 .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
1433 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
1434 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
1435 width: calc(14.2857142857% - 0.8571428571em);
1436 margin-left: 1em;
1437 }
1438 .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
1439 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
1440 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
1441 width: calc(12.5% - 0.875em);
1442 margin-left: 1em;
1443 }
1444 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
1445 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
1446 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
1447 margin-left: 0;
1448 }
1449 .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
1450 .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
1451 .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
1452 margin-left: 0;
1453 }
1454 .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
1455 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
1456 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
1457 margin-left: 0;
1458 }
1459 .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
1460 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
1461 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
1462 margin-left: 0;
1463 }
1464 .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
1465 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
1466 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
1467 margin-left: 0;
1468 }
1469 .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
1470 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
1471 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
1472 margin-left: 0;
1473 }
1474 .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
1475 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
1476 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
1477 margin-left: 0;
1478 }
1479 .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
1480 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
1481 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
1482 margin-left: 0;
1483 }
1484 }
1485 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
1486 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
1487 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
1488 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
1489 margin-left: 0;
1490 }
1491 .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
1492 .blocks-gallery-grid:not(.has-nested-images).alignleft,
1493 .blocks-gallery-grid:not(.has-nested-images).alignright {
1494 max-width: 420px;
1495 width: 100%;
1496 }
1497 .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
1498 .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
1499 justify-content: center;
1500 }
1501
1502 .wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
1503 align-self: flex-start;
1504 }
1505
1506 figure.wp-block-gallery.has-nested-images:where(.is-layout-flex) {
1507 align-items: normal;
1508 }
1509
1510 .wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image:not(#individual-image) {
1511 width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
1512 margin: 0;
1513 }
1514 .wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image {
1515 display: flex;
1516 flex-grow: 1;
1517 justify-content: center;
1518 flex-direction: column;
1519 max-width: 100%;
1520 box-sizing: border-box;
1521 }
1522 .wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > div,
1523 .wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > a {
1524 margin: 0;
1525 flex-direction: column;
1526 flex-grow: 1;
1527 }
1528 .wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image img {
1529 display: block;
1530 height: auto;
1531 max-width: 100% !important;
1532 width: auto;
1533 }
1534 .wp-block-gallery.has-nested-images:where(.is-layout-flex) figcaption {
1535 flex-grow: 1;
1536 flex-basis: 100%;
1537 text-align: center;
1538 }
1539 .wp-block-gallery.has-nested-images:where(.is-layout-flex):not(.is-cropped) figure.wp-block-image:not(#individual-image) {
1540 margin-top: 0;
1541 margin-bottom: auto;
1542 }
1543 .wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) {
1544 align-self: inherit;
1545 }
1546 .wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
1547 .wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > a {
1548 display: flex;
1549 }
1550 .wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) a,
1551 .wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) img {
1552 width: 100%;
1553 flex: 1 0 0%;
1554 height: 100%;
1555 object-fit: cover;
1556 }
1557 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-1 figure.wp-block-image:not(#individual-image) {
1558 width: 100%;
1559 }
1560 @media (min-width: 600px) {
1561 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-3 figure.wp-block-image:not(#individual-image) {
1562 width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1563 }
1564 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-4 figure.wp-block-image:not(#individual-image) {
1565 width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
1566 }
1567 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-5 figure.wp-block-image:not(#individual-image) {
1568 width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
1569 }
1570 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-6 figure.wp-block-image:not(#individual-image) {
1571 width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
1572 }
1573 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-7 figure.wp-block-image:not(#individual-image) {
1574 width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
1575 }
1576 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-8 figure.wp-block-image:not(#individual-image) {
1577 width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
1578 }
1579 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image) {
1580 width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1581 }
1582 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
1583 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
1584 width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
1585 }
1586 .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
1587 width: 100%;
1588 }
1589 }
1590 .wp-block-gallery.has-nested-images:where(.is-layout-flex).alignleft, .wp-block-gallery.has-nested-images:where(.is-layout-flex).alignright {
1591 max-width: 420px;
1592 width: 100%;
1593 }
1594 .wp-block-gallery.has-nested-images:where(.is-layout-flex).aligncenter {
1595 justify-content: center;
1596 }
1597
1598 .wp-block-gallery.has-nested-images figure.wp-block-image {
1599 position: relative;
1600 margin: 0;
1601 }
1602 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
1603 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1604 position: absolute;
1605 bottom: 0;
1606 left: 0;
1607 right: 0;
1608 max-height: 100%;
1609 }
1610 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
1611 content: "";
1612 height: 100%;
1613 max-height: 3em;
1614 pointer-events: none;
1615 backdrop-filter: blur(3px);
1616 mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1617 }
1618 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1619 color: #fff;
1620 text-shadow: 0 0 1.5px #000;
1621 font-size: 13px;
1622 margin: 0;
1623 overflow: auto;
1624 padding: 1em;
1625 text-align: center;
1626 box-sizing: border-box;
1627 }
1628 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
1629 width: 12px;
1630 height: 12px;
1631 }
1632 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track {
1633 background-color: transparent;
1634 }
1635 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb {
1636 background-color: transparent;
1637 border-radius: 8px;
1638 border: 3px solid transparent;
1639 background-clip: padding-box;
1640 }
1641 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb {
1642 background-color: rgba(255, 255, 255, 0.8);
1643 }
1644 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1645 scrollbar-width: thin;
1646 scrollbar-gutter: stable both-edges;
1647 scrollbar-color: transparent transparent;
1648 }
1649 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within {
1650 scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
1651 }
1652 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1653 will-change: transform;
1654 }
1655 @media (hover: none) {
1656 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1657 scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
1658 }
1659 }
1660 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1661 background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
1662 }
1663 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
1664 display: inline;
1665 }
1666 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
1667 color: inherit;
1668 }
1669 .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
1670 box-sizing: border-box;
1671 }
1672 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
1673 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div,
1674 .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a {
1675 flex: 1 1 auto;
1676 }
1677 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption {
1678 flex: initial;
1679 background: none;
1680 color: inherit;
1681 margin: 0;
1682 padding: 10px 10px 9px;
1683 position: relative;
1684 text-shadow: none;
1685 }
1686 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before {
1687 content: none;
1688 }
1689
1690 :where(.wp-block-gallery.has-nested-images.is-layout-grid) > .blocks-gallery-caption {
1691 grid-column: 1/-1;
1692 text-align: center;
1693 }
1694
1695 .wp-block-group {
1696 box-sizing: border-box;
1697 }
1698
1699 :where(.wp-block-group.wp-block-group-is-layout-constrained) {
1700 position: relative;
1701 }
1702
1703 h1:where(.wp-block-heading).has-background,
1704 h2:where(.wp-block-heading).has-background,
1705 h3:where(.wp-block-heading).has-background,
1706 h4:where(.wp-block-heading).has-background,
1707 h5:where(.wp-block-heading).has-background,
1708 h6:where(.wp-block-heading).has-background {
1709 padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
1710 }
1711 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1712 h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1713 h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1714 h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1715 h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1716 h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1717 h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1718 h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1719 h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1720 h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1721 h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
1722 rotate: 180deg;
1723 }
1724
1725 /**
1726 * Editor and frontend styles for the Icon Block.
1727 */
1728 /* Icon Block styles. */
1729 .wp-block-icon {
1730 line-height: 0;
1731 }
1732 .wp-block-icon.aligncenter {
1733 display: flex;
1734 justify-content: center;
1735 }
1736 .wp-block-icon svg {
1737 box-sizing: border-box;
1738 fill: currentColor;
1739 }
1740 .wp-block-icon svg.is-flip-horizontal {
1741 transform: scaleX(-1);
1742 }
1743 .wp-block-icon svg.is-flip-vertical {
1744 transform: scaleY(-1);
1745 }
1746 .wp-block-icon svg.is-flip-horizontal.is-flip-vertical {
1747 transform: scaleX(-1) scaleY(-1);
1748 }
1749
1750 :where(.wp-block-icon) svg {
1751 width: 100%;
1752 height: 100%;
1753 }
1754 :where(.wp-block-icon) svg :where(path, rect, circle, ellipse, line, polygon, polyline) {
1755 vector-effect: none;
1756 }
1757
1758 .wp-block-image > a,
1759 .wp-block-image > figure > a {
1760 display: inline-block;
1761 color: inherit;
1762 }
1763 .wp-block-image img {
1764 height: auto;
1765 max-width: 100%;
1766 vertical-align: bottom;
1767 box-sizing: border-box;
1768 }
1769 @media not (prefers-reduced-motion) {
1770 .wp-block-image img.hide {
1771 visibility: hidden;
1772 }
1773 .wp-block-image img.show {
1774 animation: show-content-image 0.4s;
1775 }
1776 }
1777 .wp-block-image[style*=border-radius] > a,
1778 .wp-block-image[style*=border-radius] img {
1779 border-radius: inherit;
1780 }
1781 .wp-block-image.has-custom-border img {
1782 box-sizing: border-box;
1783 }
1784 .wp-block-image.aligncenter {
1785 text-align: center;
1786 }
1787 .wp-block-image.alignfull > a, .wp-block-image.alignwide > a {
1788 width: 100%;
1789 }
1790 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
1791 height: auto;
1792 width: 100%;
1793 }
1794 .wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter,
1795 .wp-block-image .alignleft,
1796 .wp-block-image .alignright,
1797 .wp-block-image .aligncenter {
1798 display: table;
1799 }
1800 .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption,
1801 .wp-block-image .alignleft > figcaption,
1802 .wp-block-image .alignright > figcaption,
1803 .wp-block-image .aligncenter > figcaption {
1804 display: table-caption;
1805 caption-side: bottom;
1806 }
1807 .wp-block-image .alignleft {
1808 float: left;
1809 margin-left: 0;
1810 margin-right: 1em;
1811 margin-top: 0.5em;
1812 margin-bottom: 0.5em;
1813 }
1814 .wp-block-image .alignright {
1815 float: right;
1816 margin-right: 0;
1817 margin-left: 1em;
1818 margin-top: 0.5em;
1819 margin-bottom: 0.5em;
1820 }
1821 .wp-block-image .aligncenter {
1822 margin-right: auto;
1823 margin-left: auto;
1824 }
1825 .wp-block-image :where(figcaption) {
1826 margin-top: 0.5em;
1827 margin-bottom: 1em;
1828 }
1829 .wp-block-image.is-style-circle-mask img {
1830 border-radius: 9999px;
1831 }
1832 @supports (mask-image: none) or (-webkit-mask-image: none) {
1833 .wp-block-image.is-style-circle-mask img {
1834 mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
1835 mask-mode: alpha;
1836 mask-repeat: no-repeat;
1837 mask-size: contain;
1838 mask-position: center;
1839 border-radius: 0;
1840 }
1841 }
1842
1843 :root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
1844 border-radius: 9999px;
1845 }
1846
1847 .wp-block-image figure {
1848 margin: 0;
1849 }
1850
1851 .wp-lightbox-container {
1852 position: relative;
1853 display: flex;
1854 flex-direction: column;
1855 }
1856 .wp-lightbox-container img {
1857 cursor: zoom-in;
1858 }
1859 .wp-lightbox-container img:hover + button {
1860 opacity: 1;
1861 }
1862 .wp-lightbox-container button {
1863 opacity: 0;
1864 border: none;
1865 background-color: rgba(90, 90, 90, 0.25);
1866 backdrop-filter: blur(16px) saturate(180%);
1867 cursor: zoom-in;
1868 display: flex;
1869 justify-content: center;
1870 align-items: center;
1871 width: 20px;
1872 height: 20px;
1873 position: absolute;
1874 z-index: 100;
1875 top: 16px;
1876 left: 16px;
1877 text-align: center;
1878 padding: 0;
1879 border-radius: 4px;
1880 }
1881 @media not (prefers-reduced-motion) {
1882 .wp-lightbox-container button {
1883 transition: opacity 0.2s ease;
1884 }
1885 }
1886 .wp-lightbox-container button:focus-visible {
1887 outline: 3px auto rgba(90, 90, 90, 0.25);
1888 outline: 3px auto -webkit-focus-ring-color;
1889 outline-offset: 3px;
1890 }
1891 .wp-lightbox-container button:hover {
1892 cursor: pointer;
1893 opacity: 1;
1894 }
1895 .wp-lightbox-container button:focus {
1896 opacity: 1;
1897 }
1898 .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
1899 background-color: rgba(90, 90, 90, 0.25);
1900 border: none;
1901 }
1902
1903 .wp-lightbox-overlay {
1904 position: fixed;
1905 top: 0;
1906 right: 0;
1907 z-index: 100000;
1908 overflow: hidden;
1909 width: 100%;
1910 height: 100vh;
1911 box-sizing: border-box;
1912 visibility: hidden;
1913 cursor: zoom-out;
1914 }
1915 .wp-lightbox-overlay .wp-lightbox-close-button {
1916 font-family: inherit;
1917 position: absolute;
1918 top: calc(env(safe-area-inset-top) + 16px);
1919 left: calc(env(safe-area-inset-left) + 16px);
1920 padding: 0 4px;
1921 cursor: pointer;
1922 z-index: 5000000;
1923 min-width: 40px;
1924 min-height: 40px;
1925 display: flex;
1926 gap: 8px;
1927 align-items: center;
1928 justify-content: center;
1929 line-height: 1;
1930 }
1931 .wp-lightbox-overlay .wp-lightbox-close-button:hover, .wp-lightbox-overlay .wp-lightbox-close-button:focus, .wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background) {
1932 background: none;
1933 border: none;
1934 }
1935 .wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg {
1936 height: 1em;
1937 width: 1em;
1938 }
1939 .wp-lightbox-overlay .wp-lightbox-close-icon svg {
1940 display: block;
1941 }
1942 .wp-lightbox-overlay .wp-lightbox-navigation-button-prev,
1943 .wp-lightbox-overlay .wp-lightbox-navigation-button-next {
1944 position: absolute;
1945 padding: 0 8px;
1946 z-index: 2000002;
1947 font-family: inherit;
1948 min-width: 40px;
1949 min-height: 40px;
1950 gap: 4px;
1951 display: flex;
1952 cursor: pointer;
1953 align-items: center;
1954 justify-content: center;
1955 bottom: 16px;
1956 line-height: 1;
1957 }
1958 .wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden],
1959 .wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden] {
1960 display: none;
1961 }
1962 @media (min-width: 960px) {
1963 .wp-lightbox-overlay .wp-lightbox-navigation-button-prev,
1964 .wp-lightbox-overlay .wp-lightbox-navigation-button-next {
1965 bottom: 50%;
1966 transform: translateY(-50%);
1967 }
1968 }
1969 .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover, .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus, .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background),
1970 .wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,
1971 .wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,
1972 .wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background) {
1973 background: none;
1974 border: none;
1975 padding: 0 8px;
1976 }
1977 .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,
1978 .wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg {
1979 width: 1.5em;
1980 height: 1.5em;
1981 display: block;
1982 }
1983 .wp-lightbox-overlay .wp-lightbox-navigation-button-prev {
1984 right: calc(env(safe-area-inset-right) + 16px);
1985 }
1986 .wp-lightbox-overlay .wp-lightbox-navigation-button-next {
1987 left: calc(env(safe-area-inset-left) + 16px);
1988 }
1989 .wp-lightbox-overlay .wp-lightbox-navigation-icon svg {
1990 vertical-align: middle;
1991 }
1992 .wp-lightbox-overlay .lightbox-image-container {
1993 position: absolute;
1994 overflow: hidden;
1995 top: 50%;
1996 right: 50%;
1997 transform-origin: top right;
1998 transform: translate(50%, -50%);
1999 width: var(--wp--lightbox-container-width);
2000 height: var(--wp--lightbox-container-height);
2001 z-index: 2000001;
2002 }
2003 .wp-lightbox-overlay .wp-block-image {
2004 position: relative;
2005 transform-origin: 100% 0;
2006 display: flex;
2007 width: 100%;
2008 height: 100%;
2009 justify-content: center;
2010 align-items: center;
2011 box-sizing: border-box;
2012 z-index: 3000000;
2013 margin: 0;
2014 }
2015 .wp-lightbox-overlay .wp-block-image img {
2016 min-width: var(--wp--lightbox-image-width);
2017 min-height: var(--wp--lightbox-image-height);
2018 width: var(--wp--lightbox-image-width);
2019 height: var(--wp--lightbox-image-height);
2020 }
2021 .wp-lightbox-overlay .wp-block-image figcaption {
2022 display: none;
2023 }
2024 .wp-lightbox-overlay button {
2025 border: none;
2026 background: none;
2027 }
2028 .wp-lightbox-overlay .scrim {
2029 width: 100%;
2030 height: 100%;
2031 position: absolute;
2032 z-index: 2000000;
2033 background-color: rgb(255, 255, 255);
2034 opacity: 0.9;
2035 }
2036 .wp-lightbox-overlay.active {
2037 visibility: visible;
2038 }
2039 @media not (prefers-reduced-motion) {
2040 .wp-lightbox-overlay.active {
2041 animation: both turn-on-visibility 0.25s;
2042 }
2043 }
2044 @media not (prefers-reduced-motion) {
2045 .wp-lightbox-overlay.active img {
2046 animation: both turn-on-visibility 0.35s;
2047 }
2048 }
2049 @media not (prefers-reduced-motion) {
2050 .wp-lightbox-overlay.show-closing-animation:not(.active) {
2051 animation: both turn-off-visibility 0.35s;
2052 }
2053 }
2054 @media not (prefers-reduced-motion) {
2055 .wp-lightbox-overlay.show-closing-animation:not(.active) img {
2056 animation: both turn-off-visibility 0.25s;
2057 }
2058 }
2059 @media not (prefers-reduced-motion) {
2060 .wp-lightbox-overlay.zoom.active {
2061 opacity: 1;
2062 visibility: visible;
2063 animation: none;
2064 }
2065 .wp-lightbox-overlay.zoom.active .lightbox-image-container {
2066 animation: lightbox-zoom-in 0.4s;
2067 }
2068 .wp-lightbox-overlay.zoom.active .lightbox-image-container img {
2069 animation: none;
2070 }
2071 .wp-lightbox-overlay.zoom.active .scrim {
2072 animation: turn-on-visibility 0.4s forwards;
2073 }
2074 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) {
2075 animation: none;
2076 }
2077 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container {
2078 animation: lightbox-zoom-out 0.4s;
2079 }
2080 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img {
2081 animation: none;
2082 }
2083 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim {
2084 animation: turn-off-visibility 0.4s forwards;
2085 }
2086 }
2087
2088 @keyframes show-content-image {
2089 0% {
2090 visibility: hidden;
2091 }
2092 99% {
2093 visibility: hidden;
2094 }
2095 100% {
2096 visibility: visible;
2097 }
2098 }
2099 @keyframes turn-on-visibility {
2100 0% {
2101 opacity: 0;
2102 }
2103 100% {
2104 opacity: 1;
2105 }
2106 }
2107 @keyframes turn-off-visibility {
2108 0% {
2109 opacity: 1;
2110 visibility: visible;
2111 }
2112 99% {
2113 opacity: 0;
2114 visibility: visible;
2115 }
2116 100% {
2117 opacity: 0;
2118 visibility: hidden;
2119 }
2120 }
2121 @keyframes lightbox-zoom-in {
2122 0% {
2123 transform: translate(calc(-1*((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position))), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
2124 }
2125 100% {
2126 transform: translate(50%, -50%) scale(1, 1);
2127 }
2128 }
2129 @keyframes lightbox-zoom-out {
2130 0% {
2131 visibility: visible;
2132 transform: translate(50%, -50%) scale(1, 1);
2133 }
2134 99% {
2135 visibility: visible;
2136 }
2137 100% {
2138 visibility: hidden;
2139 transform: translate(calc(-1*((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position))), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
2140 }
2141 }
2142 :where(.wp-block-latest-comments) {
2143 padding-right: 0;
2144 }
2145
2146 ol.wp-block-latest-comments {
2147 margin-right: 0;
2148 box-sizing: border-box;
2149 }
2150
2151 :where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
2152 line-height: 1.1;
2153 }
2154
2155 :where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
2156 line-height: 1.8;
2157 }
2158
2159 .has-dates :where(.wp-block-latest-comments:not([style*=line-height])),
2160 .has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])) {
2161 line-height: 1.5;
2162 }
2163
2164 .wp-block-latest-comments__comment {
2165 list-style: none;
2166 margin-bottom: 1em;
2167 }
2168 .has-avatars .wp-block-latest-comments__comment {
2169 min-height: 2.25em;
2170 list-style: none;
2171 }
2172 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
2173 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
2174 margin-right: 3.25em;
2175 }
2176
2177 .wp-block-latest-comments__comment-excerpt p {
2178 font-size: 0.875em;
2179 margin: 0.36em 0 1.4em;
2180 }
2181
2182 .wp-block-latest-comments__comment-date {
2183 display: block;
2184 font-size: 0.75em;
2185 }
2186
2187 .wp-block-latest-comments .avatar,
2188 .wp-block-latest-comments__comment-avatar {
2189 border-radius: 1.5em;
2190 display: block;
2191 float: right;
2192 height: 2.5em;
2193 margin-left: 0.75em;
2194 width: 2.5em;
2195 }
2196
2197 .wp-block-latest-comments[style*=font-size] a,
2198 .wp-block-latest-comments[class*=-font-size] a {
2199 font-size: inherit;
2200 }
2201
2202 .wp-block-latest-posts {
2203 box-sizing: border-box;
2204 }
2205 .wp-block-latest-posts.alignleft {
2206 margin-right: 2em;
2207 }
2208 .wp-block-latest-posts.alignright {
2209 margin-left: 2em;
2210 }
2211 .wp-block-latest-posts.wp-block-latest-posts__list {
2212 list-style: none;
2213 }
2214 .wp-block-latest-posts.wp-block-latest-posts__list li {
2215 clear: both;
2216 overflow-wrap: break-word;
2217 }
2218 .wp-block-latest-posts.is-grid:not(.is-layout-grid) {
2219 display: flex;
2220 flex-wrap: wrap;
2221 }
2222 .wp-block-latest-posts.is-grid:not(.is-layout-grid) li {
2223 margin: 0 0 1.25em 1.25em;
2224 width: 100%;
2225 }
2226 @media (min-width: 600px) {
2227 .wp-block-latest-posts.columns-2:not(.is-layout-grid) li {
2228 width: calc(100% / 2 - 1.25em + 1.25em / 2);
2229 }
2230 .wp-block-latest-posts.columns-2:not(.is-layout-grid) li:nth-child(2n) {
2231 margin-left: 0;
2232 }
2233 .wp-block-latest-posts.columns-3:not(.is-layout-grid) li {
2234 width: calc(100% / 3 - 1.25em + 1.25em / 3);
2235 }
2236 .wp-block-latest-posts.columns-3:not(.is-layout-grid) li:nth-child(3n) {
2237 margin-left: 0;
2238 }
2239 .wp-block-latest-posts.columns-4:not(.is-layout-grid) li {
2240 width: calc(100% / 4 - 1.25em + 1.25em / 4);
2241 }
2242 .wp-block-latest-posts.columns-4:not(.is-layout-grid) li:nth-child(4n) {
2243 margin-left: 0;
2244 }
2245 .wp-block-latest-posts.columns-5:not(.is-layout-grid) li {
2246 width: calc(100% / 5 - 1.25em + 1.25em / 5);
2247 }
2248 .wp-block-latest-posts.columns-5:not(.is-layout-grid) li:nth-child(5n) {
2249 margin-left: 0;
2250 }
2251 .wp-block-latest-posts.columns-6:not(.is-layout-grid) li {
2252 width: calc(100% / 6 - 1.25em + 1.25em / 6);
2253 }
2254 .wp-block-latest-posts.columns-6:not(.is-layout-grid) li:nth-child(6n) {
2255 margin-left: 0;
2256 }
2257 }
2258
2259 @media (max-width: 600px) {
2260 .wp-block-latest-posts-is-layout-grid[class*=columns-]:not(.has-native-responsive-grid) {
2261 grid-template-columns: 1fr;
2262 }
2263 }
2264 :root :where(.wp-block-latest-posts.is-grid) {
2265 padding: 0;
2266 }
2267 :root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
2268 padding-right: 0;
2269 }
2270
2271 .wp-block-latest-posts__post-date,
2272 .wp-block-latest-posts__post-author {
2273 display: block;
2274 font-size: 0.8125em;
2275 }
2276
2277 .wp-block-latest-posts__post-excerpt,
2278 .wp-block-latest-posts__post-full-content {
2279 margin-top: 0.5em;
2280 margin-bottom: 1em;
2281 }
2282
2283 .wp-block-latest-posts__featured-image a {
2284 display: inline-block;
2285 }
2286 .wp-block-latest-posts__featured-image img {
2287 height: auto;
2288 width: auto;
2289 max-width: 100%;
2290 }
2291 .wp-block-latest-posts__featured-image.alignleft {
2292 margin-right: 1em;
2293 float: left;
2294 }
2295 .wp-block-latest-posts__featured-image.alignright {
2296 margin-left: 1em;
2297 float: right;
2298 }
2299 .wp-block-latest-posts__featured-image.aligncenter {
2300 margin-bottom: 1em;
2301 text-align: center;
2302 }
2303
2304 ol,
2305 ul {
2306 box-sizing: border-box;
2307 }
2308
2309 :root :where(.wp-block-list.has-background) {
2310 padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
2311 }
2312
2313 .wp-block-loginout {
2314 box-sizing: border-box;
2315 }
2316
2317 .wp-block-math {
2318 overflow-x: auto;
2319 overflow-y: hidden;
2320 }
2321
2322 .wp-block-media-text {
2323 direction: ltr;
2324 display: grid;
2325 grid-template-columns: 50% 1fr;
2326 grid-template-rows: auto;
2327 box-sizing: border-box;
2328 }
2329 .wp-block-media-text.has-media-on-the-right {
2330 grid-template-columns: 1fr 50%;
2331 }
2332
2333 .wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content,
2334 .wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media {
2335 align-self: start;
2336 }
2337
2338 .wp-block-media-text > .wp-block-media-text__content,
2339 .wp-block-media-text > .wp-block-media-text__media,
2340 .wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content,
2341 .wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media {
2342 align-self: center;
2343 }
2344
2345 .wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content,
2346 .wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media {
2347 align-self: end;
2348 }
2349
2350 .wp-block-media-text > .wp-block-media-text__media {
2351 grid-column: 1;
2352 grid-row: 1;
2353 margin: 0;
2354 }
2355
2356 .wp-block-media-text > .wp-block-media-text__content {
2357 direction: rtl;
2358 grid-column: 2;
2359 grid-row: 1;
2360 padding: 0 8% 0 8%;
2361 word-break: break-word;
2362 }
2363
2364 .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
2365 grid-column: 2;
2366 grid-row: 1;
2367 }
2368
2369 .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
2370 grid-column: 1;
2371 grid-row: 1;
2372 }
2373
2374 .wp-block-media-text__media a {
2375 display: block;
2376 }
2377
2378 .wp-block-media-text__media img,
2379 .wp-block-media-text__media video {
2380 height: auto;
2381 max-width: unset;
2382 width: 100%;
2383 vertical-align: middle;
2384 }
2385
2386 /* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
2387 .wp-block-media-text.is-image-fill > .wp-block-media-text__media {
2388 height: 100%;
2389 min-height: 250px;
2390 background-size: cover;
2391 }
2392
2393 .wp-block-media-text.is-image-fill > .wp-block-media-text__media > a {
2394 display: block;
2395 height: 100%;
2396 }
2397
2398 .wp-block-media-text.is-image-fill > .wp-block-media-text__media img {
2399 position: absolute;
2400 width: 1px;
2401 height: 1px;
2402 padding: 0;
2403 margin: -1px;
2404 overflow: hidden;
2405 clip-path: inset(50%);
2406 border: 0;
2407 }
2408
2409 /* Image fill for versions 8 and onwards */
2410 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
2411 position: relative;
2412 height: 100%;
2413 min-height: 250px;
2414 }
2415
2416 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
2417 display: block;
2418 height: 100%;
2419 }
2420
2421 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
2422 position: absolute;
2423 width: 100%;
2424 height: 100%;
2425 object-fit: cover;
2426 }
2427
2428 /*
2429 * Here we here not able to use a mobile first CSS approach.
2430 * Custom widths are set using inline styles, and on mobile,
2431 * we need 100% width, so we use important to overwrite the inline style.
2432 * If the style were set on mobile first, on desktop styles,
2433 * we would have no way of setting the style again to the inline style.
2434 */
2435 @media (max-width: 600px) {
2436 .wp-block-media-text.is-stacked-on-mobile {
2437 grid-template-columns: 100% !important;
2438 }
2439 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
2440 grid-column: 1;
2441 grid-row: 1;
2442 }
2443 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
2444 grid-column: 1;
2445 grid-row: 2;
2446 }
2447 }
2448 .wp-block-navigation {
2449 position: relative;
2450 }
2451 .wp-block-navigation ul {
2452 margin-top: 0;
2453 margin-bottom: 0;
2454 margin-right: 0;
2455 padding-right: 0;
2456 }
2457 .wp-block-navigation ul,
2458 .wp-block-navigation ul li {
2459 list-style: none;
2460 }
2461 .wp-block-navigation .wp-block-navigation-item {
2462 background-color: inherit;
2463 display: flex;
2464 align-items: center;
2465 position: relative;
2466 }
2467 .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
2468 display: none;
2469 }
2470 .wp-block-navigation .wp-block-navigation-item__content {
2471 display: block;
2472 z-index: 1;
2473 }
2474 .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
2475 color: inherit;
2476 }
2477 .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
2478 text-decoration: underline;
2479 }
2480 .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active {
2481 text-decoration: underline;
2482 }
2483 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content {
2484 text-decoration: line-through;
2485 }
2486 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
2487 text-decoration: line-through;
2488 }
2489 .wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
2490 text-decoration: none;
2491 }
2492 .wp-block-navigation .wp-block-navigation__submenu-icon {
2493 align-self: center;
2494 line-height: 0;
2495 display: inline-block;
2496 font-size: inherit;
2497 padding: 0;
2498 background-color: inherit;
2499 color: currentColor;
2500 border: none;
2501 width: 0.6em;
2502 height: 0.6em;
2503 margin-right: 0.25em;
2504 }
2505 .wp-block-navigation .wp-block-navigation__submenu-icon svg {
2506 display: inline-block;
2507 stroke: currentColor;
2508 width: inherit;
2509 height: inherit;
2510 margin-top: 0.075em;
2511 }
2512 .wp-block-navigation {
2513 --navigation-layout-justification-setting: flex-start;
2514 --navigation-layout-direction: row;
2515 --navigation-layout-wrap: wrap;
2516 --navigation-layout-justify: flex-start;
2517 --navigation-layout-align: center;
2518 }
2519 .wp-block-navigation.is-vertical {
2520 --navigation-layout-direction: column;
2521 --navigation-layout-justify: initial;
2522 --navigation-layout-align: flex-start;
2523 text-align: var(--navigation-layout-text-align, inherit);
2524 }
2525 .wp-block-navigation.is-vertical .wp-block-navigation-item__content {
2526 text-align: inherit;
2527 }
2528 .wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container {
2529 text-align: initial;
2530 }
2531 .wp-block-navigation.no-wrap {
2532 --navigation-layout-wrap: nowrap;
2533 }
2534 .wp-block-navigation.items-justified-center {
2535 --navigation-layout-justification-setting: center;
2536 --navigation-layout-justify: center;
2537 --navigation-layout-text-align: center;
2538 }
2539 .wp-block-navigation.items-justified-center.is-vertical {
2540 --navigation-layout-align: center;
2541 }
2542 .wp-block-navigation.items-justified-right {
2543 --navigation-layout-justification-setting: flex-end;
2544 --navigation-layout-justify: flex-end;
2545 --navigation-layout-text-align: end;
2546 }
2547 .wp-block-navigation.items-justified-right.is-vertical {
2548 --navigation-layout-align: flex-end;
2549 }
2550 .wp-block-navigation.items-justified-space-between {
2551 --navigation-layout-justification-setting: space-between;
2552 --navigation-layout-justify: space-between;
2553 }
2554
2555 :where(.wp-block-navigation) ul li {
2556 padding: 0;
2557 }
2558
2559 .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
2560 background-color: inherit;
2561 color: inherit;
2562 position: absolute;
2563 z-index: 2;
2564 display: flex;
2565 flex-direction: column;
2566 align-items: normal;
2567 opacity: 0;
2568 }
2569 @media not (prefers-reduced-motion) {
2570 .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
2571 transition: opacity 0.1s linear;
2572 }
2573 }
2574 .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
2575 visibility: hidden;
2576 width: 0;
2577 height: 0;
2578 overflow: hidden;
2579 }
2580 .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
2581 display: flex;
2582 flex-grow: 1;
2583 padding: 0.5em 1em;
2584 }
2585 .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
2586 margin-left: 0;
2587 margin-right: auto;
2588 }
2589 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
2590 margin: 0;
2591 }
2592 .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
2593 right: -1px;
2594 top: 100%;
2595 }
2596 @media (min-width: 782px) {
2597 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
2598 right: 100%;
2599 top: -1px;
2600 }
2601 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
2602 content: "";
2603 position: absolute;
2604 left: 100%;
2605 height: 100%;
2606 display: block;
2607 width: 0.5em;
2608 background: transparent;
2609 }
2610 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
2611 margin-left: 0.25em;
2612 }
2613 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
2614 transform: rotate(90deg);
2615 }
2616 }
2617 @media (hover: hover) {
2618 .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container {
2619 visibility: visible;
2620 overflow: visible;
2621 opacity: 1;
2622 width: auto;
2623 height: auto;
2624 min-width: 200px;
2625 }
2626 }
2627 .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):not(.open-always):focus-within > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-always) .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
2628 visibility: visible;
2629 overflow: visible;
2630 opacity: 1;
2631 width: auto;
2632 height: auto;
2633 min-width: 200px;
2634 }
2635 .wp-block-navigation .has-child.open-always {
2636 flex-wrap: var(--navigation-layout-wrap, wrap);
2637 flex-direction: var(--navigation-layout-direction, initial);
2638 justify-content: var(--navigation-layout-justify, initial);
2639 align-items: var(--navigation-layout-align, initial);
2640 gap: var(--wp--style--block-gap, 2em);
2641 }
2642 .wp-block-navigation .has-child.open-always .wp-block-navigation-item {
2643 justify-content: var(--navigation-layout-justify, initial);
2644 }
2645 .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu,
2646 .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container {
2647 gap: var(--wp--style--block-gap, 2em);
2648 }
2649 .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu,
2650 .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,
2651 .wp-block-navigation .has-child.open-always .wp-block-navigation-item {
2652 padding-top: 0;
2653 padding-bottom: 0;
2654 }
2655 .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container {
2656 padding-right: var(--wp--style--block-gap, 2em);
2657 padding-left: var(--wp--style--block-gap, 2em);
2658 }
2659 .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
2660 padding: 0;
2661 }
2662 .wp-block-navigation .has-child.open-always > .wp-block-navigation-item__content,
2663 .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
2664 flex-grow: 0;
2665 }
2666 .wp-block-navigation .has-child.open-always > .wp-block-navigation__submenu-container {
2667 visibility: visible;
2668 overflow: visible;
2669 opacity: 1;
2670 width: auto;
2671 height: auto;
2672 flex-basis: 100%;
2673 position: static;
2674 border: none;
2675 background-color: transparent;
2676 color: inherit;
2677 box-shadow: none !important;
2678 }
2679
2680 .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
2681 right: 0;
2682 top: 100%;
2683 }
2684 @media (min-width: 782px) {
2685 .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
2686 right: 100%;
2687 top: 0;
2688 }
2689 }
2690
2691 .wp-block-navigation-submenu {
2692 position: relative;
2693 display: flex;
2694 }
2695 .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
2696 stroke: currentColor;
2697 }
2698
2699 button.wp-block-navigation-item__content {
2700 background-color: transparent;
2701 border: none;
2702 color: currentColor;
2703 font-size: inherit;
2704 font-family: inherit;
2705 letter-spacing: inherit;
2706 line-height: inherit;
2707 font-style: inherit;
2708 font-weight: inherit;
2709 text-transform: inherit;
2710 text-align: right;
2711 }
2712
2713 .wp-block-navigation-submenu__toggle {
2714 cursor: pointer;
2715 }
2716 .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-icon > svg,
2717 .wp-block-navigation-submenu__toggle[aria-expanded=true] > svg {
2718 transform: rotate(-180deg);
2719 }
2720
2721 .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
2722 padding-right: 0;
2723 padding-left: 0.85em;
2724 }
2725 .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
2726 margin-right: -0.6em;
2727 pointer-events: none;
2728 }
2729
2730 .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) {
2731 padding: 0;
2732 }
2733
2734 /**
2735 * Margins
2736 */
2737 .wp-block-navigation__responsive-container,
2738 .wp-block-navigation__responsive-close,
2739 .wp-block-navigation__responsive-dialog,
2740 .wp-block-navigation .wp-block-page-list,
2741 .wp-block-navigation__container,
2742 .wp-block-navigation__responsive-container-content {
2743 gap: inherit;
2744 }
2745
2746 /**
2747 * Paddings
2748 */
2749 :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
2750 :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
2751 padding: 0.5em 1em;
2752 }
2753
2754 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
2755 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
2756 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
2757 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
2758 padding: 0.5em 1em;
2759 }
2760
2761 /**
2762 * Justifications.
2763 */
2764 .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,
2765 .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container,
2766 .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container,
2767 .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
2768 right: auto;
2769 left: 0;
2770 }
2771 .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
2772 .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
2773 .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
2774 .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
2775 right: -1px;
2776 left: -1px;
2777 }
2778 @media (min-width: 782px) {
2779 .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
2780 .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
2781 .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
2782 .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
2783 right: auto;
2784 left: 100%;
2785 }
2786 }
2787
2788 .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
2789 background-color: #fff;
2790 border: 1px solid rgba(0, 0, 0, 0.15);
2791 }
2792
2793 .wp-block-navigation.has-background .wp-block-navigation__submenu-container {
2794 background-color: inherit;
2795 }
2796
2797 .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
2798 color: #000;
2799 }
2800
2801 .wp-block-navigation__container {
2802 display: flex;
2803 flex-wrap: var(--navigation-layout-wrap, wrap);
2804 flex-direction: var(--navigation-layout-direction, initial);
2805 justify-content: var(--navigation-layout-justify, initial);
2806 align-items: var(--navigation-layout-align, initial);
2807 list-style: none;
2808 margin: 0;
2809 padding-right: 0;
2810 }
2811 .wp-block-navigation__container .is-responsive {
2812 display: none;
2813 }
2814
2815 .wp-block-navigation__container:only-child,
2816 .wp-block-page-list:only-child {
2817 flex-grow: 1;
2818 }
2819
2820 /**
2821 * Mobile menu.
2822 */
2823 @keyframes overlay-menu__fade-in-animation {
2824 from {
2825 opacity: 0;
2826 transform: translateY(0.5em);
2827 }
2828 to {
2829 opacity: 1;
2830 transform: translateY(0);
2831 }
2832 }
2833 .wp-block-navigation__responsive-container {
2834 display: none;
2835 position: fixed;
2836 top: 0;
2837 right: 0;
2838 left: 0;
2839 bottom: 0;
2840 }
2841 .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) {
2842 color: inherit;
2843 }
2844 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
2845 display: flex;
2846 flex-wrap: var(--navigation-layout-wrap, wrap);
2847 flex-direction: var(--navigation-layout-direction, initial);
2848 justify-content: var(--navigation-layout-justify, initial);
2849 align-items: var(--navigation-layout-align, initial);
2850 }
2851 .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
2852 color: inherit !important;
2853 background-color: inherit !important;
2854 }
2855 .wp-block-navigation__responsive-container.is-menu-open {
2856 display: flex;
2857 flex-direction: column;
2858 background-color: inherit;
2859 }
2860 @media not (prefers-reduced-motion) {
2861 .wp-block-navigation__responsive-container.is-menu-open {
2862 animation: overlay-menu__fade-in-animation 0.1s ease-out;
2863 animation-fill-mode: forwards;
2864 }
2865 }
2866 .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
2867 padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
2868 padding-left: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
2869 padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);
2870 padding-right: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
2871 }
2872 .wp-block-navigation__responsive-container.is-menu-open {
2873 overflow: auto;
2874 z-index: 100000;
2875 }
2876 .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
2877 padding-top: calc(2rem + 24px);
2878 }
2879 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content {
2880 overflow: visible;
2881 display: flex;
2882 flex-direction: column;
2883 flex-wrap: nowrap;
2884 align-items: var(--navigation-layout-justification-setting, inherit);
2885 text-align: var(--navigation-layout-text-align, inherit);
2886 }
2887 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
2888 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
2889 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
2890 justify-content: flex-start;
2891 }
2892 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
2893 display: none;
2894 }
2895 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
2896 opacity: 1;
2897 visibility: visible;
2898 height: auto;
2899 width: auto;
2900 overflow: initial;
2901 min-width: 200px;
2902 position: static;
2903 border: none;
2904 padding-right: 2rem;
2905 padding-left: 2rem;
2906 }
2907 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
2908 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
2909 gap: inherit;
2910 }
2911 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
2912 padding-top: var(--wp--style--block-gap, 2em);
2913 text-align: inherit;
2914 }
2915 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
2916 padding: 0;
2917 text-align: inherit;
2918 }
2919 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
2920 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
2921 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
2922 display: flex;
2923 flex-direction: column;
2924 align-items: var(--navigation-layout-justification-setting, initial);
2925 }
2926 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,
2927 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,
2928 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,
2929 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
2930 color: inherit !important;
2931 background: transparent !important;
2932 }
2933 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container {
2934 box-shadow: none !important;
2935 }
2936 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
2937 left: auto;
2938 right: auto;
2939 }
2940 .wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container {
2941 display: none;
2942 width: 100%;
2943 }
2944 .wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close {
2945 max-width: none;
2946 }
2947 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content > *:not(.wp-block-navigation__overlay-container) {
2948 display: none;
2949 }
2950 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
2951 display: block;
2952 }
2953 .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
2954 left: auto;
2955 right: 0;
2956 }
2957 @media (min-width: 600px) {
2958 .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
2959 display: block;
2960 width: 100%;
2961 position: relative;
2962 z-index: auto;
2963 background-color: inherit;
2964 }
2965 .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
2966 display: none;
2967 }
2968 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
2969 right: 0;
2970 }
2971 }
2972
2973 .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
2974 background-color: #fff;
2975 }
2976
2977 .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
2978 color: #000;
2979 }
2980
2981 .wp-block-navigation__toggle_button_label {
2982 font-size: 1rem;
2983 font-weight: 700;
2984 }
2985
2986 .wp-block-navigation__responsive-container-open,
2987 .wp-block-navigation__responsive-container-close {
2988 vertical-align: middle;
2989 cursor: pointer;
2990 color: currentColor;
2991 background: transparent;
2992 border: none;
2993 margin: 0;
2994 padding: 0;
2995 text-transform: inherit;
2996 }
2997 .wp-block-navigation__responsive-container-open svg,
2998 .wp-block-navigation__responsive-container-close svg {
2999 fill: currentColor;
3000 pointer-events: none;
3001 display: block;
3002 width: 24px;
3003 height: 24px;
3004 }
3005
3006 .wp-block-navigation__responsive-container-open {
3007 display: flex;
3008 }
3009 .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
3010 font-family: inherit;
3011 font-weight: inherit;
3012 font-size: inherit;
3013 }
3014 @media (min-width: 600px) {
3015 .wp-block-navigation__responsive-container-open:not(.always-shown) {
3016 display: none;
3017 }
3018 }
3019
3020 .wp-block-navigation__responsive-container-close {
3021 position: absolute;
3022 top: 0;
3023 left: 0;
3024 z-index: 2;
3025 }
3026 .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
3027 font-family: inherit;
3028 font-weight: inherit;
3029 font-size: inherit;
3030 }
3031
3032 .disable-default-overlay .wp-block-navigation__responsive-container-close {
3033 top: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
3034 left: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
3035 }
3036
3037 .wp-block-navigation__responsive-close {
3038 width: 100%;
3039 }
3040 .has-modal-open .wp-block-navigation__responsive-close {
3041 max-width: var(--wp--style--global--wide-size, 100%);
3042 margin-right: auto;
3043 margin-left: auto;
3044 }
3045 .wp-block-navigation__responsive-close:focus {
3046 outline: none;
3047 }
3048
3049 .is-menu-open .wp-block-navigation__responsive-close,
3050 .is-menu-open .wp-block-navigation__responsive-dialog,
3051 .is-menu-open .wp-block-navigation__responsive-container-content {
3052 box-sizing: border-box;
3053 }
3054
3055 .wp-block-navigation__responsive-dialog {
3056 position: relative;
3057 }
3058
3059 .has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog {
3060 margin-top: 46px;
3061 }
3062 @media (min-width: 782px) {
3063 .has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog {
3064 margin-top: 32px;
3065 }
3066 }
3067
3068 html.has-modal-open {
3069 overflow: hidden;
3070 }
3071
3072 .wp-block-navigation .wp-block-navigation-item__label {
3073 overflow-wrap: break-word;
3074 }
3075 .wp-block-navigation .wp-block-navigation-item__description {
3076 display: none;
3077 }
3078
3079 .link-ui-tools {
3080 outline: 1px solid #f0f0f0;
3081 padding: 8px;
3082 }
3083
3084 .link-ui-block-inserter {
3085 padding-top: 8px;
3086 }
3087
3088 .link-ui-block-inserter__back {
3089 margin-right: 8px;
3090 text-transform: uppercase;
3091 }
3092
3093 :where(.wp-block-navigation-overlay-close) {
3094 color: inherit;
3095 font-family: inherit;
3096 font-size: inherit;
3097 font-style: inherit;
3098 font-weight: inherit;
3099 letter-spacing: inherit;
3100 line-height: inherit;
3101 text-transform: inherit;
3102 border: none;
3103 }
3104
3105 .wp-block-navigation-overlay-close {
3106 display: inline-flex;
3107 align-items: center;
3108 justify-content: center;
3109 gap: 0.5em;
3110 padding: 0;
3111 background: transparent;
3112 cursor: pointer;
3113 text-decoration: none;
3114 }
3115 .wp-block-navigation-overlay-close:focus {
3116 outline-offset: 2px;
3117 }
3118 .wp-block-navigation-overlay-close svg {
3119 width: 24px;
3120 height: 24px;
3121 fill: currentColor;
3122 display: block;
3123 flex-shrink: 0;
3124 }
3125 .wp-block-navigation-overlay-close .wp-block-navigation-overlay-close__text {
3126 display: inline-flex;
3127 align-items: center;
3128 }
3129
3130 .wp-block-navigation .wp-block-page-list {
3131 display: flex;
3132 flex-direction: var(--navigation-layout-direction, initial);
3133 justify-content: var(--navigation-layout-justify, initial);
3134 align-items: var(--navigation-layout-align, initial);
3135 flex-wrap: var(--navigation-layout-wrap, wrap);
3136 background-color: inherit;
3137 }
3138 .wp-block-navigation .wp-block-navigation-item {
3139 background-color: inherit;
3140 }
3141
3142 .wp-block-page-list {
3143 box-sizing: border-box;
3144 }
3145
3146 .is-small-text {
3147 font-size: 0.875em;
3148 }
3149
3150 .is-regular-text {
3151 font-size: 1em;
3152 }
3153
3154 .is-large-text {
3155 font-size: 2.25em;
3156 }
3157
3158 .is-larger-text {
3159 font-size: 3em;
3160 }
3161
3162 .has-drop-cap:not(:focus)::first-letter {
3163 float: right;
3164 font-size: 8.4em;
3165 line-height: 0.68;
3166 font-weight: 100;
3167 margin: 0.05em 0 0 0.1em;
3168 text-transform: uppercase;
3169 font-style: normal;
3170 }
3171
3172 body.rtl .has-drop-cap:not(:focus)::first-letter {
3173 float: initial;
3174 margin-right: 0.1em;
3175 }
3176
3177 p.has-drop-cap.has-background {
3178 overflow: hidden;
3179 }
3180
3181 :root :where(p.has-background) {
3182 padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
3183 }
3184
3185 :where(p.has-text-color:not(.has-link-color)) a {
3186 color: inherit;
3187 }
3188
3189 p.has-text-align-right[style*="writing-mode:vertical-rl"],
3190 p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3191 rotate: 180deg;
3192 }
3193
3194 .waveform-player {
3195 font-family: inherit;
3196 color: inherit;
3197 line-height: var(--waveform-line-height, 1.4);
3198 --wfp-accent: #71717a;
3199 --wfp-button-color: rgba(255, 255, 255, .9);
3200 --wfp-text-color: #ffffff;
3201 --wfp-text-secondary-color: rgba(255, 255, 255, .6);
3202 --wfp-btn-artwork-color: rgba(255, 255, 255, .9);
3203 --wfp-btn-artwork-scrim: rgba(0, 0, 0, .5);
3204 }
3205
3206 .waveform-player.waveform-theme-light {
3207 --wfp-button-color: rgba(0, 0, 0, .8);
3208 --wfp-text-color: #333333;
3209 --wfp-text-secondary-color: rgba(0, 0, 0, .6);
3210 }
3211
3212 .waveform-player * {
3213 box-sizing: border-box;
3214 }
3215
3216 .waveform-body {
3217 display: flex;
3218 flex-direction: column;
3219 gap: var(--waveform-body-gap, 8px);
3220 }
3221
3222 .waveform-track {
3223 display: flex;
3224 align-items: center;
3225 gap: var(--waveform-track-gap, 12px);
3226 position: relative;
3227 }
3228
3229 .waveform-btn {
3230 width: var(--wfp-btn-size, 36px);
3231 height: var(--wfp-btn-size, 36px);
3232 min-width: var(--wfp-btn-size, 36px);
3233 border-radius: var(--wfp-btn-radius, 50%);
3234 border: 2px solid currentColor;
3235 background: transparent;
3236 color: var(--wfp-button-color, inherit);
3237 cursor: pointer;
3238 display: flex;
3239 align-items: center;
3240 justify-content: center;
3241 transition: all 0.2s ease;
3242 padding: 0;
3243 opacity: 0.9;
3244 flex-shrink: 0;
3245 }
3246
3247 .waveform-btn:hover:not(:disabled) {
3248 opacity: 1;
3249 transform: scale(1.05);
3250 }
3251
3252 .waveform-btn-minimal {
3253 width: calc(var(--wfp-btn-size, 36px) * 1.1);
3254 height: calc(var(--wfp-btn-size, 36px) * 1.1);
3255 min-width: calc(var(--wfp-btn-size, 36px) * 1.1);
3256 border: none;
3257 border-radius: 0;
3258 opacity: 0.7;
3259 }
3260
3261 .waveform-btn-minimal:hover:not(:disabled) {
3262 opacity: 1;
3263 transform: none;
3264 }
3265
3266 .waveform-btn.waveform-btn-minimal svg {
3267 width: calc(var(--wfp-btn-size, 36px) * 0.94);
3268 height: calc(var(--wfp-btn-size, 36px) * 0.94);
3269 }
3270
3271 .waveform-btn:disabled {
3272 cursor: not-allowed;
3273 opacity: 0.3;
3274 }
3275
3276 .waveform-btn > * {
3277 display: flex;
3278 align-items: center;
3279 justify-content: center;
3280 width: 100%;
3281 height: 100%;
3282 }
3283
3284 .waveform-btn svg {
3285 width: calc(var(--wfp-btn-size, 36px) * 0.45);
3286 height: calc(var(--wfp-btn-size, 36px) * 0.45);
3287 fill: currentColor;
3288 display: block;
3289 }
3290
3291 .waveform-btn-has-artwork {
3292 --wfp-btn-size: 64px;
3293 --wfp-btn-radius: 8px;
3294 position: relative;
3295 overflow: hidden;
3296 border: none;
3297 color: var(--wfp-btn-artwork-color);
3298 }
3299
3300 .waveform-btn > .waveform-btn-artwork {
3301 display: block;
3302 position: absolute;
3303 inset: 0;
3304 width: 100%;
3305 height: 100%;
3306 object-fit: cover;
3307 pointer-events: none;
3308 z-index: 0;
3309 }
3310
3311 .waveform-btn-has-artwork:after {
3312 content: "";
3313 position: absolute;
3314 inset: 0;
3315 background: var(--wfp-btn-artwork-scrim);
3316 pointer-events: none;
3317 z-index: 1;
3318 }
3319
3320 .waveform-btn-has-artwork > :not(.waveform-btn-artwork) {
3321 position: relative;
3322 z-index: 2;
3323 }
3324
3325 .waveform-icon-play svg {
3326 margin-right: 1px;
3327 }
3328
3329 .waveform-container {
3330 flex: 1;
3331 position: relative;
3332 min-height: 60px;
3333 cursor: pointer;
3334 min-width: 0;
3335 width: 100%;
3336 }
3337
3338 .waveform-container:focus-visible {
3339 outline: 2px solid currentColor;
3340 }
3341
3342 .waveform-container canvas {
3343 display: block;
3344 width: 100%;
3345 height: 100%;
3346 max-width: 100%;
3347 transition: opacity 0.3s ease;
3348 position: relative;
3349 z-index: 1;
3350 }
3351
3352 .waveform-info {
3353 display: flex;
3354 align-items: center;
3355 gap: 8px;
3356 font-size: 13px;
3357 min-height: 20px;
3358 }
3359
3360 .waveform-text {
3361 flex: 1;
3362 display: flex;
3363 flex-direction: column;
3364 gap: 2px;
3365 min-width: 0;
3366 }
3367
3368 .waveform-title {
3369 color: var(--wfp-text-color);
3370 white-space: nowrap;
3371 overflow: hidden;
3372 text-overflow: ellipsis;
3373 font-weight: 500;
3374 }
3375
3376 .waveform-artist {
3377 color: var(--wfp-text-secondary-color);
3378 font-size: 11px;
3379 white-space: nowrap;
3380 overflow: hidden;
3381 text-overflow: ellipsis;
3382 }
3383
3384 .waveform-time {
3385 color: var(--wfp-text-secondary-color);
3386 font-size: 11px;
3387 white-space: nowrap;
3388 flex-shrink: 0;
3389 }
3390
3391 .waveform-bpm {
3392 color: var(--wfp-text-secondary-color);
3393 font-size: 11px;
3394 white-space: nowrap;
3395 flex-shrink: 0;
3396 display: inline-flex;
3397 align-items: center;
3398 gap: 4px;
3399 }
3400
3401 .waveform-loading {
3402 position: absolute;
3403 inset: 0;
3404 background: rgba(0, 0, 0, 0.1019607843);
3405 z-index: 10;
3406 }
3407
3408 .waveform-error {
3409 position: absolute;
3410 inset: 0;
3411 display: flex;
3412 align-items: center;
3413 justify-content: center;
3414 background: rgba(0, 0, 0, 0.2);
3415 z-index: 10;
3416 }
3417
3418 .waveform-error-text {
3419 font-size: 12px;
3420 opacity: 0.7;
3421 text-align: center;
3422 padding: 0 20px;
3423 }
3424
3425 .waveform-markers {
3426 position: absolute;
3427 inset: 0;
3428 pointer-events: none;
3429 z-index: 5;
3430 }
3431
3432 .waveform-marker {
3433 position: absolute;
3434 top: 0;
3435 width: 2px;
3436 height: 100%;
3437 background: rgba(255, 255, 255, 0.5019607843);
3438 border: none;
3439 padding: 0;
3440 cursor: pointer;
3441 pointer-events: all;
3442 transition: all 0.2s;
3443 }
3444
3445 .waveform-marker:hover {
3446 width: 4px;
3447 z-index: 20;
3448 }
3449
3450 .waveform-marker.active {
3451 width: 4px;
3452 background: currentColor;
3453 z-index: 10;
3454 }
3455
3456 .waveform-marker-tooltip {
3457 position: absolute;
3458 bottom: calc(100% + 4px);
3459 right: 50%;
3460 transform: translate(50%);
3461 background: rgba(0, 0, 0, 0.9019607843);
3462 color: #fff;
3463 padding: 4px 8px;
3464 border-radius: 4px;
3465 font-size: 11px;
3466 white-space: nowrap;
3467 pointer-events: none;
3468 opacity: 0;
3469 transition: opacity 0.2s;
3470 z-index: 1000;
3471 }
3472
3473 .waveform-marker:hover .waveform-marker-tooltip, .waveform-marker.show-label .waveform-marker-tooltip {
3474 opacity: 1;
3475 }
3476
3477 .waveform-hover-time {
3478 position: absolute;
3479 bottom: calc(100% + 4px);
3480 transform: translate(50%);
3481 background: rgba(0, 0, 0, 0.9019607843);
3482 color: #fff;
3483 padding: 3px 7px;
3484 border-radius: 4px;
3485 font-size: 11px;
3486 font-variant-numeric: tabular-nums;
3487 white-space: nowrap;
3488 pointer-events: none;
3489 opacity: 0;
3490 transition: opacity 0.15s;
3491 z-index: 1000;
3492 }
3493
3494 .waveform-seek-handle {
3495 position: absolute;
3496 top: 50%;
3497 right: 0;
3498 width: 11px;
3499 height: 11px;
3500 border-radius: 50%;
3501 background: #fff;
3502 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3490196078);
3503 transform: translate(50%, -50%) scale(0);
3504 opacity: 0;
3505 transition: opacity 0.12s ease, transform 0.12s ease;
3506 pointer-events: none;
3507 z-index: 6;
3508 }
3509
3510 .waveform-seek-handle.is-visible {
3511 opacity: 1;
3512 transform: translate(50%, -50%) scale(1);
3513 }
3514
3515 .waveform-seek-handle.is-active {
3516 transform: translate(50%, -50%) scale(1.25);
3517 }
3518
3519 .waveform-btn:focus-visible {
3520 outline: 2px solid currentColor;
3521 outline-offset: 2px;
3522 }
3523
3524 .waveform-marker:focus-visible {
3525 outline: 2px solid currentColor;
3526 outline-offset: 1px;
3527 width: 4px;
3528 }
3529
3530 .waveform-speed {
3531 position: relative;
3532 flex-shrink: 0;
3533 }
3534
3535 .speed-btn {
3536 background: transparent;
3537 border: 1px solid rgba(255, 255, 255, 0.2);
3538 border-radius: 4px;
3539 padding: 4px 8px;
3540 color: inherit;
3541 font-size: 11px;
3542 cursor: pointer;
3543 transition: all 0.2s;
3544 min-width: 40px;
3545 }
3546
3547 .speed-btn:hover {
3548 background: rgba(255, 255, 255, 0.0509803922);
3549 border-color: rgba(255, 255, 255, 0.3019607843);
3550 }
3551
3552 .speed-value {
3553 font-weight: 600;
3554 }
3555
3556 .speed-menu {
3557 position: absolute;
3558 bottom: 100%;
3559 left: 0;
3560 margin-bottom: 4px;
3561 background: rgba(0, 0, 0, 0.9490196078);
3562 border: 1px solid rgba(255, 255, 255, 0.2);
3563 border-radius: 6px;
3564 padding: 4px;
3565 z-index: 100;
3566 min-width: 60px;
3567 }
3568
3569 .speed-option {
3570 display: block;
3571 width: 100%;
3572 background: transparent;
3573 border: none;
3574 color: rgba(255, 255, 255, 0.7019607843);
3575 padding: 6px 12px;
3576 font-size: 12px;
3577 cursor: pointer;
3578 transition: all 0.2s;
3579 text-align: right;
3580 border-radius: 4px;
3581 }
3582
3583 .speed-option:hover {
3584 background: rgba(255, 255, 255, 0.1019607843);
3585 color: #fff;
3586 }
3587
3588 .speed-option.active {
3589 background: rgba(255, 255, 255, 0.1607843137);
3590 color: #fff;
3591 font-weight: 600;
3592 }
3593
3594 .waveform-player.waveform-focused {
3595 outline: 2px solid var(--wfp-accent);
3596 outline-offset: 2px;
3597 border-radius: 4px;
3598 }
3599
3600 .waveform-player:focus {
3601 outline: none;
3602 }
3603
3604 .waveform-player:focus-visible {
3605 outline: 1px solid var(--wfp-accent);
3606 outline-offset: 1px;
3607 }
3608
3609 .waveform-layout-preview .waveform-meta {
3610 display: none !important;
3611 }
3612
3613 .waveform-layout-preview .waveform-info {
3614 justify-content: center;
3615 }
3616
3617 .waveform-layout-preview .waveform-text {
3618 flex: 0 1 auto;
3619 align-items: center;
3620 text-align: center;
3621 }
3622
3623 .waveform-player.waveform-focused {
3624 outline: none;
3625 }
3626
3627 .waveform-track.waveform-align-top {
3628 align-items: flex-start;
3629 }
3630
3631 .waveform-track.waveform-align-top .waveform-btn {
3632 margin-top: 5px;
3633 }
3634
3635 .waveform-track.waveform-align-center {
3636 align-items: center;
3637 }
3638
3639 .waveform-track.waveform-align-bottom {
3640 align-items: flex-end;
3641 }
3642
3643 .waveform-track.waveform-align-bottom .waveform-btn {
3644 margin-bottom: 5px;
3645 }
3646
3647 @media (max-width: 480px) {
3648 .waveform-btn {
3649 width: var(--wfp-btn-size, 32px);
3650 height: var(--wfp-btn-size, 32px);
3651 min-width: var(--wfp-btn-size, 32px);
3652 }
3653 .waveform-container {
3654 min-height: 50px;
3655 }
3656 .waveform-info {
3657 font-size: 12px;
3658 }
3659 .waveform-artist, .waveform-time, .waveform-bpm {
3660 font-size: 10px;
3661 }
3662 }
3663 @media (prefers-reduced-motion: reduce) {
3664 .waveform-player *, .waveform-player *:before, .waveform-player *:after {
3665 transition-duration: 0.01ms !important;
3666 animation-duration: 0.01ms !important;
3667 animation-iteration-count: 1 !important;
3668 }
3669 }
3670 .wp-block-playlist {
3671 box-sizing: border-box;
3672 }
3673 .wp-block-playlist .wp-block-playlist__waveform-player {
3674 width: 100%;
3675 margin: var(--wp--preset--spacing--20, 0.625em) 0;
3676 position: relative;
3677 }
3678 .wp-block-playlist .wp-block-playlist__waveform-player:focus-visible {
3679 outline: revert;
3680 outline-offset: revert;
3681 }
3682 .wp-block-playlist .waveform-track {
3683 height: 100px;
3684 gap: 0;
3685 }
3686 .wp-block-playlist .waveform-btn {
3687 border: none;
3688 border-radius: 0;
3689 border-end-start-radius: 0.125rem;
3690 border-start-start-radius: 0.125rem;
3691 width: 100px;
3692 height: 100px;
3693 min-width: 100px;
3694 background: currentColor;
3695 margin: 0;
3696 }
3697 .wp-block-playlist .waveform-btn:hover:not(:disabled) {
3698 transform: none;
3699 }
3700 .wp-block-playlist .waveform-btn svg {
3701 width: 3rem;
3702 height: 3rem;
3703 }
3704 .wp-block-playlist .waveform-btn .waveform-icon-pause svg {
3705 width: 2.625rem;
3706 height: 2.625rem;
3707 }
3708 .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn {
3709 background-image: var(--wp--playlist--play-button-artwork);
3710 background-position: center;
3711 background-size: cover;
3712 color: #fff;
3713 }
3714 .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg {
3715 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
3716 }
3717 .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg path {
3718 fill: #fff !important;
3719 }
3720 .wp-block-playlist .waveform-track.waveform-align-bottom .waveform-btn {
3721 margin-bottom: 0;
3722 }
3723 .wp-block-playlist .waveform-btn:focus-visible,
3724 .wp-block-playlist .waveform-container:focus-visible {
3725 outline: revert;
3726 outline-offset: revert;
3727 }
3728 .wp-block-playlist .waveform-artist {
3729 opacity: 0.7;
3730 }
3731 .wp-block-playlist .waveform-info,
3732 .wp-block-playlist .waveform-artist,
3733 .wp-block-playlist .waveform-title,
3734 .wp-block-playlist .waveform-time {
3735 font-size: inherit;
3736 }
3737 .wp-block-playlist .wp-block-playlist__tracklist {
3738 margin: 0;
3739 padding-right: 0;
3740 list-style: none;
3741 }
3742 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-is-hidden {
3743 display: none;
3744 }
3745 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-artist-is-hidden .wp-block-playlist-track__artist {
3746 display: none;
3747 }
3748 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-length-is-hidden .wp-block-playlist-track__length {
3749 display: none;
3750 }
3751 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-show-numbers {
3752 counter-reset: playlist-track;
3753 }
3754
3755 .wp-block-playlist-track:has([aria-current=true]) {
3756 background-color: color-mix(in srgb, currentColor 10%, transparent);
3757 }
3758 .wp-block-playlist-track:hover {
3759 background-color: color-mix(in srgb, currentColor 15%, transparent);
3760 }
3761 .wp-block-playlist__tracklist-show-numbers .wp-block-playlist-track {
3762 counter-increment: playlist-track;
3763 }
3764 .wp-block-playlist-track .wp-block-playlist-track__button {
3765 display: flex;
3766 align-items: center;
3767 width: 100%;
3768 padding: var(--wp--preset--spacing--20, 0.5em);
3769 font-size: inherit;
3770 font-family: inherit;
3771 text-align: right;
3772 background-color: transparent;
3773 color: inherit;
3774 border: 0;
3775 outline-offset: 2px;
3776 cursor: pointer;
3777 }
3778 .wp-block-playlist__tracklist-show-numbers .wp-block-playlist-track .wp-block-playlist-track__button::before {
3779 content: counter(playlist-track);
3780 width: 2ch;
3781 margin-left: var(--wp--preset--spacing--20, 0.5em);
3782 font-size: 0.85em;
3783 opacity: 0.7;
3784 }
3785 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__image {
3786 flex: 0 0 50px;
3787 width: 50px;
3788 height: 50px;
3789 margin-left: var(--wp--preset--spacing--20, 0.5em);
3790 border: 1px solid rgba(0, 0, 0, 0.08);
3791 box-sizing: border-box;
3792 object-fit: cover;
3793 }
3794 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3795 flex: 1 1 0;
3796 min-width: 0;
3797 }
3798 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__title {
3799 display: block;
3800 }
3801 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__artist {
3802 display: block;
3803 font-size: 0.85em;
3804 opacity: 0.7;
3805 margin-top: 0.125em;
3806 }
3807 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__length {
3808 margin-right: auto;
3809 font-size: 0.85em;
3810 opacity: 0.7;
3811 }
3812
3813 .wp-block-post-author {
3814 display: flex;
3815 flex-wrap: wrap;
3816 box-sizing: border-box;
3817 }
3818 .wp-block-post-author__byline {
3819 width: 100%;
3820 margin-top: 0;
3821 margin-bottom: 0;
3822 font-size: 0.5em;
3823 }
3824 .wp-block-post-author__avatar {
3825 margin-left: 1em;
3826 }
3827 .wp-block-post-author__bio {
3828 margin-bottom: 0.7em;
3829 font-size: 0.7em;
3830 }
3831 .wp-block-post-author__content {
3832 flex-grow: 1;
3833 flex-basis: 0;
3834 }
3835 .wp-block-post-author__name {
3836 margin: 0;
3837 }
3838
3839 .wp-block-post-author-biography {
3840 box-sizing: border-box;
3841 white-space: pre-wrap;
3842 overflow-wrap: break-word;
3843 }
3844
3845 :where(.wp-block-post-comments-form textarea),
3846 :where(.wp-block-post-comments-form input:not([type=submit])) {
3847 border-width: 1px;
3848 border-style: solid;
3849 border-color: #949494;
3850 font-size: 1em;
3851 font-family: inherit;
3852 }
3853
3854 :where(.wp-block-post-comments-form textarea),
3855 :where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
3856 padding: calc(0.667em + 2px);
3857 }
3858
3859 .wp-block-post-comments-form {
3860 box-sizing: border-box;
3861 }
3862 .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
3863 font-weight: inherit;
3864 }
3865 .wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
3866 font-family: inherit;
3867 }
3868 .wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
3869 font-size: inherit;
3870 }
3871 .wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
3872 line-height: inherit;
3873 }
3874 .wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
3875 font-style: inherit;
3876 }
3877 .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
3878 letter-spacing: inherit;
3879 }
3880 .wp-block-post-comments-form :where(input[type=submit]) {
3881 box-shadow: none;
3882 cursor: pointer;
3883 display: inline-block;
3884 text-align: center;
3885 overflow-wrap: break-word;
3886 }
3887 .wp-block-post-comments-form .comment-form textarea,
3888 .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
3889 display: block;
3890 box-sizing: border-box;
3891 width: 100%;
3892 }
3893 .wp-block-post-comments-form .comment-form-cookies-consent {
3894 display: flex;
3895 gap: 0.25em;
3896 }
3897 .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
3898 margin-top: 0.35em;
3899 }
3900 .wp-block-post-comments-form .comment-reply-title {
3901 margin-bottom: 0;
3902 }
3903 .wp-block-post-comments-form .comment-reply-title :where(small) {
3904 font-size: var(--wp--preset--font-size--medium, smaller);
3905 margin-right: 0.5em;
3906 }
3907
3908 :where(.wp-block-post-comments-form .comment-form-author label),
3909 :where(.wp-block-post-comments-form .comment-form-email label),
3910 :where(.wp-block-post-comments-form .comment-form-url label) {
3911 display: block;
3912 margin-bottom: 0.25em;
3913 }
3914
3915 .wp-block-post-comments-count {
3916 box-sizing: border-box;
3917 }
3918
3919 .wp-block-post-content {
3920 display: flow-root;
3921 }
3922
3923 .wp-block-post-comments-link {
3924 box-sizing: border-box;
3925 }
3926
3927 .wp-block-post-date {
3928 box-sizing: border-box;
3929 }
3930
3931 :where(.wp-block-post-excerpt) {
3932 box-sizing: border-box;
3933 margin-top: var(--wp--style--block-gap);
3934 margin-bottom: var(--wp--style--block-gap);
3935 }
3936
3937 .wp-block-post-excerpt__excerpt {
3938 margin-top: 0;
3939 margin-bottom: 0;
3940 }
3941
3942 .wp-block-post-excerpt__more-text {
3943 margin-top: var(--wp--style--block-gap);
3944 margin-bottom: 0;
3945 }
3946
3947 .wp-block-post-excerpt__more-link {
3948 display: inline-block;
3949 }
3950
3951 .wp-block-post-featured-image {
3952 margin-right: 0;
3953 margin-left: 0;
3954 }
3955 .wp-block-post-featured-image a {
3956 display: block;
3957 height: 100%;
3958 }
3959 .wp-block-post-featured-image :where(img) {
3960 max-width: 100%;
3961 width: 100%;
3962 height: auto;
3963 vertical-align: bottom;
3964 box-sizing: border-box;
3965 }
3966 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
3967 width: 100%;
3968 }
3969 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
3970 position: absolute;
3971 inset: 0;
3972 background-color: #000;
3973 }
3974 .wp-block-post-featured-image {
3975 position: relative;
3976 }
3977
3978 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
3979 background-color: transparent;
3980 }
3981 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
3982 opacity: 0;
3983 }
3984 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
3985 opacity: 0.1;
3986 }
3987 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
3988 opacity: 0.2;
3989 }
3990 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
3991 opacity: 0.3;
3992 }
3993 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
3994 opacity: 0.4;
3995 }
3996 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
3997 opacity: 0.5;
3998 }
3999 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
4000 opacity: 0.6;
4001 }
4002 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
4003 opacity: 0.7;
4004 }
4005 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
4006 opacity: 0.8;
4007 }
4008 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
4009 opacity: 0.9;
4010 }
4011 .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
4012 opacity: 1;
4013 }
4014 .wp-block-post-featured-image:where(.alignleft, .alignright) {
4015 width: 100%;
4016 }
4017
4018 .wp-block-post-navigation-link {
4019 box-sizing: border-box;
4020 }
4021 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4022 display: inline-block;
4023 margin-left: 1ch;
4024 }
4025 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
4026 transform: scaleX(-1);;
4027 }
4028 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
4029 display: inline-block;
4030 margin-right: 1ch;
4031 }
4032 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
4033 transform: scaleX(-1);;
4034 }
4035 .wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"], .wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"] {
4036 rotate: 180deg;
4037 }
4038
4039 .wp-block-post-terms {
4040 box-sizing: border-box;
4041 }
4042 .wp-block-post-terms .wp-block-post-terms__separator {
4043 white-space: pre-wrap;
4044 }
4045
4046 .wp-block-post-time-to-read {
4047 box-sizing: border-box;
4048 }
4049
4050 .wp-block-post-title {
4051 word-break: normal;
4052 overflow-wrap: anywhere;
4053 box-sizing: border-box;
4054 }
4055 .wp-block-post-title :where(a) {
4056 font-family: inherit;
4057 font-size: inherit;
4058 font-style: inherit;
4059 font-weight: inherit;
4060 letter-spacing: inherit;
4061 line-height: inherit;
4062 text-decoration: inherit;
4063 }
4064
4065 .wp-block-post-author-name {
4066 box-sizing: border-box;
4067 }
4068
4069 .wp-block-preformatted {
4070 box-sizing: border-box;
4071 white-space: pre-wrap;
4072 }
4073
4074 :where(.wp-block-preformatted.has-background) {
4075 padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
4076 }
4077
4078 .wp-block-pullquote {
4079 text-align: center;
4080 overflow-wrap: break-word;
4081 box-sizing: border-box;
4082 margin: 0 0 1em 0;
4083 padding: 4em 0;
4084 }
4085 .wp-block-pullquote p,
4086 .wp-block-pullquote blockquote {
4087 color: inherit;
4088 }
4089 .wp-block-pullquote blockquote {
4090 margin: 0;
4091 }
4092 .wp-block-pullquote p {
4093 margin-top: 0;
4094 }
4095 .wp-block-pullquote p:last-child {
4096 margin-bottom: 0;
4097 }
4098 .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
4099 max-width: 420px;
4100 }
4101 .wp-block-pullquote cite,
4102 .wp-block-pullquote footer {
4103 position: relative;
4104 }
4105 .wp-block-pullquote .has-text-color a {
4106 color: inherit;
4107 }
4108
4109 .wp-block-pullquote.has-text-align-left blockquote {
4110 text-align: right;
4111 }
4112
4113 .wp-block-pullquote.has-text-align-right blockquote {
4114 text-align: left;
4115 }
4116
4117 .wp-block-pullquote.has-text-align-center blockquote {
4118 text-align: center;
4119 }
4120
4121 .wp-block-pullquote.is-style-solid-color {
4122 border: none;
4123 }
4124 .wp-block-pullquote.is-style-solid-color blockquote {
4125 margin-right: auto;
4126 margin-left: auto;
4127 max-width: 60%;
4128 }
4129 .wp-block-pullquote.is-style-solid-color blockquote p {
4130 margin-top: 0;
4131 margin-bottom: 0;
4132 font-size: 2em;
4133 }
4134 .wp-block-pullquote.is-style-solid-color blockquote cite {
4135 text-transform: none;
4136 font-style: normal;
4137 }
4138
4139 .wp-block-pullquote :where(cite) {
4140 color: inherit;
4141 display: block;
4142 }
4143
4144 .wp-block-post-template {
4145 margin-top: 0;
4146 margin-bottom: 0;
4147 max-width: 100%;
4148 list-style: none;
4149 padding: 0;
4150 box-sizing: border-box;
4151 }
4152 .wp-block-post-template.is-flex-container {
4153 flex-direction: row;
4154 display: flex;
4155 flex-wrap: wrap;
4156 gap: 1.25em;
4157 }
4158 .wp-block-post-template.is-flex-container > li {
4159 margin: 0;
4160 width: 100%;
4161 }
4162 @media (min-width: 600px) {
4163 .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
4164 width: calc(100% / 2 - 1.25em + 1.25em / 2);
4165 }
4166 .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
4167 width: calc(100% / 3 - 1.25em + 1.25em / 3);
4168 }
4169 .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li {
4170 width: calc(100% / 4 - 1.25em + 1.25em / 4);
4171 }
4172 .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li {
4173 width: calc(100% / 5 - 1.25em + 1.25em / 5);
4174 }
4175 .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
4176 width: calc(100% / 6 - 1.25em + 1.25em / 6);
4177 }
4178 }
4179
4180 @media (max-width: 600px) {
4181 .wp-block-post-template-is-layout-grid[class*=columns-]:not(.has-native-responsive-grid) {
4182 grid-template-columns: 1fr;
4183 }
4184 }
4185 .wp-block-post-template-is-layout-constrained > li > .alignright,
4186 .wp-block-post-template-is-layout-flow > li > .alignright {
4187 float: left;
4188 margin-inline-start: 2em;
4189 margin-inline-end: 0;
4190 }
4191
4192 .wp-block-post-template-is-layout-constrained > li > .alignleft,
4193 .wp-block-post-template-is-layout-flow > li > .alignleft {
4194 float: right;
4195 margin-inline-start: 0;
4196 margin-inline-end: 2em;
4197 }
4198
4199 .wp-block-post-template-is-layout-constrained > li > .aligncenter,
4200 .wp-block-post-template-is-layout-flow > li > .aligncenter {
4201 margin-inline-start: auto;
4202 margin-inline-end: auto;
4203 }
4204
4205 :where(.wp-block-query-no-results) {
4206 box-sizing: border-box;
4207 }
4208
4209 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
4210 margin-inline-start: auto;
4211 }
4212 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
4213 margin-inline-end: auto;
4214 }
4215 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
4216 margin-left: 1ch;
4217 display: inline-block;
4218 }
4219 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
4220 transform: scaleX(-1);;
4221 }
4222 .wp-block-query-pagination .wp-block-query-pagination-next-arrow {
4223 margin-right: 1ch;
4224 display: inline-block;
4225 }
4226 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
4227 transform: scaleX(-1);;
4228 }
4229 .wp-block-query-pagination.aligncenter {
4230 justify-content: center;
4231 }
4232
4233 .wp-block-query-title {
4234 box-sizing: border-box;
4235 }
4236
4237 .wp-block-query-total {
4238 box-sizing: border-box;
4239 }
4240
4241 .wp-block-quote {
4242 box-sizing: border-box;
4243 overflow-wrap: break-word;
4244 }
4245 .wp-block-quote.is-style-large:where(:not(.is-style-plain)), .wp-block-quote.is-large:where(:not(.is-style-plain)) {
4246 margin-bottom: 1em;
4247 padding: 0 1em;
4248 }
4249 .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-large:where(:not(.is-style-plain)) p {
4250 font-size: 1.5em;
4251 font-style: italic;
4252 line-height: 1.6;
4253 }
4254 .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,
4255 .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-large:where(:not(.is-style-plain)) cite,
4256 .wp-block-quote.is-large:where(:not(.is-style-plain)) footer {
4257 font-size: 1.125em;
4258 text-align: left;
4259 }
4260 .wp-block-quote > cite {
4261 display: block;
4262 }
4263
4264 .wp-block-read-more {
4265 display: block;
4266 width: fit-content;
4267 }
4268 .wp-block-read-more:where(:not([style*=text-decoration])) {
4269 text-decoration: none;
4270 }
4271 .wp-block-read-more:where(:not([style*=text-decoration])):focus, .wp-block-read-more:where(:not([style*=text-decoration])):active {
4272 text-decoration: none;
4273 }
4274
4275 ul.wp-block-rss.alignleft {
4276 margin-right: 2em;
4277 }
4278 ul.wp-block-rss.alignright {
4279 margin-left: 2em;
4280 }
4281 ul.wp-block-rss.is-grid {
4282 display: flex;
4283 flex-wrap: wrap;
4284 padding: 0;
4285 }
4286 ul.wp-block-rss.is-grid li {
4287 margin: 0 0 1em 1em;
4288 width: 100%;
4289 }
4290 @media (min-width: 600px) {
4291 ul.wp-block-rss.columns-2 li {
4292 width: calc(100% / 2 - 1em);
4293 }
4294 ul.wp-block-rss.columns-3 li {
4295 width: calc(100% / 3 - 1em);
4296 }
4297 ul.wp-block-rss.columns-4 li {
4298 width: calc(100% / 4 - 1em);
4299 }
4300 ul.wp-block-rss.columns-5 li {
4301 width: calc(100% / 5 - 1em);
4302 }
4303 ul.wp-block-rss.columns-6 li {
4304 width: calc(100% / 6 - 1em);
4305 }
4306 }
4307
4308 .wp-block-rss__item-publish-date,
4309 .wp-block-rss__item-author {
4310 display: block;
4311 font-size: 0.8125em;
4312 }
4313
4314 .wp-block-rss {
4315 box-sizing: border-box;
4316 list-style: none;
4317 padding: 0;
4318 }
4319
4320 .wp-block-search__button {
4321 margin-right: 10px;
4322 word-break: normal;
4323 }
4324 .wp-block-search__button.has-icon {
4325 line-height: 0;
4326 }
4327 .wp-block-search__button svg {
4328 min-width: 24px;
4329 min-height: 24px;
4330 width: 1.25em;
4331 height: 1.25em;
4332 fill: currentColor;
4333 vertical-align: text-bottom;
4334 }
4335
4336 :where(.wp-block-search__button) {
4337 border: 1px solid #ccc;
4338 padding: 6px 10px;
4339 }
4340
4341 .wp-block-search__inside-wrapper {
4342 display: flex;
4343 flex: auto;
4344 flex-wrap: nowrap;
4345 max-width: 100%;
4346 }
4347
4348 :where(.wp-block-search__label) {
4349 width: 100%;
4350 }
4351
4352 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
4353 margin-right: 0;
4354 flex-shrink: 0;
4355 max-width: 100%;
4356 box-sizing: border-box;
4357 display: flex;
4358 justify-content: center;
4359 }
4360 .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
4361 transition-property: width;
4362 min-width: 0 !important;
4363 }
4364 .wp-block-search.wp-block-search__button-only .wp-block-search__input {
4365 transition-duration: 300ms;
4366 flex-basis: 100%;
4367 }
4368 .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden {
4369 overflow: hidden;
4370 }
4371 .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
4372 overflow: hidden;
4373 }
4374 .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
4375 width: 0 !important;
4376 min-width: 0 !important;
4377 padding-right: 0 !important;
4378 padding-left: 0 !important;
4379 border-right-width: 0 !important;
4380 border-left-width: 0 !important;
4381 flex-grow: 0;
4382 margin: 0;
4383 flex-basis: 0;
4384 }
4385
4386 :where(.wp-block-search__input) {
4387 font-family: inherit;
4388 font-weight: inherit;
4389 font-size: inherit;
4390 line-height: inherit;
4391 letter-spacing: inherit;
4392 text-transform: inherit;
4393 font-style: inherit;
4394 padding: 8px;
4395 flex-grow: 1;
4396 margin-right: 0;
4397 margin-left: 0;
4398 min-width: 3rem;
4399 border: 1px solid #949494;
4400 text-decoration: unset !important;
4401 appearance: initial;
4402 }
4403
4404 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
4405 padding: 4px;
4406 border-width: 1px;
4407 border-style: solid;
4408 border-color: #949494;
4409 background-color: #fff;
4410 box-sizing: border-box;
4411 }
4412 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
4413 border-radius: 0;
4414 border: none;
4415 padding: 0 4px;
4416 }
4417 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
4418 outline: none;
4419 }
4420 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
4421 padding: 4px 8px;
4422 }
4423
4424 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {
4425 margin: auto;
4426 }
4427
4428 .wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
4429 float: left;
4430 }
4431
4432 .wp-block-separator {
4433 border-top: 2px solid currentColor;
4434 border-right: none;
4435 border-left: none;
4436 border-bottom: none;
4437 }
4438
4439 :root :where(.wp-block-separator.is-style-dots) {
4440 text-align: center;
4441 line-height: 1;
4442 height: auto;
4443 }
4444 :root :where(.wp-block-separator.is-style-dots)::before {
4445 content: "···";
4446 color: currentColor;
4447 font-size: 1.5em;
4448 letter-spacing: 2em;
4449 padding-left: 2em;
4450 font-family: serif;
4451 }
4452
4453 .wp-block-separator.is-style-dots {
4454 background: none !important;
4455 border: none !important;
4456 }
4457
4458 .wp-block-site-logo {
4459 box-sizing: border-box;
4460 line-height: 0;
4461 }
4462 .wp-block-site-logo a {
4463 display: inline-block;
4464 line-height: 0;
4465 }
4466 .wp-block-site-logo.is-default-size img {
4467 width: 120px;
4468 height: auto;
4469 }
4470 .wp-block-site-logo img {
4471 height: auto;
4472 max-width: 100%;
4473 }
4474 .wp-block-site-logo a,
4475 .wp-block-site-logo img {
4476 border-radius: inherit;
4477 }
4478 .wp-block-site-logo.aligncenter {
4479 margin-right: auto;
4480 margin-left: auto;
4481 text-align: center;
4482 }
4483
4484 :root :where(.wp-block-site-logo.is-style-rounded) {
4485 border-radius: 9999px;
4486 }
4487
4488 .wp-block-site-tagline {
4489 box-sizing: border-box;
4490 }
4491
4492 .wp-block-site-title {
4493 box-sizing: border-box;
4494 }
4495 .wp-block-site-title :where(a) {
4496 color: inherit;
4497 font-family: inherit;
4498 font-size: inherit;
4499 font-style: inherit;
4500 font-weight: inherit;
4501 letter-spacing: inherit;
4502 line-height: inherit;
4503 text-decoration: inherit;
4504 }
4505
4506 .wp-block-social-links {
4507 box-sizing: border-box;
4508 padding-right: 0;
4509 padding-left: 0;
4510 text-indent: 0;
4511 margin-right: 0;
4512 background: none;
4513 }
4514 .wp-block-social-links .wp-social-link a,
4515 .wp-block-social-links .wp-social-link a:hover {
4516 text-decoration: none;
4517 border-bottom: 0;
4518 box-shadow: none;
4519 }
4520 .wp-block-social-links .wp-social-link svg {
4521 width: 1em;
4522 height: 1em;
4523 }
4524 .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
4525 margin-right: 0.5em;
4526 margin-left: 0.5em;
4527 font-size: 0.65em;
4528 }
4529 .wp-block-social-links.has-small-icon-size {
4530 font-size: 16px;
4531 }
4532 .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
4533 font-size: 24px;
4534 }
4535 .wp-block-social-links.has-large-icon-size {
4536 font-size: 36px;
4537 }
4538 .wp-block-social-links.has-huge-icon-size {
4539 font-size: 48px;
4540 }
4541 .wp-block-social-links.aligncenter {
4542 justify-content: center;
4543 display: flex;
4544 }
4545 .wp-block-social-links.alignright {
4546 justify-content: flex-end;
4547 }
4548
4549 .wp-block-social-link {
4550 display: block;
4551 border-radius: 9999px;
4552 }
4553 @media not (prefers-reduced-motion) {
4554 .wp-block-social-link {
4555 transition: transform 0.1s ease;
4556 }
4557 }
4558 .wp-block-social-link {
4559 height: auto;
4560 }
4561 .wp-block-social-link a {
4562 align-items: center;
4563 display: flex;
4564 line-height: 0;
4565 }
4566 .wp-block-social-link:hover {
4567 transform: scale(1.1);
4568 }
4569
4570 .wp-block-social-links .wp-block-social-link.wp-social-link {
4571 display: inline-block;
4572 margin: 0;
4573 padding: 0;
4574 }
4575 .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited,
4576 .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
4577 color: currentColor;
4578 fill: currentColor;
4579 }
4580
4581 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
4582 background-color: #f0f0f0;
4583 color: #444;
4584 }
4585 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
4586 background-color: #f90;
4587 color: #fff;
4588 }
4589 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
4590 background-color: #1ea0c3;
4591 color: #fff;
4592 }
4593 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
4594 background-color: #0757fe;
4595 color: #fff;
4596 }
4597 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
4598 background-color: #0a7aff;
4599 color: #fff;
4600 }
4601 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
4602 background-color: #1e1f26;
4603 color: #fff;
4604 }
4605 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
4606 background-color: #02e49b;
4607 color: #fff;
4608 }
4609 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
4610 background-color: #5865f2;
4611 color: #fff;
4612 }
4613 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
4614 background-color: #e94c89;
4615 color: #fff;
4616 }
4617 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
4618 background-color: #4280ff;
4619 color: #fff;
4620 }
4621 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
4622 background-color: #f45800;
4623 color: #fff;
4624 }
4625 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
4626 background-color: #0866ff;
4627 color: #fff;
4628 }
4629 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
4630 background-color: #000;
4631 color: #fff;
4632 }
4633 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
4634 background-color: #0461dd;
4635 color: #fff;
4636 }
4637 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
4638 background-color: #e65678;
4639 color: #fff;
4640 }
4641 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
4642 background-color: #24292d;
4643 color: #fff;
4644 }
4645 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
4646 background-color: #eceadd;
4647 color: #382110;
4648 }
4649 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
4650 background-color: #ea4434;
4651 color: #fff;
4652 }
4653 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
4654 background-color: #1d4fc4;
4655 color: #fff;
4656 }
4657 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
4658 background-color: #f00075;
4659 color: #fff;
4660 }
4661 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
4662 background-color: #e21b24;
4663 color: #fff;
4664 }
4665 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
4666 background-color: #0d66c2;
4667 color: #fff;
4668 }
4669 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
4670 background-color: #3288d4;
4671 color: #fff;
4672 }
4673 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
4674 background-color: #000;
4675 color: #fff;
4676 }
4677 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
4678 background-color: #f6405f;
4679 color: #fff;
4680 }
4681 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
4682 background-color: #000;
4683 color: #fff;
4684 }
4685 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
4686 background-color: #e60122;
4687 color: #fff;
4688 }
4689 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
4690 background-color: #ef4155;
4691 color: #fff;
4692 }
4693 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
4694 background-color: #ff4500;
4695 color: #fff;
4696 }
4697 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
4698 background-color: #0478d7;
4699 color: #fff;
4700 }
4701 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
4702 background-color: #fefc00;
4703 color: #fff;
4704 stroke: #000;
4705 }
4706 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
4707 background-color: #ff5600;
4708 color: #fff;
4709 }
4710 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
4711 background-color: #1bd760;
4712 color: #fff;
4713 }
4714 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
4715 background-color: #2aabee;
4716 color: #fff;
4717 }
4718 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
4719 background-color: #000;
4720 color: #fff;
4721 }
4722 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
4723 background-color: #000;
4724 color: #fff;
4725 }
4726 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
4727 background-color: #011835;
4728 color: #fff;
4729 }
4730 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
4731 background-color: #6440a4;
4732 color: #fff;
4733 }
4734 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
4735 background-color: #1da1f2;
4736 color: #fff;
4737 }
4738 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
4739 background-color: #1eb7ea;
4740 color: #fff;
4741 }
4742 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
4743 background-color: #4680c2;
4744 color: #fff;
4745 }
4746 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
4747 background-color: #3499cd;
4748 color: #fff;
4749 }
4750 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
4751 background-color: #25d366;
4752 color: #fff;
4753 }
4754 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
4755 background-color: #000;
4756 color: #fff;
4757 }
4758 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
4759 background-color: #d32422;
4760 color: #fff;
4761 }
4762 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
4763 background-color: #f00;
4764 color: #fff;
4765 }
4766
4767 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
4768 background: none;
4769 }
4770 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
4771 width: 1.25em;
4772 height: 1.25em;
4773 }
4774 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
4775 color: #f90;
4776 }
4777 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
4778 color: #1ea0c3;
4779 }
4780 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
4781 color: #0757fe;
4782 }
4783 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
4784 color: #0a7aff;
4785 }
4786 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
4787 color: #1e1f26;
4788 }
4789 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
4790 color: #02e49b;
4791 }
4792 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
4793 color: #5865f2;
4794 }
4795 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
4796 color: #e94c89;
4797 }
4798 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
4799 color: #4280ff;
4800 }
4801 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
4802 color: #f45800;
4803 }
4804 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
4805 color: #0866ff;
4806 }
4807 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
4808 color: #000;
4809 }
4810 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
4811 color: #0461dd;
4812 }
4813 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
4814 color: #e65678;
4815 }
4816 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
4817 color: #24292d;
4818 }
4819 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
4820 color: #382110;
4821 }
4822 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
4823 color: #ea4434;
4824 }
4825 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
4826 color: #1d4fc4;
4827 }
4828 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
4829 color: #f00075;
4830 }
4831 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
4832 color: #e21b24;
4833 }
4834 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
4835 color: #0d66c2;
4836 }
4837 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
4838 color: #3288d4;
4839 }
4840 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
4841 color: #000;
4842 }
4843 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
4844 color: #f6405f;
4845 }
4846 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
4847 color: #000;
4848 }
4849 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
4850 color: #e60122;
4851 }
4852 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
4853 color: #ef4155;
4854 }
4855 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
4856 color: #ff4500;
4857 }
4858 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
4859 color: #0478d7;
4860 }
4861 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
4862 color: #fff;
4863 stroke: #000;
4864 }
4865 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
4866 color: #ff5600;
4867 }
4868 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
4869 color: #1bd760;
4870 }
4871 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
4872 color: #2aabee;
4873 }
4874 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
4875 color: #000;
4876 }
4877 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
4878 color: #000;
4879 }
4880 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
4881 color: #011835;
4882 }
4883 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
4884 color: #6440a4;
4885 }
4886 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
4887 color: #1da1f2;
4888 }
4889 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
4890 color: #1eb7ea;
4891 }
4892 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
4893 color: #4680c2;
4894 }
4895 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
4896 color: #25d366;
4897 }
4898 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
4899 color: #3499cd;
4900 }
4901 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
4902 color: #000;
4903 }
4904 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
4905 color: #d32422;
4906 }
4907 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
4908 color: #f00;
4909 }
4910
4911 .wp-block-social-links.is-style-pill-shape .wp-social-link {
4912 width: auto;
4913 }
4914
4915 :root :where(.wp-block-social-links .wp-social-link a) {
4916 padding: 0.25em;
4917 }
4918
4919 :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
4920 padding: 0;
4921 }
4922
4923 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
4924 padding-right: 0.6666666667em;
4925 padding-left: 0.6666666667em;
4926 }
4927
4928 .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
4929 color: #000;
4930 }
4931
4932 .wp-block-spacer {
4933 clear: both;
4934 }
4935
4936 .wp-block-tag-cloud {
4937 box-sizing: border-box;
4938 }
4939 .wp-block-tag-cloud.aligncenter {
4940 text-align: center;
4941 justify-content: center;
4942 }
4943 .wp-block-tag-cloud a {
4944 display: inline-block;
4945 margin-left: 5px;
4946 }
4947 .wp-block-tag-cloud span {
4948 display: inline-block;
4949 margin-right: 5px;
4950 text-decoration: none;
4951 }
4952
4953 :root :where(.wp-block-tag-cloud.is-style-outline) {
4954 display: flex;
4955 flex-wrap: wrap;
4956 gap: 1ch;
4957 }
4958
4959 :root :where(.wp-block-tag-cloud.is-style-outline a) {
4960 border: 1px solid currentColor;
4961 font-size: unset !important;
4962 margin-left: 0;
4963 padding: 1ch 2ch;
4964 text-decoration: none !important;
4965 }
4966
4967 :where(.wp-block-tab-list button) {
4968 box-sizing: border-box;
4969 color: inherit;
4970 display: block;
4971 width: max-content;
4972 text-decoration: none;
4973 cursor: pointer;
4974 flex-basis: inherit !important;
4975 flex-grow: inherit !important;
4976 position: relative;
4977 border: none;
4978 background: none;
4979 appearance: none;
4980 -webkit-appearance: none;
4981 margin: 0;
4982 padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
4983 font-size: inherit;
4984 font-family: inherit;
4985 font-weight: inherit;
4986 line-height: inherit;
4987 letter-spacing: inherit;
4988 text-transform: inherit;
4989 text-align: inherit;
4990 }
4991 :where(.wp-block-tab-list button)[aria-selected=true]::before {
4992 content: "";
4993 position: absolute;
4994 border-bottom: 2px solid currentColor;
4995 pointer-events: none;
4996 right: 0;
4997 width: 100%;
4998 bottom: 0;
4999 }
5000
5001 .wp-block-tab-panel:empty {
5002 display: none !important;
5003 }
5004 .wp-block-tab-panel[hidden] {
5005 box-shadow: none !important;
5006 border: none !important;
5007 margin-block-start: 0;
5008 padding: 0 !important;
5009 }
5010
5011 .wp-block-table {
5012 overflow-x: auto;
5013 }
5014 .wp-block-table table {
5015 border-collapse: collapse;
5016 width: 100%;
5017 }
5018 .wp-block-table thead {
5019 border-bottom: 3px solid;
5020 }
5021 .wp-block-table tfoot {
5022 border-top: 3px solid;
5023 }
5024 .wp-block-table td,
5025 .wp-block-table th {
5026 border: 1px solid;
5027 padding: 0.5em;
5028 }
5029 .wp-block-table .has-fixed-layout {
5030 table-layout: fixed;
5031 width: 100%;
5032 }
5033 .wp-block-table .has-fixed-layout td,
5034 .wp-block-table .has-fixed-layout th {
5035 word-break: break-word;
5036 }
5037 .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
5038 display: table;
5039 width: auto;
5040 }
5041 .wp-block-table.alignleft td,
5042 .wp-block-table.alignleft th, .wp-block-table.aligncenter td,
5043 .wp-block-table.aligncenter th, .wp-block-table.alignright td,
5044 .wp-block-table.alignright th {
5045 word-break: break-word;
5046 }
5047 .wp-block-table .has-subtle-light-gray-background-color {
5048 background-color: #f3f4f5;
5049 }
5050 .wp-block-table .has-subtle-pale-green-background-color {
5051 background-color: #e9fbe5;
5052 }
5053 .wp-block-table .has-subtle-pale-blue-background-color {
5054 background-color: #e7f5fe;
5055 }
5056 .wp-block-table .has-subtle-pale-pink-background-color {
5057 background-color: #fcf0ef;
5058 }
5059 .wp-block-table.is-style-stripes {
5060 border-spacing: 0;
5061 border-collapse: inherit;
5062 background-color: transparent;
5063 }
5064 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
5065 background-color: #f0f0f0;
5066 }
5067 .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
5068 background-color: #f3f4f5;
5069 }
5070 .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
5071 background-color: #e9fbe5;
5072 }
5073 .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
5074 background-color: #e7f5fe;
5075 }
5076 .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
5077 background-color: #fcf0ef;
5078 }
5079 .wp-block-table.is-style-stripes th,
5080 .wp-block-table.is-style-stripes td {
5081 border-color: transparent;
5082 }
5083 .wp-block-table.is-style-stripes {
5084 border-bottom: 1px solid #f0f0f0;
5085 }
5086 .wp-block-table .has-border-color > *,
5087 .wp-block-table .has-border-color tr,
5088 .wp-block-table .has-border-color th,
5089 .wp-block-table .has-border-color td {
5090 border-color: inherit;
5091 }
5092 .wp-block-table table[style*=border-top-color] > *,
5093 .wp-block-table table[style*=border-top-color] tr:first-child {
5094 border-top-color: inherit;
5095 }
5096 .wp-block-table table[style*=border-top-color] > * th,
5097 .wp-block-table table[style*=border-top-color] > * td,
5098 .wp-block-table table[style*=border-top-color] tr:first-child th,
5099 .wp-block-table table[style*=border-top-color] tr:first-child td {
5100 border-top-color: inherit;
5101 }
5102 .wp-block-table table[style*=border-top-color] tr:not(:first-child) {
5103 border-top-color: currentColor;
5104 }
5105 .wp-block-table table[style*=border-right-color] > *,
5106 .wp-block-table table[style*=border-right-color] tr,
5107 .wp-block-table table[style*=border-right-color] th,
5108 .wp-block-table table[style*=border-right-color] td:last-child {
5109 border-left-color: inherit;
5110 }
5111 .wp-block-table table[style*=border-bottom-color] > *,
5112 .wp-block-table table[style*=border-bottom-color] tr:last-child {
5113 border-bottom-color: inherit;
5114 }
5115 .wp-block-table table[style*=border-bottom-color] > * th,
5116 .wp-block-table table[style*=border-bottom-color] > * td,
5117 .wp-block-table table[style*=border-bottom-color] tr:last-child th,
5118 .wp-block-table table[style*=border-bottom-color] tr:last-child td {
5119 border-bottom-color: inherit;
5120 }
5121 .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
5122 border-bottom-color: currentColor;
5123 }
5124 .wp-block-table table[style*=border-left-color] > *,
5125 .wp-block-table table[style*=border-left-color] tr,
5126 .wp-block-table table[style*=border-left-color] th,
5127 .wp-block-table table[style*=border-left-color] td:first-child {
5128 border-right-color: inherit;
5129 }
5130 .wp-block-table table[style*=border-style] > *,
5131 .wp-block-table table[style*=border-style] tr,
5132 .wp-block-table table[style*=border-style] th,
5133 .wp-block-table table[style*=border-style] td {
5134 border-style: inherit;
5135 }
5136 .wp-block-table table[style*=border-width] > *,
5137 .wp-block-table table[style*=border-width] tr,
5138 .wp-block-table table[style*=border-width] th,
5139 .wp-block-table table[style*=border-width] td {
5140 border-width: inherit;
5141 border-style: inherit;
5142 }
5143
5144 :root :where(.wp-block-table-of-contents) {
5145 box-sizing: border-box;
5146 }
5147
5148 .wp-block-tabs {
5149 box-sizing: border-box;
5150 }
5151
5152 .wp-block-term-count {
5153 box-sizing: border-box;
5154 }
5155
5156 :where(.wp-block-term-description) {
5157 box-sizing: border-box;
5158 margin-top: var(--wp--style--block-gap);
5159 margin-bottom: var(--wp--style--block-gap);
5160 }
5161
5162 .wp-block-term-description p {
5163 margin-top: 0;
5164 margin-bottom: 0;
5165 }
5166
5167 .wp-block-term-name {
5168 box-sizing: border-box;
5169 }
5170
5171 .wp-block-term-template {
5172 margin-top: 0;
5173 margin-bottom: 0;
5174 max-width: 100%;
5175 list-style: none;
5176 padding: 0;
5177 box-sizing: border-box;
5178 }
5179
5180 .wp-block-text-columns {
5181 display: flex;
5182 }
5183 .wp-block-text-columns.aligncenter {
5184 display: flex;
5185 }
5186 .wp-block-text-columns .wp-block-column {
5187 margin: 0 1em;
5188 padding: 0;
5189 }
5190 .wp-block-text-columns .wp-block-column:first-child {
5191 margin-right: 0;
5192 }
5193 .wp-block-text-columns .wp-block-column:last-child {
5194 margin-left: 0;
5195 }
5196 .wp-block-text-columns.columns-2 .wp-block-column {
5197 width: 50%;
5198 }
5199 .wp-block-text-columns.columns-3 .wp-block-column {
5200 width: 33.3333333333%;
5201 }
5202 .wp-block-text-columns.columns-4 .wp-block-column {
5203 width: 25%;
5204 }
5205
5206 pre.wp-block-verse {
5207 box-sizing: border-box;
5208 overflow: auto;
5209 white-space: pre-wrap;
5210 min-width: 1em;
5211 word-break: normal;
5212 overflow-wrap: break-word;
5213 }
5214
5215 :where(pre.wp-block-verse) {
5216 font-family: inherit;
5217 }
5218
5219 .wp-block-video {
5220 box-sizing: border-box;
5221 }
5222 .wp-block-video video {
5223 width: 100%;
5224 height: auto;
5225 vertical-align: middle;
5226 }
5227 @supports (position: sticky) {
5228 .wp-block-video [poster] {
5229 object-fit: cover;
5230 }
5231 }
5232 .wp-block-video.aligncenter {
5233 text-align: center;
5234 }
5235 .wp-block-video :where(figcaption) {
5236 margin-top: 0.5em;
5237 margin-bottom: 1em;
5238 }
5239
5240 .editor-styles-wrapper,
5241 .entry-content {
5242 counter-reset: footnotes;
5243 }
5244
5245 a[data-fn].fn {
5246 vertical-align: super;
5247 font-size: smaller;
5248 counter-increment: footnotes;
5249 display: inline-flex;
5250 text-decoration: none;
5251 text-indent: -9999999px;
5252 }
5253
5254 a[data-fn].fn::after {
5255 content: "[" counter(footnotes) "]";
5256 text-indent: 0;
5257 float: right;
5258 }
5259
5260 :root {
5261 --wp-block-synced-color: #7a00df;
5262 --wp-block-synced-color--rgb: 122, 0, 223;
5263 --wp-bound-block-color: var(--wp-block-synced-color);
5264 --wp-editor-canvas-background: #ddd;
5265 --wp-admin-theme-color: #007cba;
5266 --wp-admin-theme-color--rgb: 0, 124, 186;
5267 --wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
5268 --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
5269 --wp-admin-theme-color-darker-20: #005a87;
5270 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
5271 --wp-admin-border-width-focus: 2px;
5272 }
5273 @media (min-resolution: 192dpi) {
5274 :root {
5275 --wp-admin-border-width-focus: 1.5px;
5276 }
5277 }
5278
5279 /**
5280 * Element styles.
5281 */
5282 .wp-element-button {
5283 cursor: pointer;
5284 }
5285
5286 :root .has-very-light-gray-background-color {
5287 background-color: #eee;
5288 }
5289 :root .has-very-dark-gray-background-color {
5290 background-color: #313131;
5291 }
5292 :root .has-very-light-gray-color {
5293 color: #eee;
5294 }
5295 :root .has-very-dark-gray-color {
5296 color: #313131;
5297 }
5298 :root {
5299 /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
5300 }
5301 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
5302 background: linear-gradient(-135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
5303 }
5304 :root .has-purple-crush-gradient-background {
5305 background: linear-gradient(-135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
5306 }
5307 :root .has-hazy-dawn-gradient-background {
5308 background: linear-gradient(-135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
5309 }
5310 :root .has-subdued-olive-gradient-background {
5311 background: linear-gradient(-135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
5312 }
5313 :root .has-atomic-cream-gradient-background {
5314 background: linear-gradient(-135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
5315 }
5316 :root .has-nightshade-gradient-background {
5317 background: linear-gradient(-135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
5318 }
5319 :root .has-midnight-gradient-background {
5320 background: linear-gradient(-135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
5321 }
5322 :root {
5323 /* stylelint-enable @stylistic/function-comma-space-after */
5324 --wp--preset--font-size--normal: 16px;
5325 --wp--preset--font-size--huge: 42px;
5326 }
5327
5328 .has-regular-font-size {
5329 font-size: 1em;
5330 }
5331
5332 .has-larger-font-size {
5333 font-size: 2.625em;
5334 }
5335
5336 .has-normal-font-size {
5337 font-size: var(--wp--preset--font-size--normal);
5338 }
5339
5340 .has-huge-font-size {
5341 font-size: var(--wp--preset--font-size--huge);
5342 }
5343
5344 :root .has-text-align-center {
5345 text-align: center;
5346 }
5347
5348 :root .has-text-align-left {
5349 text-align: left;
5350 }
5351
5352 :root .has-text-align-right {
5353 text-align: right;
5354 }
5355
5356 .has-fit-text {
5357 white-space: nowrap !important;
5358 }
5359
5360 #end-resizable-editor-section {
5361 display: none;
5362 }
5363
5364 .aligncenter {
5365 clear: both;
5366 }
5367
5368 .items-justified-left {
5369 justify-content: flex-start;
5370 }
5371
5372 .items-justified-center {
5373 justify-content: center;
5374 }
5375
5376 .items-justified-right {
5377 justify-content: flex-end;
5378 }
5379
5380 .items-justified-space-between {
5381 justify-content: space-between;
5382 }
5383
5384 .screen-reader-text {
5385 border: 0;
5386 clip-path: inset(50%);
5387 height: 1px;
5388 margin: -1px;
5389 overflow: hidden;
5390 padding: 0;
5391 position: absolute;
5392 width: 1px;
5393 overflow-wrap: normal !important;
5394 word-break: normal !important;
5395 }
5396
5397 .screen-reader-text:focus {
5398 background-color: #ddd;
5399 clip-path: none;
5400 color: #444;
5401 display: block;
5402 font-size: 1em;
5403 height: auto;
5404 right: 5px;
5405 line-height: normal;
5406 padding: 15px 23px 14px;
5407 text-decoration: none;
5408 top: 5px;
5409 width: auto;
5410 z-index: 100000;
5411 }
5412
5413 /**
5414 * The following provide a simple means of applying a default border style when
5415 * a user first makes a selection in the border block support panel.
5416 * This prevents issues such as where the user could set a border width
5417 * and see no border due there being no border style set.
5418 *
5419 * This is intended to be removed once intelligent defaults can be set while
5420 * making border selections via the block support.
5421 *
5422 * See: https://github.com/WordPress/gutenberg/pull/33743
5423 */
5424 html :where(.has-border-color) {
5425 border-style: solid;
5426 }
5427
5428 html :where([style^=border-color],
5429 [style*=";border-color"],
5430 [style*="; border-color"]) {
5431 border-style: solid;
5432 }
5433
5434 html :where([style^=border-top-color],
5435 [style*=";border-top-color"],
5436 [style*="; border-top-color"]) {
5437 border-top-style: solid;
5438 }
5439
5440 html :where([style^=border-right-color],
5441 [style*=";border-right-color"],
5442 [style*="; border-right-color"]) {
5443 border-right-style: solid;
5444 }
5445
5446 html :where([style^=border-bottom-color],
5447 [style*=";border-bottom-color"],
5448 [style*="; border-bottom-color"]) {
5449 border-bottom-style: solid;
5450 }
5451
5452 html :where([style^=border-left-color],
5453 [style*=";border-left-color"],
5454 [style*="; border-left-color"]) {
5455 border-left-style: solid;
5456 }
5457
5458 html :where([style^=border-width],
5459 [style*=";border-width"],
5460 [style*="; border-width"]) {
5461 border-style: solid;
5462 }
5463
5464 html :where([style^=border-top-width],
5465 [style*=";border-top-width"],
5466 [style*="; border-top-width"]) {
5467 border-top-style: solid;
5468 }
5469
5470 html :where([style^=border-right-width],
5471 [style*=";border-right-width"],
5472 [style*="; border-right-width"]) {
5473 border-right-style: solid;
5474 }
5475
5476 html :where([style^=border-bottom-width],
5477 [style*=";border-bottom-width"],
5478 [style*="; border-bottom-width"]) {
5479 border-bottom-style: solid;
5480 }
5481
5482 html :where([style^=border-left-width],
5483 [style*=";border-left-width"],
5484 [style*="; border-left-width"]) {
5485 border-left-style: solid;
5486 }
5487
5488 /**
5489 * Provide baseline responsiveness for images.
5490 */
5491 html :where(img[class*=wp-image-]) {
5492 height: auto;
5493 max-width: 100%;
5494 }
5495
5496 /**
5497 * Reset user agent styles for figure element margins.
5498 */
5499 :where(figure) {
5500 margin: 0 0 1em 0;
5501 }
5502
5503 html :where(.is-position-sticky) {
5504 --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
5505 }
5506
5507 @media screen and (max-width: 600px) {
5508 html :where(.is-position-sticky) {
5509 --wp-admin--admin-bar--position-offset: 0px;
5510 }
5511 }