Diff: STRATO-apps/wordpress_03/app/wp-includes/css/dist/components/style.css
Keine Baseline-Datei – Diff nur gegen leer.
1
-
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
+
}
272
+
p+.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
+
886
+
svg.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
+
1066
+
input.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
+
}
1084
+
input.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
+
1271
+
body.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
+
}
2361
+
body.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
+
2974
+
iframe.components-sandbox{
2975
+
width:100%;
2976
+
}
2977
+
2978
+
body.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
+
3362
+
div.components-toolbar>div{
3363
+
display:flex;
3364
+
margin:0;
3365
+
}
3366
+
div.components-toolbar>div+div.has-left-divider{
3367
+
margin-left:6px;
3368
+
overflow:visible;
3369
+
position:relative;
3370
+
}
3371
+
div.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
+
}