1@charset "UTF-8";
2@media not (prefers-reduced-motion){
3 .components-animate__appear{
4 animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
5 animation-fill-mode:forwards;
6 }
7}
8.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{
9 transform-origin:top left;
10}
11.components-animate__appear.is-from-top.is-from-right{
12 transform-origin:top right;
13}
14.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{
15 transform-origin:bottom left;
16}
17.components-animate__appear.is-from-bottom.is-from-right{
18 transform-origin:bottom right;
19}
20
21@keyframes components-animate__appear-animation{
22 0%{
23 transform:translateY(-2em) scaleY(0) scaleX(0);
24 }
25 to{
26 transform:translateY(0) scaleY(1) scaleX(1);
27 }
28}
29@media not (prefers-reduced-motion){
30 .components-animate__slide-in{
31 animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
32 animation-fill-mode:forwards;
33 }
34 .components-animate__slide-in.is-from-left{
35 transform:translateX(100%);
36 }
37 .components-animate__slide-in.is-from-right{
38 transform:translateX(-100%);
39 }
40}
41
42@keyframes components-animate__slide-in-animation{
43 to{
44 transform:translateX(0);
45 }
46}
47@media not (prefers-reduced-motion){
48 .components-animate__loading{
49 animation:components-animate__loading 1.6s ease-in-out infinite;
50 }
51}
52
53@keyframes components-animate__loading{
54 0%{
55 opacity:.5;
56 }
57 50%{
58 opacity:1;
59 }
60 to{
61 opacity:.5;
62 }
63}
64.components-autocomplete__popover .components-popover__content{
65 min-width:200px;
66 padding:8px;
67}
68
69.components-autocomplete__result.components-button{
70 display:flex;
71 height:auto;
72 min-height:36px;
73 text-align:left;
74 width:100%;
75}
76.components-autocomplete__result.components-button:focus:not(:disabled){
77 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
78 outline:2px solid #0000;
79}
80
81.components-badge{
82 box-sizing:border-box;
83}
84.components-badge *,.components-badge :after,.components-badge :before{
85 box-sizing:inherit;
86}
87.components-badge{
88 background-color:color-mix(in srgb, #fff 90%, var(--base-color));
89 border-radius:2px;
90 color:color-mix(in srgb, #000 50%, var(--base-color));
91 display:inline-block;
92 line-height:0;
93 max-width:100%;
94 min-height:24px;
95 padding:2px 8px;
96}
97.components-badge:where(.is-default){
98 background-color:#f0f0f0;
99 color:#2f2f2f;
100}
101.components-badge.has-icon{
102 padding-inline-start:4px;
103}
104.components-badge.is-info{
105 --base-color:#3858e9;
106}
107.components-badge.is-warning{
108 --base-color:#f0b849;
109}
110.components-badge.is-error{
111 --base-color:#cc1818;
112}
113.components-badge.is-success{
114 --base-color:#4ab866;
115}
116
117.components-badge__flex-wrapper{
118 align-items:center;
119 display:inline-flex;
120 font-size:12px;
121 font-weight:400;
122 gap:2px;
123 line-height:20px;
124 max-width:100%;
125}
126
127.components-badge__icon{
128 flex-shrink:0;
129}
130
131.components-badge__content{
132 overflow:hidden;
133 text-overflow:ellipsis;
134 white-space:nowrap;
135}
136
137.components-button-group{
138 display:inline-block;
139}
140.components-button-group .components-button{
141 border-radius:0;
142 box-shadow:inset 0 0 0 1px #1e1e1e;
143 color:#1e1e1e;
144 display:inline-flex;
145}
146.components-button-group .components-button+.components-button{
147 margin-left:-1px;
148}
149.components-button-group .components-button:first-child{
150 border-radius:2px 0 0 2px;
151}
152.components-button-group .components-button:last-child{
153 border-radius:0 2px 2px 0;
154}
155.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{
156 position:relative;
157 z-index:1;
158}
159.components-button-group .components-button.is-primary{
160 box-shadow:inset 0 0 0 1px #1e1e1e;
161}
162.components-button{
163 -webkit-appearance:none;
164 background:none;
165 border:0;
166 cursor:pointer;
167 display:inline-flex;
168 font-family:inherit;
169 font-size:13px;
170 margin:0;
171 text-decoration:none;
172}
173@media not (prefers-reduced-motion){
174 .components-button{
175 transition:box-shadow .1s linear;
176 }
177}
178.components-button{
179 align-items:center;
180 border-radius:2px;
181 box-sizing:border-box;
182 color:var(--wp-components-color-foreground, #1e1e1e);
183 height:36px;
184 padding:6px 12px;
185}
186.components-button.is-next-40px-default-size{
187 height:40px;
188}
189.components-button:hover:not(:disabled,[aria-disabled=true]),.components-button[aria-expanded=true]{
190 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
191}
192.components-button:focus:not(:disabled){
193 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
194 outline:3px solid #0000;
195}
196.components-button.is-primary{
197 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
198 color:var(--wp-components-color-accent-inverted, #fff);
199 outline:1px solid #0000;
200 text-decoration:none;
201 text-shadow:none;
202 white-space:nowrap;
203}
204.components-button.is-primary:hover:not(:disabled){
205 background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
206 color:var(--wp-components-color-accent-inverted, #fff);
207}
208.components-button.is-primary:active:not(:disabled){
209 background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
210 border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
211 color:var(--wp-components-color-accent-inverted, #fff);
212}
213.components-button.is-primary:focus:not(:disabled){
214 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
215}
216.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{
217 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
218 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
219 color:#fff6;
220 outline:none;
221}
222.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{
223 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
224}
225.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{
226 background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
227 background-size:100px 100%;
228 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
229 color:var(--wp-components-color-accent-inverted, #fff);
230}
231.components-button.is-secondary,.components-button.is-tertiary{
232 outline:1px solid #0000;
233}
234.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){
235 box-shadow:none;
236}
237.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{
238 background:#0000;
239 color:#949494;
240 transform:none;
241}
242.components-button.is-secondary{
243 background:#0000;
244 box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor;
245 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
246 outline:1px solid #0000;
247 white-space:nowrap;
248}
249.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
250 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
251 box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
252 color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
253}
254.components-button.is-secondary:disabled:not(:focus),.components-button.is-secondary[aria-disabled=true]:hover:not(:focus),.components-button.is-secondary[aria-disabled=true]:not(:focus){
255 box-shadow:inset 0 0 0 1px #ddd;
256}
257.components-button.is-secondary:focus:not(:disabled){
258 box-shadow:0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
259}
260.components-button.is-tertiary{
261 background:#0000;
262 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
263 white-space:nowrap;
264}
265.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
266 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
267 color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
268}
269.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
270 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, #0000);
271}
272p+.components-button.is-tertiary{
273 margin-left:-6px;
274}
275.components-button.is-tertiary:disabled:not(:focus),.components-button.is-tertiary[aria-disabled=true]:hover:not(:focus),.components-button.is-tertiary[aria-disabled=true]:not(:focus){
276 box-shadow:none;
277 outline:none;
278}
279.components-button.is-destructive{
280 --wp-components-color-accent:#cc1818;
281 --wp-components-color-accent-darker-10:#9e1313;
282 --wp-components-color-accent-darker-20:#710d0d;
283}
284.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){
285 color:#cc1818;
286}
287.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]){
288 color:#710d0d;
289}
290.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus{
291 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818;
292}
293.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]){
294 background:#ccc;
295}
296.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled,.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true]{
297 color:#949494;
298}
299.components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
300 background:#cc18180a;
301}
302.components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]){
303 background:#cc181814;
304}
305.components-button.is-link{
306 background:none;
307 border:0;
308 border-radius:0;
309 box-shadow:none;
310 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
311 margin:0;
312 outline:none;
313 padding:0;
314 text-align:left;
315 text-decoration:underline;
316}
317@media not (prefers-reduced-motion){
318 .components-button.is-link{
319 transition-duration:.05s;
320 transition-property:border, background, color;
321 transition-timing-function:ease-in-out;
322 }
323}
324.components-button.is-link{
325 height:auto;
326}
327.components-button.is-link:focus{
328 border-radius:2px;
329}
330.components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{
331 color:#949494;
332}
333.components-button:not(:disabled,[aria-disabled=true]):active{
334 color:var(--wp-components-color-foreground, #1e1e1e);
335}
336.components-button:disabled,.components-button[aria-disabled=true]{
337 color:#949494;
338 cursor:default;
339}
340@media not (prefers-reduced-motion){
341 .components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{
342 animation:components-button__busy-animation 2.5s linear infinite;
343 }
344}
345.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{
346 background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
347 background-size:100px 100%;
348}
349.components-button.is-compact{
350 height:32px;
351}
352.components-button.is-compact.has-icon:not(.has-text){
353 min-width:32px;
354 padding:0;
355}
356.components-button.is-small{
357 font-size:11px;
358 height:24px;
359 line-height:22px;
360 padding:0 8px;
361}
362.components-button.is-small.has-icon:not(.has-text){
363 min-width:24px;
364 padding:0;
365}
366.components-button.has-icon{
367 justify-content:center;
368 min-width:36px;
369 padding:6px;
370}
371.components-button.has-icon.is-next-40px-default-size{
372 min-width:40px;
373}
374.components-button.has-icon .dashicon{
375 align-items:center;
376 box-sizing:initial;
377 display:inline-flex;
378 justify-content:center;
379 padding:2px;
380}
381.components-button.has-icon.has-text{
382 gap:4px;
383 justify-content:start;
384 padding-left:8px;
385 padding-right:12px;
386}
387.components-button.has-icon.has-text.has-icon-right{
388 padding-left:12px;
389 padding-right:8px;
390}
391.components-button.is-pressed,.components-button.is-pressed:hover{
392 color:var(--wp-components-color-foreground-inverted, #fff);
393}
394.components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]),.components-button.is-pressed:not(:disabled,[aria-disabled=true]){
395 background:var(--wp-components-color-foreground, #1e1e1e);
396}
397.components-button.is-pressed:disabled,.components-button.is-pressed[aria-disabled=true]{
398 color:#949494;
399}
400.components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary),.components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary){
401 background:#949494;
402 color:var(--wp-components-color-foreground-inverted, #fff);
403}
404.components-button.is-pressed:focus:not(:disabled){
405 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
406 outline:2px solid #0000;
407}
408.components-button svg{
409 fill:currentColor;
410 outline:none;
411}
412@media (forced-colors:active){
413 .components-button svg{
414 fill:CanvasText;
415 }
416}
417.components-button .components-visually-hidden{
418 height:auto;
419}
420
421@keyframes components-button__busy-animation{
422 0%{
423 background-position:200px 0;
424 }
425}
426.components-calendar{
427 background-color:var(--wp-components-color-background, #fff);
428 color:var(--wp-components-color-foreground, #1e1e1e);
429 display:inline-block;
430 font-size:13px;
431 font-weight:400;
432 position:relative;
433 z-index:0;
434}
435.components-calendar,.components-calendar *,.components-calendar :after,.components-calendar :before{
436 box-sizing:border-box;
437}
438
439.components-calendar__day{
440 padding:0;
441 position:relative;
442}
443.components-calendar__day:has(.components-calendar__day-button:disabled){
444 color:var(--wp-components-color-gray-600, #949494);
445}
446.components-calendar__day:has(.components-calendar__day-button:focus-visible),.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)){
447 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
448}
449
450.components-calendar__day-button{
451 align-items:center;
452 background:none;
453 border:none;
454 border-radius:2px;
455 color:inherit;
456 cursor:pointer;
457 display:flex;
458 font:inherit;
459 font-variant-numeric:tabular-nums;
460 height:32px;
461 justify-content:center;
462 margin:0;
463 padding:0;
464 position:relative;
465 width:32px;
466}
467.components-calendar__day-button:before{
468 border:none;
469 border-radius:2px;
470 content:"";
471 inset:0;
472 position:absolute;
473 z-index:-1;
474}
475.components-calendar__day-button:after{
476 content:"";
477 inset:0;
478 pointer-events:none;
479 position:absolute;
480 z-index:1;
481}
482.components-calendar__day-button:disabled{
483 cursor:revert;
484}
485@media (forced-colors:active){
486 .components-calendar__day-button:disabled{
487 text-decoration:line-through;
488 }
489}
490.components-calendar__day-button:focus-visible{
491 outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
492 outline-offset:1px;
493}
494
495.components-calendar__caption-label{
496 align-items:center;
497 border:0;
498 display:inline-flex;
499 position:relative;
500 text-transform:capitalize;
501 white-space:nowrap;
502 z-index:1;
503}
504
505.components-calendar__button-next,.components-calendar__button-previous{
506 align-items:center;
507 -moz-appearance:none;
508 -webkit-appearance:none;
509 appearance:none;
510 background:none;
511 border:none;
512 border-radius:2px;
513 color:inherit;
514 cursor:pointer;
515 display:inline-flex;
516 height:32px;
517 justify-content:center;
518 margin:0;
519 padding:0;
520 position:relative;
521 width:32px;
522}
523.components-calendar__button-next:disabled,.components-calendar__button-next[aria-disabled=true],.components-calendar__button-previous:disabled,.components-calendar__button-previous[aria-disabled=true]{
524 color:var(--wp-components-color-gray-600, #949494);
525 cursor:revert;
526}
527.components-calendar__button-next:focus-visible,.components-calendar__button-previous:focus-visible{
528 outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
529}
530
531.components-calendar__chevron{
532 display:inline-block;
533 fill:currentColor;
534 height:16px;
535 width:16px;
536}
537
538.components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron{
539 transform:rotate(180deg);
540 transform-origin:50%;
541}
542
543.components-calendar__month-caption{
544 align-content:center;
545 display:flex;
546 height:32px;
547 justify-content:center;
548 margin-bottom:12px;
549}
550
551.components-calendar__months{
552 display:flex;
553 flex-wrap:wrap;
554 gap:16px;
555 justify-content:center;
556 max-width:fit-content;
557 position:relative;
558}
559
560.components-calendar__month-grid{
561 border-collapse:initial;
562 border-spacing:0 4px;
563}
564
565.components-calendar__nav{
566 align-items:center;
567 display:flex;
568 height:32px;
569 inset-block-start:0;
570 inset-inline-end:0;
571 inset-inline-start:0;
572 justify-content:space-between;
573 position:absolute;
574}
575
576.components-calendar__weekday{
577 color:var(--wp-components-color-gray-700, #757575);
578 height:32px;
579 padding:0;
580 text-align:center;
581 text-transform:uppercase;
582 width:32px;
583}
584.components-calendar__day--today:after{
585 border:2px solid;
586 border-radius:50%;
587 content:"";
588 height:0;
589 inset-block-start:2px;
590 inset-inline-end:2px;
591 position:absolute;
592 width:0;
593 z-index:1;
594}
595
596.components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,.components-calendar__day-button:hover:not(:disabled)){
597 color:var(--wp-components-color-foreground-inverted, #fff);
598}
599.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:before{
600 background-color:var(--wp-components-color-foreground, #1e1e1e);
601 border:1px solid #0000;
602}
603.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled:before{
604 background-color:var(--wp-components-color-gray-600, #949494);
605}
606.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled):before{
607 background-color:var(--wp-components-color-gray-800, #2f2f2f);
608}
609
610.components-calendar__day--hidden{
611 visibility:hidden;
612}
613
614.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button,.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button:before{
615 border-end-end-radius:0;
616 border-start-end-radius:0;
617}
618
619.components-calendar__range-middle .components-calendar__day-button:before{
620 background-color:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
621 border-color:#0000;
622 border-radius:0;
623 border-style:solid;
624 border-width:1px 0;
625}
626
627.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button,.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button:before{
628 border-end-start-radius:0;
629 border-start-start-radius:0;
630}
631.components-calendar__day--preview svg{
632 color:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, #0000);
633 inset:0;
634 pointer-events:none;
635 position:absolute;
636}
637@media (forced-colors:active){
638 .components-calendar__day--preview svg{
639 color:inherit;
640 }
641}
642.components-calendar[dir=rtl] .components-calendar__day--preview svg{
643 transform:scaleX(-1);
644}
645
646.components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button:before{
647 border:none;
648}
649@keyframes slide-in-left{
650 0%{
651 transform:translateX(-100%);
652 }
653 to{
654 transform:translateX(0);
655 }
656}
657@keyframes slide-in-right{
658 0%{
659 transform:translateX(100%);
660 }
661 to{
662 transform:translateX(0);
663 }
664}
665@keyframes slide-out-left{
666 0%{
667 transform:translateX(0);
668 }
669 to{
670 transform:translateX(-100%);
671 }
672}
673@keyframes slide-out-right{
674 0%{
675 transform:translateX(0);
676 }
677 to{
678 transform:translateX(100%);
679 }
680}
681@keyframes fade-in{
682 0%{
683 opacity:0;
684 }
685 to{
686 opacity:1;
687 }
688}
689@keyframes fade-out{
690 0%{
691 opacity:1;
692 }
693 to{
694 opacity:0;
695 }
696}
697.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{
698 animation-duration:0s;
699 animation-fill-mode:forwards;
700 animation-timing-function:cubic-bezier(.4, 0, .2, 1);
701}
702@media not (prefers-reduced-motion){
703 .components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{
704 animation-duration:.3s;
705 }
706}
707
708.components-calendar[dir=rtl] .components-calendar__weeks-after-enter,.components-calendar__weeks-before-enter{
709 animation-name:slide-in-left;
710}
711
712.components-calendar[dir=rtl] .components-calendar__weeks-after-exit,.components-calendar__weeks-before-exit{
713 animation-name:slide-out-left;
714}
715
716.components-calendar[dir=rtl] .components-calendar__weeks-before-enter,.components-calendar__weeks-after-enter{
717 animation-name:slide-in-right;
718}
719
720.components-calendar[dir=rtl] .components-calendar__weeks-before-exit,.components-calendar__weeks-after-exit{
721 animation-name:slide-out-right;
722}
723
724.components-calendar__caption-after-enter{
725 animation-name:fade-in;
726}
727
728.components-calendar__caption-after-exit{
729 animation-name:fade-out;
730}
731
732.components-calendar__caption-before-enter{
733 animation-name:fade-in;
734}
735
736.components-calendar__caption-before-exit{
737 animation-name:fade-out;
738}
739
740.components-checkbox-control{
741 --checkbox-input-size:24px;
742}
743@media (min-width:600px){
744 .components-checkbox-control{
745 --checkbox-input-size:16px;
746 }
747}
748.components-checkbox-control{
749 --checkbox-input-margin:8px;
750}
751
752.components-checkbox-control__label{
753 cursor:pointer;
754 line-height:var(--checkbox-input-size);
755}
756
757.components-checkbox-control__input[type=checkbox]{
758 border:1px solid #949494;
759 border-radius:2px;
760 box-shadow:0 0 0 #0000;
761 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
762 font-size:16px;
763 line-height:normal;
764 margin-right:12px;
765 padding:6px 8px;
766 transition:none;
767}
768@media not (prefers-reduced-motion){
769 .components-checkbox-control__input[type=checkbox]{
770 transition:box-shadow .1s linear;
771 }
772}
773@media (min-width:600px){
774 .components-checkbox-control__input[type=checkbox]{
775 font-size:13px;
776 line-height:normal;
777 }
778}
779.components-checkbox-control__input[type=checkbox]:focus{
780 border-color:var(--wp-admin-theme-color);
781 box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
782}
783.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
784 color:#1e1e1e9e;
785}
786.components-checkbox-control__input[type=checkbox]::-moz-placeholder{
787 color:#1e1e1e9e;
788}
789.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
790 color:#1e1e1e9e;
791}
792.components-checkbox-control__input[type=checkbox]:focus{
793 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
794}
795.components-checkbox-control__input[type=checkbox]:checked{
796 background:var(--wp-admin-theme-color);
797 border-color:var(--wp-admin-theme-color);
798}
799.components-checkbox-control__input[type=checkbox]:checked::-ms-check{
800 opacity:0;
801}
802.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
803 color:#fff;
804 margin:-3px -5px;
805}
806@media (min-width:782px){
807 .components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
808 margin:-4px 0 0 -5px;
809 }
810}
811.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{
812 background:var(--wp-admin-theme-color);
813 border-color:var(--wp-admin-theme-color);
814}
815.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
816 content:"\f460";
817 display:inline-block;
818 float:left;
819 font:normal 30px/1 dashicons;
820 vertical-align:middle;
821 width:16px;
822 speak:none;
823 -webkit-font-smoothing:antialiased;
824 -moz-osx-font-smoothing:grayscale;
825}
826@media (min-width:782px){
827 .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
828 float:none;
829 font-size:21px;
830 }
831}
832.components-checkbox-control__input[type=checkbox]:disabled,.components-checkbox-control__input[type=checkbox][aria-disabled=true]{
833 background:#f0f0f0;
834 border-color:#ddd;
835 cursor:default;
836 opacity:1;
837}
838.components-checkbox-control__input[type=checkbox]{
839 appearance:none;
840 background:#fff;
841 clear:none;
842 color:#1e1e1e;
843 cursor:pointer;
844 display:inline-block;
845 height:var(--checkbox-input-size);
846 line-height:0;
847 margin:0 4px 0 0;
848 outline:0;
849 padding:0 !important;
850 text-align:center;
851 vertical-align:top;
852 width:var(--checkbox-input-size);
853}
854@media not (prefers-reduced-motion){
855 .components-checkbox-control__input[type=checkbox]{
856 transition:border-color .1s ease-in-out;
857 }
858}
859.components-checkbox-control__input[type=checkbox]:focus{
860 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
861 outline:2px solid #0000;
862 outline-offset:2px;
863}
864.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{
865 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
866 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
867}
868.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{
869 opacity:0;
870}
871.components-checkbox-control__input[type=checkbox]:checked:before{
872 content:none;
873}
874
875.components-checkbox-control__input-container{
876 aspect-ratio:1;
877 display:inline-block;
878 flex-shrink:0;
879 line-height:1;
880 margin-right:var(--checkbox-input-margin);
881 position:relative;
882 vertical-align:middle;
883 width:var(--checkbox-input-size);
884}
885
886svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
887 --checkmark-size:var(--checkbox-input-size);
888 fill:#fff;
889 cursor:pointer;
890 height:var(--checkmark-size);
891 left:50%;
892 pointer-events:none;
893 position:absolute;
894 top:50%;
895 transform:translate(-50%, -50%);
896 -webkit-user-select:none;
897 user-select:none;
898 width:var(--checkmark-size);
899}
900@media (min-width:600px){
901 svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
902 --checkmark-size:calc(var(--checkbox-input-size) + 4px);
903 }
904}
905
906.components-checkbox-control__help{
907 display:inline-block;
908 margin-inline-start:calc(var(--checkbox-input-size) + var(--checkbox-input-margin));
909}
910
911.components-circular-option-picker{
912 display:inline-block;
913 min-width:188px;
914 width:100%;
915}
916.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{
917 display:flex;
918 justify-content:flex-end;
919 margin-top:12px;
920}
921.components-circular-option-picker .components-circular-option-picker__swatches{
922 display:flex;
923 flex-wrap:wrap;
924 gap:12px;
925 position:relative;
926 z-index:1;
927}
928.components-circular-option-picker>:not(.components-circular-option-picker__swatches){
929 position:relative;
930 z-index:0;
931}
932
933.components-circular-option-picker__option-wrapper{
934 display:inline-block;
935 height:28px;
936 transform:scale(1);
937 vertical-align:top;
938 width:28px;
939}
940@media not (prefers-reduced-motion){
941 .components-circular-option-picker__option-wrapper{
942 transition:transform .1s ease;
943 will-change:transform;
944 }
945}
946.components-circular-option-picker__option-wrapper:hover{
947 transform:scale(1.2);
948}
949.components-circular-option-picker__option-wrapper>div{
950 height:100%;
951 width:100%;
952}
953
954.components-circular-option-picker__option-wrapper:before{
955 background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555d65' d='M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' d='M18 18v2h-2v-2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");
956 border-radius:50%;
957 bottom:1px;
958 content:"";
959 left:1px;
960 position:absolute;
961 right:1px;
962 top:1px;
963 z-index:-1;
964}
965
966.components-circular-option-picker__option{
967 aspect-ratio:1;
968 background:#0000;
969 border:none;
970 border-radius:50%;
971 box-shadow:inset 0 0 0 14px;
972 display:inline-block;
973 height:100% !important;
974 vertical-align:top;
975}
976@media not (prefers-reduced-motion){
977 .components-circular-option-picker__option{
978 transition:box-shadow .1s ease;
979 }
980}
981.components-circular-option-picker__option{
982 cursor:pointer;
983}
984.components-circular-option-picker__option:hover{
985 box-shadow:inset 0 0 0 14px !important;
986}
987.components-circular-option-picker__option[aria-pressed=true],.components-circular-option-picker__option[aria-selected=true]{
988 box-shadow:inset 0 0 0 4px;
989 overflow:visible;
990 position:relative;
991 z-index:1;
992}
993.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{
994 border-radius:50%;
995 left:2px;
996 pointer-events:none;
997 position:absolute;
998 top:2px;
999 z-index:2;
1000}
1001.components-circular-option-picker__option:after{
1002 border:1px solid #0000;
1003 border-radius:50%;
1004 bottom:-1px;
1005 box-shadow:inset 0 0 0 1px #0003;
1006 box-sizing:inherit;
1007 content:"";
1008 left:-1px;
1009 position:absolute;
1010 right:-1px;
1011 top:-1px;
1012}
1013.components-circular-option-picker__option:focus:after{
1014 border:2px solid #757575;
1015 border-radius:50%;
1016 box-shadow:inset 0 0 0 2px #fff;
1017 content:"";
1018 height:calc(100% + 4px);
1019 left:50%;
1020 position:absolute;
1021 top:50%;
1022 transform:translate(-50%, -50%);
1023 width:calc(100% + 4px);
1024}
1025.components-circular-option-picker__option.components-button:focus{
1026 background-color:initial;
1027 box-shadow:inset 0 0 0 14px;
1028 outline:none;
1029}
1030
1031.components-circular-option-picker__button-action .components-circular-option-picker__option{
1032 background:#fff;
1033 color:#fff;
1034}
1035
1036.components-circular-option-picker__dropdown-link-action{
1037 margin-right:16px;
1038}
1039.components-circular-option-picker__dropdown-link-action .components-button{
1040 line-height:22px;
1041}
1042
1043.components-palette-edit__popover-gradient-picker{
1044 padding:8px;
1045 width:260px;
1046}
1047
1048.components-dropdown-menu__menu .components-palette-edit__menu-button{
1049 width:100%;
1050}
1051
1052.component-color-indicator{
1053 background:#fff linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
1054 border-radius:50%;
1055 box-shadow:inset 0 0 0 1px #0003;
1056 display:inline-block;
1057 height:20px;
1058 padding:0;
1059 width:20px;
1060}
1061
1062.components-combobox-control{
1063 width:100%;
1064}
1065
1066input.components-combobox-control__input[type=text]{
1067 background:var(--wp-components-color-background, #fff);
1068 border:none;
1069 box-shadow:none;
1070 color:var(--wp-components-color-foreground, #1e1e1e);
1071 font-family:inherit;
1072 font-size:16px;
1073 line-height:inherit;
1074 margin:0;
1075 min-height:auto;
1076 padding:2px;
1077 width:100%;
1078}
1079@media (min-width:600px){
1080 input.components-combobox-control__input[type=text]{
1081 font-size:13px;
1082 }
1083}
1084input.components-combobox-control__input[type=text]:focus{
1085 box-shadow:none;
1086 outline:none;
1087}
1088
1089.components-combobox-control__suggestions-container{
1090 border:1px solid #949494;
1091 border-radius:2px;
1092 box-shadow:0 0 0 #0000;
1093 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1094 font-size:16px;
1095 line-height:normal;
1096 padding:6px 8px;
1097}
1098@media not (prefers-reduced-motion){
1099 .components-combobox-control__suggestions-container{
1100 transition:box-shadow .1s linear;
1101 }
1102}
1103@media (min-width:600px){
1104 .components-combobox-control__suggestions-container{
1105 font-size:13px;
1106 line-height:normal;
1107 }
1108}
1109.components-combobox-control__suggestions-container:focus{
1110 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1111 box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1112 outline:2px solid #0000;
1113}
1114.components-combobox-control__suggestions-container::-webkit-input-placeholder{
1115 color:#1e1e1e9e;
1116}
1117.components-combobox-control__suggestions-container::-moz-placeholder{
1118 color:#1e1e1e9e;
1119}
1120.components-combobox-control__suggestions-container:-ms-input-placeholder{
1121 color:#1e1e1e9e;
1122}
1123.components-combobox-control__suggestions-container{
1124 align-items:flex-start;
1125 display:flex;
1126 flex-wrap:wrap;
1127 padding:0;
1128 width:100%;
1129}
1130.components-combobox-control__suggestions-container:focus-within{
1131 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1132 box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1133 outline:2px solid #0000;
1134}
1135.components-combobox-control__suggestions-container .components-spinner{
1136 margin:0;
1137}
1138
1139.components-color-palette__custom-color-wrapper{
1140 position:relative;
1141 z-index:0;
1142}
1143
1144.components-color-palette__custom-color-button{
1145 background:none;
1146 border:none;
1147 border-radius:4px 4px 0 0;
1148 box-shadow:inset 0 0 0 1px #0003;
1149 box-sizing:border-box;
1150 cursor:pointer;
1151 height:64px;
1152 outline:1px solid #0000;
1153 position:relative;
1154 width:100%;
1155}
1156.components-color-palette__custom-color-button:focus{
1157 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1158 outline-width:2px;
1159}
1160.components-color-palette__custom-color-button:after{
1161 background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
1162 background-position:0 0, 24px 24px;
1163 background-size:48px 48px;
1164 border-radius:3px 3px 0 0;
1165 content:"";
1166 inset:1px;
1167 position:absolute;
1168 z-index:-1;
1169}
1170
1171.components-color-palette__custom-color-text-wrapper{
1172 border-radius:0 0 4px 4px;
1173 box-shadow:inset 0 -1px 0 0 #0003,inset 1px 0 0 0 #0003,inset -1px 0 0 0 #0003;
1174 font-size:13px;
1175 padding:12px 16px;
1176 position:relative;
1177}
1178
1179.components-color-palette__custom-color-name{
1180 color:var(--wp-components-color-foreground, #1e1e1e);
1181 margin:0 1px;
1182}
1183
1184.components-color-palette__custom-color-value{
1185 color:#757575;
1186}
1187.components-color-palette__custom-color-value--is-hex{
1188 text-transform:uppercase;
1189}
1190.components-color-palette__custom-color-value:empty:after{
1191 content:"";
1192 visibility:hidden;
1193}
1194
1195.components-custom-gradient-picker__gradient-bar{
1196 border-radius:2px;
1197 height:48px;
1198 position:relative;
1199 width:100%;
1200 z-index:1;
1201}
1202.components-custom-gradient-picker__gradient-bar.has-gradient{
1203 background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
1204 background-position:0 0, 12px 12px;
1205 background-size:24px 24px;
1206}
1207.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{
1208 inset:0;
1209 position:absolute;
1210}
1211.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{
1212 margin-left:auto;
1213 margin-right:auto;
1214 position:relative;
1215 width:calc(100% - 48px);
1216}
1217.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{
1218 display:flex;
1219 height:16px;
1220 position:absolute;
1221 top:16px;
1222 width:16px;
1223}
1224.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{
1225 background:#fff;
1226 border-radius:50%;
1227 color:#1e1e1e;
1228 height:inherit;
1229 min-width:16px !important;
1230 padding:2px;
1231 position:relative;
1232 width:inherit;
1233}
1234.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{
1235 height:100%;
1236 width:100%;
1237}
1238.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{
1239 border-radius:50%;
1240 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 #00000040;
1241 height:inherit;
1242 outline:2px solid #0000;
1243 padding:0;
1244 width:inherit;
1245}
1246.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{
1247 box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 #00000040;
1248 outline:1.5px solid #0000;
1249}
1250
1251.components-custom-gradient-picker__remove-control-point-wrapper{
1252 padding-bottom:8px;
1253}
1254
1255.components-custom-gradient-picker__inserter{
1256 direction:ltr;
1257}
1258
1259.components-custom-gradient-picker__liner-gradient-indicator{
1260 display:inline-block;
1261 flex:0 auto;
1262 height:20px;
1263 width:20px;
1264}
1265
1266.components-custom-gradient-picker__ui-line{
1267 position:relative;
1268 z-index:0;
1269}
1270
1271body.is-dragging-components-draggable{
1272 cursor:move;
1273 cursor:grabbing !important;
1274}
1275
1276.components-draggable__invisible-drag-image{
1277 height:50px;
1278 left:-1000px;
1279 position:fixed;
1280 width:50px;
1281}
1282
1283.components-draggable__clone{
1284 background:#0000;
1285 padding:0;
1286 pointer-events:none;
1287 position:fixed;
1288 z-index:1000000000;
1289}
1290
1291.components-drop-zone{
1292 border-radius:2px;
1293 bottom:0;
1294 left:0;
1295 opacity:0;
1296 position:absolute;
1297 right:0;
1298 top:0;
1299 visibility:hidden;
1300 z-index:40;
1301}
1302.components-drop-zone.is-active{
1303 opacity:1;
1304 visibility:visible;
1305}
1306.components-drop-zone .components-drop-zone__content{
1307 align-items:center;
1308 background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1309 bottom:0;
1310 color:#fff;
1311 display:flex;
1312 height:100%;
1313 justify-content:center;
1314 left:0;
1315 opacity:0;
1316 pointer-events:none;
1317 position:absolute;
1318 right:0;
1319 text-align:center;
1320 top:0;
1321 width:100%;
1322 z-index:50;
1323}
1324.components-drop-zone .components-drop-zone__content-inner{
1325 opacity:0;
1326 transform:scale(.9);
1327}
1328.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
1329 opacity:1;
1330}
1331@media not (prefers-reduced-motion){
1332 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
1333 transition:opacity .2s ease-in-out;
1334 }
1335}
1336.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
1337 opacity:1;
1338 transform:scale(1);
1339}
1340@media not (prefers-reduced-motion){
1341 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
1342 transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s;
1343 }
1344}
1345
1346.components-drop-zone__content-icon,.components-drop-zone__content-text{
1347 display:block;
1348}
1349
1350.components-drop-zone__content-icon{
1351 line-height:0;
1352 margin:0 auto 8px;
1353 fill:currentColor;
1354 pointer-events:none;
1355}
1356
1357.components-drop-zone__content-text{
1358 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1359 font-size:13px;
1360}
1361
1362.components-dropdown{
1363 display:inline-block;
1364}
1365
1366.components-dropdown__content .components-popover__content{
1367 padding:8px;
1368}
1369.components-dropdown__content .components-popover__content:has(.components-menu-group){
1370 padding:0;
1371}
1372.components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu>.components-menu-item__button,.components-dropdown__content .components-popover__content:has(.components-menu-group)>.components-menu-item__button{
1373 margin:8px;
1374 width:auto;
1375}
1376.components-dropdown__content [role=menuitem]{
1377 white-space:nowrap;
1378}
1379.components-dropdown__content .components-menu-group{
1380 padding:8px;
1381}
1382.components-dropdown__content .components-menu-group+.components-menu-group{
1383 border-top:1px solid #ccc;
1384 padding:8px;
1385}
1386.components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{
1387 border-color:#1e1e1e;
1388}
1389
1390.components-dropdown-menu__toggle{
1391 vertical-align:top;
1392}
1393
1394.components-dropdown-menu__menu{
1395 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1396 font-size:13px;
1397 line-height:1.4;
1398 width:100%;
1399}
1400.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{
1401 cursor:pointer;
1402 outline:none;
1403 padding:6px;
1404 white-space:nowrap;
1405 width:100%;
1406}
1407.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{
1408 margin-top:6px;
1409 overflow:visible;
1410 position:relative;
1411}
1412.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{
1413 background-color:#ddd;
1414 box-sizing:initial;
1415 content:"";
1416 display:block;
1417 height:1px;
1418 left:0;
1419 position:absolute;
1420 right:0;
1421 top:-3px;
1422}
1423.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-menu-item.is-active svg{
1424 background:#1e1e1e;
1425 border-radius:1px;
1426 box-shadow:0 0 0 1px #1e1e1e;
1427 color:#fff;
1428}
1429.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{
1430 width:auto;
1431}
1432.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{
1433 height:auto;
1434 min-height:40px;
1435 padding-left:8px;
1436 padding-right:8px;
1437 text-align:left;
1438}
1439
1440.components-duotone-picker__color-indicator:before{
1441 background:#0000;
1442}
1443.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){
1444 background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
1445 color:#0000;
1446}
1447.components-duotone-picker__color-indicator>.components-button:hover:not(:disabled):not([aria-disabled=true]),.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{
1448 color:#0000;
1449}
1450
1451.components-color-list-picker,.components-color-list-picker__swatch-button{
1452 width:100%;
1453}
1454
1455.components-color-list-picker__color-picker{
1456 margin:8px 0;
1457}
1458
1459.components-color-list-picker__swatch-color{
1460 margin:2px;
1461}
1462
1463.components-external-link{
1464 text-decoration:none;
1465}
1466
1467.components-external-link__contents{
1468 text-decoration:underline;
1469}
1470
1471.components-external-link__icon{
1472 font-weight:400;
1473 margin-left:.5ch;
1474}
1475.components-form-toggle,.components-form-toggle .components-form-toggle__track{
1476 display:inline-block;
1477 height:16px;
1478 position:relative;
1479}
1480.components-form-toggle .components-form-toggle__track{
1481 background-color:#fff;
1482 border:1px solid #949494;
1483 border-radius:8px;
1484 box-sizing:border-box;
1485 content:"";
1486 vertical-align:top;
1487 width:32px;
1488}
1489@media not (prefers-reduced-motion){
1490 .components-form-toggle .components-form-toggle__track{
1491 transition:background-color .2s ease,border-color .2s ease;
1492 }
1493}
1494.components-form-toggle .components-form-toggle__track{
1495 overflow:hidden;
1496}
1497.components-form-toggle .components-form-toggle__track:after{
1498 border-top:16px solid #0000;
1499 box-sizing:border-box;
1500 content:"";
1501 inset:0;
1502 position:absolute;
1503}
1504@media not (prefers-reduced-motion){
1505 .components-form-toggle .components-form-toggle__track:after{
1506 transition:opacity .2s ease;
1507 }
1508}
1509.components-form-toggle .components-form-toggle__track:after{
1510 opacity:0;
1511}
1512.components-form-toggle .components-form-toggle__thumb{
1513 border-radius:50%;
1514 box-sizing:border-box;
1515 display:block;
1516 height:12px;
1517 left:2px;
1518 position:absolute;
1519 top:2px;
1520 width:12px;
1521}
1522@media not (prefers-reduced-motion){
1523 .components-form-toggle .components-form-toggle__thumb{
1524 transition:transform .2s ease,background-color .2s ease-out;
1525 }
1526}
1527.components-form-toggle .components-form-toggle__thumb{
1528 background-color:#1e1e1e;
1529 border:6px solid #0000;
1530 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
1531}
1532.components-form-toggle.is-checked .components-form-toggle__track{
1533 background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1534 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1535}
1536.components-form-toggle.is-checked .components-form-toggle__track:after{
1537 opacity:1;
1538}
1539.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{
1540 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1541 outline:2px solid #0000;
1542 outline-offset:2px;
1543}
1544.components-form-toggle.is-checked .components-form-toggle__thumb{
1545 background-color:#fff;
1546 border-width:0;
1547 transform:translateX(16px);
1548}
1549.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{
1550 opacity:.3;
1551}
1552
1553.components-form-toggle input.components-form-toggle__input[type=checkbox]{
1554 border:none;
1555 height:100%;
1556 left:0;
1557 margin:0;
1558 opacity:0;
1559 padding:0;
1560 position:absolute;
1561 top:0;
1562 width:100%;
1563 z-index:1;
1564}
1565.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{
1566 background:none;
1567}
1568.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{
1569 content:"";
1570}
1571.components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled,[aria-disabled=true]){
1572 cursor:pointer;
1573}
1574
1575.components-form-token-field__input-container{
1576 border:1px solid #949494;
1577 border-radius:2px;
1578 box-shadow:0 0 0 #0000;
1579 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
1580 font-size:16px;
1581 line-height:normal;
1582 padding:6px 8px;
1583}
1584@media not (prefers-reduced-motion){
1585 .components-form-token-field__input-container{
1586 transition:box-shadow .1s linear;
1587 }
1588}
1589@media (min-width:600px){
1590 .components-form-token-field__input-container{
1591 font-size:13px;
1592 line-height:normal;
1593 }
1594}
1595.components-form-token-field__input-container:focus{
1596 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1597 box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1598 outline:2px solid #0000;
1599}
1600.components-form-token-field__input-container::-webkit-input-placeholder{
1601 color:#1e1e1e9e;
1602}
1603.components-form-token-field__input-container::-moz-placeholder{
1604 color:#1e1e1e9e;
1605}
1606.components-form-token-field__input-container:-ms-input-placeholder{
1607 color:#1e1e1e9e;
1608}
1609.components-form-token-field__input-container{
1610 cursor:text;
1611 padding:0;
1612 width:100%;
1613}
1614.components-form-token-field__input-container.is-disabled{
1615 background:#ddd;
1616 border-color:#ddd;
1617}
1618.components-form-token-field__input-container.is-active{
1619 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1620 box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1621 outline:2px solid #0000;
1622}
1623.components-form-token-field__input-container input[type=text].components-form-token-field__input{
1624 background:inherit;
1625 border:0;
1626 box-shadow:none;
1627 color:var(--wp-components-color-foreground, #1e1e1e);
1628 display:inline-block;
1629 flex:1;
1630 font-family:inherit;
1631 font-size:16px;
1632 margin-left:4px;
1633 max-width:100%;
1634 min-height:24px;
1635 min-width:50px;
1636 padding:0;
1637 width:100%;
1638}
1639@media (min-width:600px){
1640 .components-form-token-field__input-container input[type=text].components-form-token-field__input{
1641 font-size:13px;
1642 }
1643}
1644.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{
1645 box-shadow:none;
1646 outline:none;
1647}
1648.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{
1649 width:auto;
1650}
1651
1652.components-form-token-field__token{
1653 color:#1e1e1e;
1654 display:flex;
1655 font-size:13px;
1656 max-width:100%;
1657}
1658.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{
1659 background:#4ab866;
1660}
1661.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{
1662 background:#cc1818;
1663}
1664.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{
1665 color:#757575;
1666}
1667.components-form-token-field__token.is-borderless{
1668 padding:0 24px 0 0;
1669 position:relative;
1670}
1671.components-form-token-field__token.is-borderless .components-form-token-field__token-text{
1672 background:#0000;
1673}
1674.components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text{
1675 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1676}
1677.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
1678 background:#0000;
1679 color:#757575;
1680 position:absolute;
1681 right:0;
1682 top:1px;
1683}
1684.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{
1685 color:#4ab866;
1686}
1687.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{
1688 color:#cc1818;
1689 padding:0 4px 0 6px;
1690}
1691.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{
1692 color:#1e1e1e;
1693}
1694
1695.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
1696 background:#ddd;
1697 display:inline-block;
1698 height:auto;
1699 min-width:unset;
1700}
1701@media not (prefers-reduced-motion){
1702 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
1703 transition:all .2s cubic-bezier(.4, 1, .4, 1);
1704 }
1705}
1706
1707.components-form-token-field__token-text{
1708 border-radius:1px 0 0 1px;
1709 line-height:24px;
1710 overflow:hidden;
1711 padding:0 0 0 8px;
1712 text-overflow:ellipsis;
1713 white-space:nowrap;
1714}
1715
1716.components-form-token-field__remove-token.components-button{
1717 border-radius:0 1px 1px 0;
1718 color:#1e1e1e;
1719 line-height:10px;
1720 overflow:initial;
1721}
1722.components-form-token-field__remove-token.components-button:hover:not(:disabled){
1723 color:#1e1e1e;
1724}
1725
1726.components-form-token-field__suggestions-list{
1727 flex:1 0 100%;
1728 max-height:128px;
1729 min-width:100%;
1730 overflow-y:auto;
1731}
1732@media not (prefers-reduced-motion){
1733 .components-form-token-field__suggestions-list{
1734 transition:all .15s ease-in-out;
1735 }
1736}
1737.components-form-token-field__suggestions-list{
1738 box-shadow:inset 0 1px 0 0 #949494;
1739 list-style:none;
1740 margin:0;
1741 padding:0;
1742}
1743
1744.components-form-token-field__suggestion{
1745 box-sizing:border-box;
1746 color:var(--wp-components-color-foreground, #1e1e1e);
1747 display:block;
1748 font-size:13px;
1749 margin:0;
1750 min-height:32px;
1751 padding:8px 12px;
1752}
1753.components-form-token-field__suggestion.is-selected{
1754 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1755 color:var(--wp-components-color-foreground-inverted, #fff);
1756}
1757.components-form-token-field__suggestion[aria-disabled=true]{
1758 color:#949494;
1759 pointer-events:none;
1760}
1761.components-form-token-field__suggestion[aria-disabled=true].is-selected{
1762 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
1763}
1764.components-form-token-field__suggestion:not(.is-empty){
1765 cursor:pointer;
1766}
1767
1768@media (min-width:600px){
1769 .components-guide{
1770 width:600px;
1771 }
1772}
1773.components-guide .components-modal__content{
1774 margin-top:0;
1775 padding:0;
1776}
1777.components-guide .components-modal__content:before{
1778 content:none;
1779}
1780.components-guide .components-modal__header{
1781 border-bottom:none;
1782 height:64px;
1783 padding:0;
1784 position:sticky;
1785}
1786.components-guide .components-modal__header .components-button{
1787 align-self:flex-start;
1788 margin:8px 8px 0 0;
1789 position:static;
1790}
1791.components-guide .components-modal__header .components-button:hover svg{
1792 fill:#fff;
1793}
1794.components-guide .components-guide__container{
1795 display:flex;
1796 flex-direction:column;
1797 justify-content:space-between;
1798 margin-top:-64px;
1799 min-height:100%;
1800}
1801.components-guide .components-guide__page{
1802 display:flex;
1803 flex-direction:column;
1804 justify-content:center;
1805 position:relative;
1806}
1807@media (min-width:600px){
1808 .components-guide .components-guide__page{
1809 min-height:300px;
1810 }
1811}
1812.components-guide .components-guide__footer{
1813 align-content:center;
1814 display:flex;
1815 height:36px;
1816 justify-content:center;
1817 margin:0 0 24px;
1818 padding:0 32px;
1819 position:relative;
1820 width:100%;
1821}
1822.components-guide .components-guide__page-control{
1823 margin:0;
1824 text-align:center;
1825}
1826.components-guide .components-guide__page-control li{
1827 display:inline-block;
1828 margin:0;
1829}
1830.components-guide .components-guide__page-control .components-button{
1831 color:#e0e0e0;
1832 margin:-6px 0;
1833}
1834.components-guide .components-guide__page-control li[aria-current=step] .components-button{
1835 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1836}
1837
1838.components-modal__frame.components-guide{
1839 border:none;
1840 max-height:575px;
1841 min-width:312px;
1842}
1843@media (max-width:600px){
1844 .components-modal__frame.components-guide{
1845 margin:auto;
1846 max-width:calc(100vw - 32px);
1847 }
1848}
1849
1850.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
1851 position:absolute;
1852}
1853.components-button.components-guide__back-button{
1854 left:32px;
1855}
1856.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
1857 right:32px;
1858}
1859
1860[role=region]{
1861 position:relative;
1862}
1863
1864.is-focusing-regions [role=region]:focus:after,[role=region].interface-interface-skeleton__content:focus-visible:after{
1865 bottom:0;
1866 content:"";
1867 left:0;
1868 pointer-events:none;
1869 position:absolute;
1870 right:0;
1871 top:0;
1872 z-index:1000000;
1873}
1874.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,[role=region].interface-interface-skeleton__content:focus-visible:after{
1875 outline-color:var(--wp-admin-theme-color);
1876 outline-offset:calc(var(--wp-admin-border-width-focus)*-2/var(--wp-block-editor-iframe-zoom-out-scale, 1));
1877 outline-style:solid;
1878 outline-width:calc(var(--wp-admin-border-width-focus)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1));
1879}
1880
1881.components-menu-group+.components-menu-group{
1882 border-top:1px solid #1e1e1e;
1883 padding-top:8px;
1884}
1885.components-menu-group+.components-menu-group.has-hidden-separator{
1886 border-top:none;
1887 margin-top:0;
1888 padding-top:0;
1889}
1890
1891.components-menu-group:has(>div:empty){
1892 display:none;
1893}
1894
1895.components-menu-group__label{
1896 color:#757575;
1897 font-size:11px;
1898 font-weight:500;
1899 margin-bottom:12px;
1900 margin-top:4px;
1901 padding:0 8px;
1902 text-transform:uppercase;
1903 white-space:nowrap;
1904}
1905
1906.components-menu-item__button,.components-menu-item__button.components-button{
1907 width:100%;
1908}
1909.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{
1910 box-sizing:initial;
1911 padding-right:48px;
1912}
1913.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{
1914 display:inline-block;
1915 flex:0 0 auto;
1916}
1917.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{
1918 margin-left:24px;
1919 margin-right:-2px;
1920}
1921.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{
1922 margin-left:8px;
1923}
1924.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{
1925 margin-left:-2px;
1926 margin-right:8px;
1927}
1928.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{
1929 justify-content:center;
1930}
1931.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{
1932 margin-right:0;
1933}
1934.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{
1935 background:none;
1936 color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
1937 opacity:.3;
1938}
1939
1940.components-menu-item__info-wrapper{
1941 display:flex;
1942 flex-direction:column;
1943 margin-right:auto;
1944}
1945
1946.components-menu-item__info{
1947 color:#757575;
1948 font-size:12px;
1949 margin-top:4px;
1950 white-space:normal;
1951}
1952
1953.components-menu-item__item{
1954 align-items:center;
1955 display:inline-flex;
1956 margin-right:auto;
1957 min-width:160px;
1958 white-space:nowrap;
1959}
1960
1961.components-menu-item__shortcut{
1962 align-self:center;
1963 color:currentColor;
1964 display:none;
1965 margin-left:auto;
1966 margin-right:0;
1967 padding-left:24px;
1968}
1969@media (min-width:480px){
1970 .components-menu-item__shortcut{
1971 display:inline;
1972 }
1973}
1974
1975.components-menu-items-choice,.components-menu-items-choice.components-button{
1976 height:auto;
1977 min-height:40px;
1978}
1979.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{
1980 margin-right:12px;
1981}
1982.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{
1983 padding-left:12px;
1984}
1985
1986.components-modal__screen-overlay{
1987 background-color:#00000059;
1988 bottom:0;
1989 display:flex;
1990 left:0;
1991 position:fixed;
1992 right:0;
1993 top:0;
1994 z-index:100000;
1995}
1996@keyframes __wp-base-styles-fade-in{
1997 0%{
1998 opacity:0;
1999 }
2000 to{
2001 opacity:1;
2002 }
2003}
2004@media not (prefers-reduced-motion){
2005 .components-modal__screen-overlay{
2006 animation:__wp-base-styles-fade-in .08s linear 0s;
2007 animation-fill-mode:forwards;
2008 }
2009}
2010@keyframes __wp-base-styles-fade-out{
2011 0%{
2012 opacity:1;
2013 }
2014 to{
2015 opacity:0;
2016 }
2017}
2018@media not (prefers-reduced-motion){
2019 .components-modal__screen-overlay.is-animating-out{
2020 animation:__wp-base-styles-fade-out .08s linear 80ms;
2021 animation-fill-mode:forwards;
2022 }
2023}
2024
2025.components-modal__frame{
2026 box-sizing:border-box;
2027}
2028.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{
2029 box-sizing:inherit;
2030}
2031.components-modal__frame{
2032 animation-fill-mode:forwards;
2033 animation-name:components-modal__appear-animation;
2034 animation-timing-function:cubic-bezier(.29, 0, 0, 1);
2035 background:#fff;
2036 border-radius:8px 8px 0 0;
2037 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
2038 color:#1e1e1e;
2039 display:flex;
2040 margin:40px 0 0;
2041 overflow:hidden;
2042 width:100%;
2043}
2044.components-modal__frame h1,.components-modal__frame h2,.components-modal__frame h3{
2045 color:#1e1e1e;
2046}
2047@media not (prefers-reduced-motion){
2048 .components-modal__frame{
2049 animation-duration:var(--modal-frame-animation-duration);
2050 }
2051}
2052.components-modal__screen-overlay.is-animating-out .components-modal__frame{
2053 animation-name:components-modal__disappear-animation;
2054 animation-timing-function:cubic-bezier(1, 0, .2, 1);
2055}
2056@media (min-width:600px){
2057 .components-modal__frame{
2058 border-radius:8px;
2059 margin:auto;
2060 max-height:calc(100% - 128px);
2061 max-width:calc(100% - 32px);
2062 min-width:350px;
2063 width:auto;
2064 }
2065}
2066@media (min-width:600px) and (min-width:600px){
2067 .components-modal__frame.is-full-screen{
2068 height:calc(100% - 32px);
2069 max-height:none;
2070 width:calc(100% - 32px);
2071 }
2072}
2073@media (min-width:600px) and (min-width:782px){
2074 .components-modal__frame.is-full-screen{
2075 height:calc(100% - 80px);
2076 max-width:none;
2077 width:calc(100% - 80px);
2078 }
2079}
2080@media (min-width:600px){
2081 .components-modal__frame.has-size-large,.components-modal__frame.has-size-medium,.components-modal__frame.has-size-small{
2082 width:100%;
2083 }
2084 .components-modal__frame.has-size-small{
2085 max-width:384px;
2086 }
2087 .components-modal__frame.has-size-medium{
2088 max-width:512px;
2089 }
2090 .components-modal__frame.has-size-large{
2091 max-width:840px;
2092 }
2093}
2094@media (min-width:960px){
2095 .components-modal__frame{
2096 max-height:70%;
2097 }
2098}
2099
2100@keyframes components-modal__appear-animation{
2101 0%{
2102 opacity:0;
2103 transform:scale(.9);
2104 }
2105 to{
2106 opacity:1;
2107 transform:scale(1);
2108 }
2109}
2110@keyframes components-modal__disappear-animation{
2111 0%{
2112 opacity:1;
2113 transform:scale(1);
2114 }
2115 to{
2116 opacity:0;
2117 transform:scale(.9);
2118 }
2119}
2120.components-modal__header{
2121 align-items:center;
2122 border-bottom:1px solid #0000;
2123 box-sizing:border-box;
2124 display:flex;
2125 flex-direction:row;
2126 height:72px;
2127 justify-content:space-between;
2128 left:0;
2129 padding:24px 32px 8px;
2130 position:absolute;
2131 top:0;
2132 width:100%;
2133 z-index:10;
2134}
2135.components-modal__header .components-modal__header-heading{
2136 font-size:1.2rem;
2137 font-weight:600;
2138}
2139.components-modal__header h1{
2140 line-height:1;
2141 margin:0;
2142}
2143.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{
2144 border-bottom-color:#ddd;
2145}
2146.components-modal__header+p{
2147 margin-top:0;
2148}
2149
2150.components-modal__header-heading-container{
2151 align-items:center;
2152 display:flex;
2153 flex-direction:row;
2154 flex-grow:1;
2155 justify-content:flex-start;
2156}
2157
2158.components-modal__header-icon-container{
2159 display:inline-block;
2160}
2161.components-modal__header-icon-container svg{
2162 max-height:36px;
2163 max-width:36px;
2164 padding:8px;
2165}
2166
2167.components-modal__content{
2168 flex:1;
2169 margin-top:72px;
2170 overflow:auto;
2171 padding:4px 32px 32px;
2172}
2173.components-modal__content.hide-header{
2174 margin-top:0;
2175 padding-top:32px;
2176}
2177.components-modal__content.is-scrollable:focus-visible{
2178 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
2179 outline:2px solid #0000;
2180 outline-offset:-2px;
2181}
2182
2183.components-notice{
2184 align-items:center;
2185 background-color:#fff;
2186 border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
2187 color:#1e1e1e;
2188 display:flex;
2189 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
2190 font-size:13px;
2191 padding:8px 12px;
2192}
2193.components-notice.is-dismissible{
2194 position:relative;
2195}
2196.components-notice.is-success{
2197 background-color:#eff9f1;
2198 border-left-color:#4ab866;
2199}
2200.components-notice.is-warning{
2201 background-color:#fef8ee;
2202 border-left-color:#f0b849;
2203}
2204.components-notice.is-error{
2205 background-color:#f4a2a2;
2206 border-left-color:#cc1818;
2207}
2208
2209.components-notice__content{
2210 flex-grow:1;
2211 margin:4px 25px 4px 0;
2212}
2213
2214.components-notice__actions{
2215 display:flex;
2216 flex-wrap:wrap;
2217}
2218
2219.components-notice__action.components-button,.components-notice__action.components-button.is-link{
2220 margin-left:12px;
2221}
2222.components-notice__action.components-button.is-secondary{
2223 vertical-align:initial;
2224}
2225.components-notice__action.components-button{
2226 margin-right:8px;
2227}
2228
2229.components-notice__dismiss{
2230 align-self:flex-start;
2231 color:#757575;
2232 flex-shrink:0;
2233}
2234.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
2235 background-color:initial;
2236 color:#1e1e1e;
2237}
2238.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
2239 box-shadow:none;
2240}
2241
2242.components-notice-list{
2243 box-sizing:border-box;
2244 max-width:100vw;
2245}
2246.components-notice-list .components-notice__content{
2247 line-height:2;
2248 margin-bottom:12px;
2249 margin-top:12px;
2250}
2251.components-notice-list .components-notice__action.components-button{
2252 display:block;
2253 margin-left:0;
2254 margin-top:8px;
2255}
2256
2257.components-panel{
2258 background:#fff;
2259 border:1px solid #e0e0e0;
2260}
2261.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{
2262 margin-top:-1px;
2263}
2264.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{
2265 border-bottom-width:0;
2266}
2267
2268.components-panel+.components-panel{
2269 margin-top:-1px;
2270}
2271
2272.components-panel__body{
2273 border-bottom:1px solid #e0e0e0;
2274 border-top:1px solid #e0e0e0;
2275}
2276.components-panel__body h3{
2277 margin:0 0 .5em;
2278}
2279.components-panel__body.is-opened{
2280 padding:16px;
2281}
2282
2283.components-panel__header{
2284 align-items:center;
2285 border-bottom:1px solid #ddd;
2286 box-sizing:initial;
2287 display:flex;
2288 flex-shrink:0;
2289 height:47px;
2290 justify-content:space-between;
2291 padding:0 16px;
2292}
2293.components-panel__header h2{
2294 color:inherit;
2295 font-size:inherit;
2296 margin:0;
2297}
2298
2299.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{
2300 margin-top:-1px;
2301}
2302
2303.components-panel__body>.components-panel__body-title{
2304 display:block;
2305 font-size:inherit;
2306 margin-bottom:0;
2307 margin-top:0;
2308 padding:0;
2309}
2310@media not (prefers-reduced-motion){
2311 .components-panel__body>.components-panel__body-title{
2312 transition:background .1s ease-in-out;
2313 }
2314}
2315
2316.components-panel__body.is-opened>.components-panel__body-title{
2317 margin:-16px -16px 5px;
2318}
2319
2320.components-panel__body>.components-panel__body-title:hover{
2321 background:#f0f0f0;
2322 border:none;
2323}
2324
2325.components-panel__body-toggle.components-button{
2326 border:none;
2327 box-shadow:none;
2328 color:#1e1e1e;
2329 font-weight:500;
2330 outline:none;
2331 padding:16px 48px 16px 16px;
2332 position:relative;
2333 text-align:left;
2334 width:100%;
2335}
2336@media not (prefers-reduced-motion){
2337 .components-panel__body-toggle.components-button{
2338 transition:background .1s ease-in-out;
2339 }
2340}
2341.components-panel__body-toggle.components-button{
2342 height:auto;
2343}
2344.components-panel__body-toggle.components-button:focus{
2345 border-radius:0;
2346 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
2347}
2348.components-panel__body-toggle.components-button .components-panel__arrow{
2349 color:#1e1e1e;
2350 position:absolute;
2351 right:16px;
2352 top:50%;
2353 transform:translateY(-50%);
2354 fill:currentColor;
2355}
2356@media not (prefers-reduced-motion){
2357 .components-panel__body-toggle.components-button .components-panel__arrow{
2358 transition:color .1s ease-in-out;
2359 }
2360}
2361body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{
2362 -ms-filter:fliph;
2363 filter:FlipH;
2364 margin-top:-10px;
2365 transform:scaleX(-1);
2366}
2367
2368.components-panel__icon{
2369 color:#757575;
2370 margin:-2px 0 -2px 6px;
2371}
2372
2373.components-panel__body-toggle-icon{
2374 margin-right:-5px;
2375}
2376
2377.components-panel__color-title{
2378 float:left;
2379 height:19px;
2380}
2381
2382.components-panel__row{
2383 align-items:center;
2384 display:flex;
2385 justify-content:space-between;
2386 margin-top:8px;
2387 min-height:36px;
2388}
2389.components-panel__row select{
2390 min-width:0;
2391}
2392.components-panel__row label{
2393 flex-shrink:0;
2394 margin-right:12px;
2395 max-width:75%;
2396}
2397.components-panel__row:empty,.components-panel__row:first-of-type{
2398 margin-top:0;
2399}
2400
2401.components-panel .circle-picker{
2402 padding-bottom:20px;
2403}
2404
2405.components-placeholder.components-placeholder{
2406 align-items:flex-start;
2407 box-sizing:border-box;
2408 color:#1e1e1e;
2409 display:flex;
2410 flex-direction:column;
2411 font-size:13px;
2412 gap:16px;
2413 margin:0;
2414 padding:24px;
2415 position:relative;
2416 text-align:left;
2417 width:100%;
2418 -moz-font-smoothing:subpixel-antialiased;
2419 -webkit-font-smoothing:subpixel-antialiased;
2420 background-color:#fff;
2421 border-radius:2px;
2422 box-shadow:inset 0 0 0 1px #1e1e1e;
2423 outline:1px solid #0000;
2424}
2425
2426.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{
2427 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
2428 font-size:13px;
2429 font-weight:400;
2430 letter-spacing:normal;
2431 line-height:normal;
2432 text-transform:none;
2433}
2434
2435.components-placeholder__label{
2436 align-items:center;
2437 display:flex;
2438 font-weight:600;
2439}
2440.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
2441 margin-right:4px;
2442 fill:currentColor;
2443}
2444@media (forced-colors:active){
2445 .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
2446 fill:CanvasText;
2447 }
2448}
2449.components-placeholder__label:empty{
2450 display:none;
2451}
2452
2453.components-placeholder__fieldset,.components-placeholder__fieldset form{
2454 display:flex;
2455 flex-direction:row;
2456 flex-wrap:wrap;
2457 gap:16px;
2458 justify-content:flex-start;
2459 width:100%;
2460}
2461.components-placeholder__fieldset form p,.components-placeholder__fieldset p{
2462 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
2463 font-size:13px;
2464}
2465
2466.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{
2467 flex-direction:column;
2468}
2469
2470.components-placeholder__input[type=url]{
2471 border:1px solid #949494;
2472 border-radius:2px;
2473 box-shadow:0 0 0 #0000;
2474 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
2475 font-size:16px;
2476 line-height:normal;
2477 padding:6px 8px;
2478}
2479@media not (prefers-reduced-motion){
2480 .components-placeholder__input[type=url]{
2481 transition:box-shadow .1s linear;
2482 }
2483}
2484@media (min-width:600px){
2485 .components-placeholder__input[type=url]{
2486 font-size:13px;
2487 line-height:normal;
2488 }
2489}
2490.components-placeholder__input[type=url]:focus{
2491 border-color:var(--wp-admin-theme-color);
2492 box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
2493 outline:2px solid #0000;
2494}
2495.components-placeholder__input[type=url]::-webkit-input-placeholder{
2496 color:#1e1e1e9e;
2497}
2498.components-placeholder__input[type=url]::-moz-placeholder{
2499 color:#1e1e1e9e;
2500}
2501.components-placeholder__input[type=url]:-ms-input-placeholder{
2502 color:#1e1e1e9e;
2503}
2504.components-placeholder__input[type=url]{
2505 flex:1 1 auto;
2506}
2507
2508.components-placeholder__error{
2509 gap:8px;
2510 width:100%;
2511}
2512
2513.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{
2514 margin-left:10px;
2515 margin-right:10px;
2516}
2517.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{
2518 margin-right:0;
2519}
2520
2521.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{
2522 display:none;
2523}
2524.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{
2525 flex-direction:column;
2526}
2527.components-placeholder.is-medium .components-button,.components-placeholder.is-medium .components-placeholder__fieldset>*,.components-placeholder.is-small .components-button,.components-placeholder.is-small .components-placeholder__fieldset>*{
2528 justify-content:center;
2529 width:100%;
2530}
2531.components-placeholder.is-small{
2532 padding:16px;
2533}
2534.components-placeholder.has-illustration{
2535 backdrop-filter:blur(100px);
2536 backface-visibility:hidden;
2537 background-color:initial;
2538 border-radius:0;
2539 box-shadow:none;
2540 color:inherit;
2541 display:flex;
2542}
2543.is-dark-theme .components-placeholder.has-illustration{
2544 background-color:#0000001a;
2545}
2546.components-placeholder.has-illustration .components-placeholder__fieldset{
2547 margin-left:0;
2548 margin-right:0;
2549}
2550.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
2551 opacity:0;
2552 pointer-events:none;
2553}
2554@media not (prefers-reduced-motion){
2555 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
2556 transition:opacity .1s linear;
2557 }
2558}
2559.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{
2560 opacity:1;
2561 pointer-events:auto;
2562}
2563.components-placeholder.has-illustration:before{
2564 background:currentColor;
2565 bottom:0;
2566 content:"";
2567 left:0;
2568 opacity:.1;
2569 pointer-events:none;
2570 position:absolute;
2571 right:0;
2572 top:0;
2573}
2574.components-placeholder.has-illustration{
2575 overflow:hidden;
2576}
2577.is-selected .components-placeholder.has-illustration{
2578 overflow:auto;
2579}
2580
2581.components-placeholder__preview{
2582 display:flex;
2583 justify-content:center;
2584}
2585
2586.components-placeholder__illustration{
2587 box-sizing:initial;
2588 height:100%;
2589 left:50%;
2590 position:absolute;
2591 top:50%;
2592 transform:translate(-50%, -50%);
2593 width:100%;
2594 stroke:currentColor;
2595 opacity:.25;
2596}
2597
2598.components-popover{
2599 box-sizing:border-box;
2600}
2601.components-popover *,.components-popover :after,.components-popover :before{
2602 box-sizing:inherit;
2603}
2604.components-popover{
2605 will-change:transform;
2606 z-index:1000000;
2607}
2608.components-popover.is-expanded{
2609 bottom:0;
2610 left:0;
2611 position:fixed;
2612 right:0;
2613 top:0;
2614 z-index:1000000 !important;
2615}
2616
2617.components-popover__content{
2618 background:#fff;
2619 border-radius:4px;
2620 box-shadow:0 0 0 1px #ccc,0 2px 3px #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005;
2621 box-sizing:border-box;
2622 width:min-content;
2623}
2624.is-alternate .components-popover__content{
2625 border-radius:2px;
2626 box-shadow:0 0 0 1px #1e1e1e;
2627}
2628.is-unstyled .components-popover__content{
2629 background:none;
2630 border-radius:0;
2631 box-shadow:none;
2632}
2633.components-popover.is-expanded .components-popover__content{
2634 box-shadow:0 -1px 0 0 #ccc;
2635 height:calc(100% - 48px);
2636 overflow-y:visible;
2637 position:static;
2638 width:auto;
2639}
2640.components-popover.is-expanded.is-alternate .components-popover__content{
2641 box-shadow:0 -1px 0 #1e1e1e;
2642}
2643
2644.components-popover__header{
2645 align-items:center;
2646 background:#fff;
2647 display:flex;
2648 height:48px;
2649 justify-content:space-between;
2650 padding:0 8px 0 16px;
2651}
2652
2653.components-popover__header-title{
2654 overflow:hidden;
2655 text-overflow:ellipsis;
2656 white-space:nowrap;
2657 width:100%;
2658}
2659
2660.components-popover__close.components-button{
2661 z-index:5;
2662}
2663
2664.components-popover__arrow{
2665 display:flex;
2666 height:14px;
2667 pointer-events:none;
2668 position:absolute;
2669 width:14px;
2670}
2671.components-popover__arrow:before{
2672 background-color:#fff;
2673 content:"";
2674 height:2px;
2675 left:1px;
2676 position:absolute;
2677 right:1px;
2678 top:-1px;
2679}
2680.components-popover__arrow.is-top{
2681 bottom:-14px !important;
2682 transform:rotate(0);
2683}
2684.components-popover__arrow.is-right{
2685 left:-14px !important;
2686 transform:rotate(90deg);
2687}
2688.components-popover__arrow.is-bottom{
2689 top:-14px !important;
2690 transform:rotate(180deg);
2691}
2692.components-popover__arrow.is-left{
2693 right:-14px !important;
2694 transform:rotate(-90deg);
2695}
2696
2697.components-popover__triangle{
2698 display:block;
2699 flex:1;
2700}
2701
2702.components-popover__triangle-bg{
2703 fill:#fff;
2704}
2705
2706.components-popover__triangle-border{
2707 fill:#0000;
2708 stroke-width:1px;
2709 stroke:#ccc;
2710}
2711.is-alternate .components-popover__triangle-border{
2712 stroke:#1e1e1e;
2713}
2714
2715.components-radio-control{
2716 border:0;
2717 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
2718 font-size:13px;
2719 margin:0;
2720 padding:0;
2721}
2722
2723.components-radio-control__group-wrapper.has-help{
2724 margin-block-end:12px;
2725}
2726
2727.components-radio-control__option{
2728 align-items:center;
2729 column-gap:8px;
2730 display:grid;
2731 grid-template-columns:auto 1fr;
2732 grid-template-rows:auto minmax(0, max-content);
2733}
2734
2735.components-radio-control__input[type=radio]{
2736 border:1px solid #1e1e1e;
2737 border-radius:50%;
2738 grid-column:1;
2739 grid-row:1;
2740 height:24px;
2741 margin-right:12px;
2742 max-width:24px;
2743 min-width:24px;
2744 position:relative;
2745 transition:none;
2746 width:24px;
2747}
2748@media not (prefers-reduced-motion){
2749 .components-radio-control__input[type=radio]{
2750 transition:box-shadow .1s linear;
2751 }
2752}
2753@media (min-width:600px){
2754 .components-radio-control__input[type=radio]{
2755 height:16px;
2756 max-width:16px;
2757 min-width:16px;
2758 width:16px;
2759 }
2760}
2761.components-radio-control__input[type=radio]:checked:before{
2762 background-color:#fff;
2763 border:4px solid #fff;
2764 box-sizing:inherit;
2765 height:12px;
2766 left:50%;
2767 margin:0;
2768 position:absolute;
2769 top:50%;
2770 transform:translate(-50%, -50%);
2771 width:12px;
2772}
2773@media (min-width:600px){
2774 .components-radio-control__input[type=radio]:checked:before{
2775 height:8px;
2776 width:8px;
2777 }
2778}
2779.components-radio-control__input[type=radio]:focus{
2780 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
2781}
2782.components-radio-control__input[type=radio]:checked{
2783 background:var(--wp-admin-theme-color);
2784 border:none;
2785}
2786.components-radio-control__input[type=radio]{
2787 appearance:none;
2788 cursor:pointer;
2789 display:inline-flex;
2790 margin:0;
2791 padding:0;
2792}
2793.components-radio-control__input[type=radio]:focus{
2794 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
2795 outline:2px solid #0000;
2796 outline-offset:2px;
2797}
2798.components-radio-control__input[type=radio]:checked{
2799 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
2800 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
2801}
2802.components-radio-control__input[type=radio]:checked:before{
2803 border-radius:50%;
2804 content:"";
2805}
2806
2807.components-radio-control__label{
2808 cursor:pointer;
2809 grid-column:2;
2810 grid-row:1;
2811 line-height:24px;
2812}
2813@media (min-width:600px){
2814 .components-radio-control__label{
2815 line-height:16px;
2816 }
2817}
2818
2819.components-radio-control__option-description{
2820 grid-column:2;
2821 grid-row:2;
2822 padding-block-start:4px;
2823}
2824.components-radio-control__option-description.components-radio-control__option-description{
2825 margin-top:0;
2826}
2827
2828.components-resizable-box__handle{
2829 display:none;
2830 height:23px;
2831 width:23px;
2832 z-index:2;
2833}
2834.components-resizable-box__container.has-show-handle .components-resizable-box__handle{
2835 display:block;
2836}
2837.components-resizable-box__handle>div{
2838 height:100%;
2839 outline:none;
2840 position:relative;
2841 width:100%;
2842 z-index:2;
2843}
2844
2845.components-resizable-box__container>img{
2846 width:inherit;
2847}
2848
2849.components-resizable-box__handle:after{
2850 background:#fff;
2851 border-radius:50%;
2852 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 1px 1px #00000008, 0 1px 2px #00000005, 0 3px 3px #00000005, 0 4px 4px #00000003;
2853 content:"";
2854 cursor:inherit;
2855 display:block;
2856 height:15px;
2857 outline:2px solid #0000;
2858 position:absolute;
2859 right:calc(50% - 8px);
2860 top:calc(50% - 8px);
2861 width:15px;
2862}
2863
2864.components-resizable-box__side-handle:before{
2865 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
2866 border-radius:9999px;
2867 content:"";
2868 cursor:inherit;
2869 display:block;
2870 height:3px;
2871 position:absolute;
2872 right:calc(50% - 1px);
2873 top:calc(50% - 1px);
2874 width:3px;
2875}
2876@media not (prefers-reduced-motion){
2877 .components-resizable-box__side-handle:before{
2878 transition:transform .1s ease-in;
2879 will-change:transform;
2880 }
2881}
2882.components-resizable-box__side-handle:before{
2883 opacity:0;
2884}
2885
2886.components-resizable-box__corner-handle,.components-resizable-box__side-handle{
2887 z-index:2;
2888}
2889
2890.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{
2891 border-left:0;
2892 border-right:0;
2893 left:0;
2894 width:100%;
2895}
2896
2897.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{
2898 border-bottom:0;
2899 border-top:0;
2900 height:100%;
2901 top:0;
2902}
2903
2904@media not (prefers-reduced-motion){
2905 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
2906 animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;
2907 animation-fill-mode:forwards;
2908 }
2909 .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{
2910 animation:components-resizable-box__left-right-animation .1s ease-out 0s;
2911 animation-fill-mode:forwards;
2912 }
2913}
2914@media not all and (min-resolution:0.001dpcm){
2915 @supports (-webkit-appearance:none){
2916 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
2917 animation:none;
2918 }
2919 }
2920}
2921@keyframes components-resizable-box__top-bottom-animation{
2922 0%{
2923 opacity:0;
2924 transform:scaleX(0);
2925 }
2926 to{
2927 opacity:1;
2928 transform:scaleX(1);
2929 }
2930}
2931@keyframes components-resizable-box__left-right-animation{
2932 0%{
2933 opacity:0;
2934 transform:scaleY(0);
2935 }
2936 to{
2937 opacity:1;
2938 transform:scaleY(1);
2939 }
2940}
2941.components-resizable-box__handle-right{
2942 right:-11.5px;
2943}
2944
2945.components-resizable-box__handle-left{
2946 left:-11.5px;
2947}
2948
2949.components-resizable-box__handle-top{
2950 top:-11.5px;
2951}
2952
2953.components-resizable-box__handle-bottom{
2954 bottom:-11.5px;
2955}
2956.components-responsive-wrapper{
2957 align-items:center;
2958 display:flex;
2959 justify-content:center;
2960 max-width:100%;
2961 position:relative;
2962}
2963
2964.components-responsive-wrapper__content{
2965 display:block;
2966 max-width:100%;
2967 width:100%;
2968}
2969
2970.components-sandbox{
2971 overflow:hidden;
2972}
2973
2974iframe.components-sandbox{
2975 width:100%;
2976}
2977
2978body.lockscroll,html.lockscroll{
2979 overflow:hidden;
2980}
2981
2982.components-select-control__input{
2983 outline:0;
2984 -webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important;
2985}
2986
2987.components-snackbar{
2988 backdrop-filter:blur(16px) saturate(180%);
2989 background:#000000d9;
2990 border-radius:4px;
2991 box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
2992 box-sizing:border-box;
2993 color:#fff;
2994 cursor:pointer;
2995 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
2996 font-size:13px;
2997 max-width:600px;
2998 padding:12px 20px;
2999 pointer-events:auto;
3000 width:100%;
3001}
3002@media (min-width:600px){
3003 .components-snackbar{
3004 width:fit-content;
3005 }
3006}
3007.components-snackbar:focus{
3008 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3009}
3010.components-snackbar.components-snackbar-explicit-dismiss{
3011 cursor:default;
3012}
3013.components-snackbar .components-snackbar__content-with-icon{
3014 padding-left:24px;
3015 position:relative;
3016}
3017.components-snackbar .components-snackbar__icon{
3018 left:-8px;
3019 position:absolute;
3020 top:-2.9px;
3021}
3022.components-snackbar .components-snackbar__dismiss-button{
3023 cursor:pointer;
3024 margin-left:24px;
3025}
3026
3027.components-snackbar__action.components-button,.components-snackbar__action.components-external-link{
3028 color:#fff;
3029 flex-shrink:0;
3030 margin-left:32px;
3031}
3032.components-snackbar__action.components-button:focus,.components-snackbar__action.components-external-link:focus{
3033 box-shadow:none;
3034 outline:1px dotted #fff;
3035}
3036.components-snackbar__action.components-button:hover,.components-snackbar__action.components-external-link:hover{
3037 color:currentColor;
3038 text-decoration:none;
3039}
3040
3041.components-snackbar__content{
3042 align-items:baseline;
3043 display:flex;
3044 justify-content:space-between;
3045 line-height:1.4;
3046}
3047
3048.components-snackbar-list{
3049 box-sizing:border-box;
3050 pointer-events:none;
3051 position:absolute;
3052 width:100%;
3053 z-index:100000;
3054}
3055
3056.components-snackbar-list__notice-container{
3057 padding-top:8px;
3058 position:relative;
3059}
3060
3061.components-tab-panel__tabs{
3062 align-items:stretch;
3063 display:flex;
3064 flex-direction:row;
3065}
3066.components-tab-panel__tabs[aria-orientation=vertical]{
3067 flex-direction:column;
3068}
3069
3070.components-tab-panel__tabs-item{
3071 background:#0000;
3072 border:none;
3073 border-radius:0;
3074 box-shadow:none;
3075 cursor:pointer;
3076 font-weight:500;
3077 height:48px !important;
3078 margin-left:0;
3079 padding:3px 16px;
3080 position:relative;
3081}
3082.components-tab-panel__tabs-item:focus:not(:disabled){
3083 box-shadow:none;
3084 outline:none;
3085 position:relative;
3086}
3087.components-tab-panel__tabs-item:after{
3088 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3089 border-radius:0;
3090 bottom:0;
3091 content:"";
3092 height:calc(var(--wp-admin-border-width-focus)*0);
3093 left:0;
3094 pointer-events:none;
3095 position:absolute;
3096 right:0;
3097}
3098@media not (prefers-reduced-motion){
3099 .components-tab-panel__tabs-item:after{
3100 transition:all .1s linear;
3101 }
3102}
3103.components-tab-panel__tabs-item.is-active:after{
3104 height:calc(var(--wp-admin-border-width-focus)*1);
3105 outline:2px solid #0000;
3106 outline-offset:-1px;
3107}
3108.components-tab-panel__tabs-item:before{
3109 border-radius:2px;
3110 bottom:12px;
3111 box-shadow:0 0 0 0 #0000;
3112 content:"";
3113 left:12px;
3114 pointer-events:none;
3115 position:absolute;
3116 right:12px;
3117 top:12px;
3118}
3119@media not (prefers-reduced-motion){
3120 .components-tab-panel__tabs-item:before{
3121 transition:all .1s linear;
3122 }
3123}
3124.components-tab-panel__tabs-item:focus-visible:before{
3125 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3126 outline:2px solid #0000;
3127}
3128
3129.components-tab-panel__tab-content:focus{
3130 box-shadow:none;
3131 outline:none;
3132}
3133.components-tab-panel__tab-content:focus-visible{
3134 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3135 outline:2px solid #0000;
3136 outline-offset:0;
3137}
3138
3139.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
3140 background:var(--wp-components-color-background, #fff);
3141 border:1px solid #949494;
3142 border-radius:2px;
3143 box-shadow:0 0 0 #0000;
3144 color:var(--wp-components-color-foreground, #1e1e1e);
3145 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
3146 font-size:16px;
3147 height:32px;
3148 line-height:normal;
3149 margin:0;
3150 padding:6px 8px;
3151 width:100%;
3152}
3153@media not (prefers-reduced-motion){
3154 .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
3155 transition:box-shadow .1s linear;
3156 }
3157}
3158@media (min-width:600px){
3159 .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
3160 font-size:13px;
3161 line-height:normal;
3162 }
3163}
3164.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{
3165 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3166 box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
3167 outline:2px solid #0000;
3168}
3169.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{
3170 color:#1e1e1e9e;
3171}
3172.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{
3173 color:#1e1e1e9e;
3174}
3175.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{
3176 color:#1e1e1e9e;
3177}
3178.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
3179 border-color:var(--wp-components-color-gray-600, #949494);
3180}
3181.components-text-control__input::placeholder,.components-text-control__input[type=color]::placeholder,.components-text-control__input[type=date]::placeholder,.components-text-control__input[type=datetime-local]::placeholder,.components-text-control__input[type=datetime]::placeholder,.components-text-control__input[type=email]::placeholder,.components-text-control__input[type=month]::placeholder,.components-text-control__input[type=number]::placeholder,.components-text-control__input[type=password]::placeholder,.components-text-control__input[type=tel]::placeholder,.components-text-control__input[type=text]::placeholder,.components-text-control__input[type=time]::placeholder,.components-text-control__input[type=url]::placeholder,.components-text-control__input[type=week]::placeholder{
3182 color:color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), #0000 38%);
3183}
3184.components-text-control__input.is-next-40px-default-size,.components-text-control__input[type=color].is-next-40px-default-size,.components-text-control__input[type=date].is-next-40px-default-size,.components-text-control__input[type=datetime-local].is-next-40px-default-size,.components-text-control__input[type=datetime].is-next-40px-default-size,.components-text-control__input[type=email].is-next-40px-default-size,.components-text-control__input[type=month].is-next-40px-default-size,.components-text-control__input[type=number].is-next-40px-default-size,.components-text-control__input[type=password].is-next-40px-default-size,.components-text-control__input[type=tel].is-next-40px-default-size,.components-text-control__input[type=text].is-next-40px-default-size,.components-text-control__input[type=time].is-next-40px-default-size,.components-text-control__input[type=url].is-next-40px-default-size,.components-text-control__input[type=week].is-next-40px-default-size{
3185 height:40px;
3186 padding-left:12px;
3187 padding-right:12px;
3188}
3189
3190.components-text-control__input[type=email],.components-text-control__input[type=url]{
3191 direction:ltr;
3192}
3193
3194.components-tip{
3195 color:#757575;
3196 display:flex;
3197}
3198.components-tip svg{
3199 align-self:center;
3200 fill:#f0b849;
3201 flex-shrink:0;
3202 margin-right:16px;
3203}
3204.components-tip p{
3205 margin:0;
3206}
3207
3208.components-toggle-control__label{
3209 line-height:16px;
3210}
3211.components-toggle-control__label:not(.is-disabled){
3212 cursor:pointer;
3213}
3214
3215.components-toggle-control__help{
3216 display:inline-block;
3217 margin-inline-start:40px;
3218}
3219
3220.components-accessible-toolbar{
3221 border:1px solid var(--wp-components-color-foreground, #1e1e1e);
3222 border-radius:2px;
3223 display:inline-flex;
3224 flex-shrink:0;
3225}
3226.components-accessible-toolbar>.components-toolbar-group:last-child{
3227 border-right:none;
3228}
3229.components-accessible-toolbar.is-unstyled{
3230 border:none;
3231}
3232.components-accessible-toolbar.is-unstyled>.components-toolbar-group{
3233 border-right:none;
3234}
3235
3236.components-accessible-toolbar[aria-orientation=vertical],.components-toolbar[aria-orientation=vertical]{
3237 align-items:center;
3238 display:flex;
3239 flex-direction:column;
3240}
3241.components-accessible-toolbar .components-button,.components-toolbar .components-button{
3242 height:48px;
3243 padding-left:16px;
3244 padding-right:16px;
3245 position:relative;
3246 z-index:1;
3247}
3248.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){
3249 box-shadow:none;
3250 outline:none;
3251}
3252.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
3253 border-radius:2px;
3254 content:"";
3255 display:block;
3256 height:32px;
3257 left:8px;
3258 position:absolute;
3259 right:8px;
3260 z-index:-1;
3261}
3262@media not (prefers-reduced-motion){
3263 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
3264 animation:components-button__appear-animation .1s ease;
3265 animation-fill-mode:forwards;
3266 }
3267}
3268.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{
3269 margin-left:auto;
3270 margin-right:auto;
3271 position:relative;
3272}
3273.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{
3274 background:#0000;
3275}
3276.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{
3277 background:var(--wp-components-color-foreground, #1e1e1e);
3278}
3279.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{
3280 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3281 outline:2px solid #0000;
3282}
3283.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{
3284 min-width:48px;
3285 padding-left:8px;
3286 padding-right:8px;
3287}
3288
3289@keyframes components-button__appear-animation{
3290 0%{
3291 transform:scaleY(0);
3292 }
3293 to{
3294 transform:scaleY(1);
3295 }
3296}
3297.components-toolbar__control.components-button{
3298 position:relative;
3299}
3300.components-toolbar__control.components-button[data-subscript] svg{
3301 padding:5px 10px 5px 0;
3302}
3303.components-toolbar__control.components-button[data-subscript]:after{
3304 bottom:10px;
3305 content:attr(data-subscript);
3306 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
3307 font-size:13px;
3308 font-weight:600;
3309 line-height:12px;
3310 position:absolute;
3311 right:8px;
3312}
3313.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{
3314 color:#fff;
3315}
3316
3317.components-toolbar-group{
3318 background-color:var(--wp-components-color-background, #fff);
3319 border-right:1px solid var(--wp-components-color-foreground, #1e1e1e);
3320 display:inline-flex;
3321 flex-shrink:0;
3322 flex-wrap:wrap;
3323 min-height:48px;
3324 padding-left:6px;
3325 padding-right:6px;
3326}
3327.components-toolbar-group .components-toolbar-group.components-toolbar-group{
3328 border-width:0;
3329 margin:0;
3330}
3331.components-toolbar-group{
3332 line-height:0;
3333}
3334.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{
3335 justify-content:center;
3336 min-width:36px;
3337 padding-left:6px;
3338 padding-right:6px;
3339}
3340.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{
3341 min-width:24px;
3342}
3343.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{
3344 left:2px;
3345 right:2px;
3346}
3347
3348.components-toolbar{
3349 background-color:var(--wp-components-color-background, #fff);
3350 border:1px solid var(--wp-components-color-foreground, #1e1e1e);
3351 display:inline-flex;
3352 flex-shrink:0;
3353 flex-wrap:wrap;
3354 margin:0;
3355 min-height:48px;
3356}
3357.components-toolbar .components-toolbar.components-toolbar{
3358 border-width:0;
3359 margin:0;
3360}
3361
3362div.components-toolbar>div{
3363 display:flex;
3364 margin:0;
3365}
3366div.components-toolbar>div+div.has-left-divider{
3367 margin-left:6px;
3368 overflow:visible;
3369 position:relative;
3370}
3371div.components-toolbar>div+div.has-left-divider:before{
3372 background-color:#ddd;
3373 box-sizing:initial;
3374 content:"";
3375 display:inline-block;
3376 height:20px;
3377 left:-3px;
3378 position:absolute;
3379 top:8px;
3380 width:1px;
3381}
3382
3383.components-tooltip{
3384 background:#000;
3385 border-radius:2px;
3386 box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
3387 color:#f0f0f0;
3388 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
3389 font-size:12px;
3390 line-height:1.4;
3391 padding:4px 8px;
3392 text-align:center;
3393 z-index:1000002;
3394}
3395
3396.components-tooltip__shortcut{
3397 margin-left:8px;
3398}
3399
3400.components-validated-control:has(:is(input,select):user-invalid) .components-input-control__backdrop{
3401 --wp-components-color-accent:#cc1818;
3402 border-color:#cc1818;
3403}
3404.components-validated-control :is(textarea,input[type=text]):user-invalid{
3405 --wp-admin-theme-color:#cc1818;
3406 --wp-components-color-accent:#cc1818;
3407 border-color:#cc1818;
3408}
3409.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])){
3410 border-color:#cc1818;
3411}
3412
3413.components-validated-control__wrapper-with-error-delegate{
3414 position:relative;
3415}
3416.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop{
3417 --wp-components-color-accent:#cc1818;
3418 border-color:#cc1818;
3419}
3420.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid){
3421 --wp-components-color-accent:#cc1818;
3422}
3423.components-validated-control__wrapper-with-error-delegate:has(input:user-invalid) .components-form-token-field__input-container:not(:has([aria-expanded=true])){
3424 --wp-components-color-accent:#cc1818;
3425 border-color:#cc1818;
3426}
3427
3428.components-validated-control__error-delegate{
3429 height:100%;
3430 opacity:0;
3431 pointer-events:none;
3432 position:absolute;
3433 top:0;
3434 width:100%;
3435}
3436
3437.components-validated-control__indicator{
3438 align-items:flex-start;
3439 animation:components-validated-control__indicator-jump .2s cubic-bezier(.68, -.55, .27, 1.55);
3440 color:var(--wp-components-color-gray-700, #757575);
3441 display:flex;
3442 font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
3443 font-size:.75rem;
3444 gap:4px;
3445 line-height:16px;
3446 margin:8px 0 0;
3447}
3448.components-validated-control__indicator.is-invalid{
3449 color:#cc1818;
3450}
3451.components-validated-control__indicator.is-valid{
3452 color:color-mix(in srgb, #000 30%, #4ab866);
3453}
3454
3455.components-validated-control__indicator-icon{
3456 flex-shrink:0;
3457}
3458
3459.components-validated-control__indicator-spinner{
3460 height:12px;
3461 margin:2px;
3462 width:12px;
3463}
3464
3465@keyframes components-validated-control__indicator-jump{
3466 0%{
3467 opacity:0;
3468 transform:translateY(-4px);
3469 }
3470 to{
3471 opacity:1;
3472 transform:translateY(0);
3473 }
3474}
3475:root{
3476 --wp-admin-theme-color:#3858e9;
3477 --wp-admin-theme-color--rgb:56, 88, 233;
3478 --wp-admin-theme-color-darker-10:#2145e6;
3479 --wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
3480 --wp-admin-theme-color-darker-20:#183ad6;
3481 --wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
3482 --wp-admin-border-width-focus:2px;
3483}
3484@media (min-resolution:192dpi){
3485 :root{
3486 --wp-admin-border-width-focus:1.5px;
3487 }
3488}