MailPoet Newsletters (New) - Version 3.47.7

Version Description

  • 2020-06-30 =
  • Added: new Amazon SES locations;
  • Added: keep a record when a subscriber is unsubscribed;
  • Improved: new design of Premium page;
  • Fixed: custom links color is correctly shown in email editor;
  • Fixed: conflict with Yoast SEO plugin and MailPoet forms.
Download this release

Release Info

Developer wysija
Plugin Icon 128x128 MailPoet Newsletters (New)
Version 3.47.7
Comparing to
See all releases

Code changes from version 3.47.6 to 3.47.7

assets/dist/css/mailpoet-editor.94ff4b02.css DELETED
@@ -1,935 +0,0 @@
1
- /* default Select2 placeholder color for single dropdown */
2
- @-webkit-keyframes fadeIn { 0% { opacity: .3; }
3
- 100% { opacity: 1; } }
4
- @keyframes fadeIn { 0% { opacity: .3; }
5
- 100% { opacity: 1; } }
6
-
7
- /***
8
- Spectrum Colorpicker v1.8.0
9
- https://github.com/bgrins/spectrum
10
- Author: Brian Grinstead
11
- License: MIT
12
- ***/
13
- .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; }
14
-
15
- .sp-container.sp-flat { position: relative; }
16
-
17
- /* Fix for * { box-sizing: border-box; } */
18
- .sp-container, .sp-container * { box-sizing: content-box; }
19
-
20
- /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
21
- .sp-top { position: relative; width: 100%; display: inline-block; }
22
-
23
- .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
24
-
25
- .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; }
26
-
27
- .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; }
28
-
29
- .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; }
30
-
31
- .sp-fill { padding-top: 80%; }
32
-
33
- .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
34
-
35
- .sp-alpha-enabled .sp-top { margin-bottom: 18px; }
36
-
37
- .sp-alpha-enabled .sp-alpha { display: block; }
38
-
39
- .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; }
40
-
41
- .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; }
42
-
43
- .sp-alpha-inner { border: solid 1px #333; }
44
-
45
- .sp-clear { display: none; }
46
-
47
- .sp-clear.sp-clear-display { background-position: center; }
48
-
49
- .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; }
50
-
51
- /* Don't allow text selection */
52
- .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; }
53
-
54
- .sp-container.sp-input-disabled .sp-input-container { display: none; }
55
-
56
- .sp-container.sp-buttons-disabled .sp-button-container { display: none; }
57
-
58
- .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; }
59
-
60
- .sp-palette-only .sp-picker-container { display: none; }
61
-
62
- .sp-palette-disabled .sp-palette-container { display: none; }
63
-
64
- .sp-initial-disabled .sp-initial { display: none; }
65
-
66
- /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
67
- .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }
68
-
69
- .sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }
70
-
71
- .sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }
72
-
73
- /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */
74
- .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }
75
-
76
- .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }
77
-
78
- .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }
79
-
80
- .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }
81
-
82
- .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }
83
-
84
- .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }
85
-
86
- .sp-hidden { display: none !important; }
87
-
88
- /* Clearfix hack */
89
- .sp-cf:before, .sp-cf:after { content: ""; display: table; }
90
-
91
- .sp-cf:after { clear: both; }
92
-
93
- .sp-cf { *zoom: 1; }
94
-
95
- /* Mobile devices, make hue slider bigger so it is easier to slide */
96
- @media (max-device-width: 480px) { .sp-color { right: 40%; }
97
- .sp-hue { left: 63%; }
98
- .sp-fill { padding-top: 60%; } }
99
-
100
- .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; }
101
-
102
- .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; }
103
-
104
- /*
105
- Theme authors:
106
- Here are the basic themeable display options (colors, fonts, global widths).
107
- See http://bgrins.github.io/spectrum/themes/ for instructions.
108
- */
109
- .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; }
110
-
111
- .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -ms-box-sizing: border-box; box-sizing: border-box; }
112
-
113
- .sp-top { margin-bottom: 3px; }
114
-
115
- .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; }
116
-
117
- /* Input */
118
- .sp-input-container { float: right; width: 100px; margin-bottom: 4px; }
119
-
120
- .sp-initial-disabled .sp-input-container { width: 100%; }
121
-
122
- .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; }
123
-
124
- .sp-input:focus { border: 1px solid orange; }
125
-
126
- .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; }
127
-
128
- .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; }
129
-
130
- .sp-picker-container { width: 172px; border-left: solid 1px #fff; }
131
-
132
- /* Palettes */
133
- .sp-palette-container { border-right: solid 1px #ccc; }
134
-
135
- .sp-palette-only .sp-palette-container { border: 0; }
136
-
137
- .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; }
138
-
139
- .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; }
140
-
141
- .sp-thumb-el { position: relative; }
142
-
143
- /* Initial */
144
- .sp-initial { float: left; border: solid 1px #333; }
145
-
146
- .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; }
147
-
148
- .sp-initial .sp-clear-display { background-position: center; }
149
-
150
- /* Buttons */
151
- .sp-palette-button-container, .sp-button-container { float: right; }
152
-
153
- /* Replacer (the little preview div that shows up instead of the <input>) */
154
- .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; }
155
-
156
- .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; }
157
-
158
- .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; }
159
-
160
- .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; }
161
-
162
- .sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; }
163
-
164
- .sp-palette { *width: 220px; max-width: 220px; }
165
-
166
- .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; }
167
-
168
- .sp-container { padding-bottom: 0; }
169
-
170
- /* Buttons: http://hellohappy.org/css3-buttons/ */
171
- .sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; }
172
-
173
- .sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }
174
-
175
- .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
176
-
177
- .sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; }
178
-
179
- .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; }
180
-
181
- .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; }
182
-
183
- .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }
184
-
185
- .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
186
-
187
- .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; }
188
-
189
- .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }
190
-
191
- .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }
192
-
193
- .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }
194
-
195
- .mailpoet_button { background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; color: #a4a4a4; line-height: normal; margin: 0; padding: 6px 20px; vertical-align: top; }
196
-
197
- .mailpoet_button_full { box-sizing: border-box; width: 100%; }
198
-
199
- .mailpoet_button_primary { background-color: #2ea1cd; border-color: #0074a2; color: #fff; }
200
-
201
- .mailpoet_button_primary:hover { background-color: #1e8cbe; }
202
-
203
- .mailpoet_button_group { display: inline; }
204
-
205
- .mailpoet_button_group .mailpoet_button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: 0; padding: 6px 12px; }
206
-
207
- .mailpoet_button_group .mailpoet_button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 10px; padding-right: 10px; }
208
-
209
- .admin_page_mailpoet-newsletter-editor a { color: #2ea1cd; text-decoration: none; }
210
-
211
- .admin_page_mailpoet-newsletter-editor .mailpoet_hidden { display: none !important; }
212
-
213
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_narrow_select2 span.select2-container { width: 103px !important; }
214
-
215
- .admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown { min-width: 150px; }
216
-
217
- .admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option { font-size: 13px; margin: 0 !important; }
218
-
219
- .admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__group { color: #bfbfbf; font-weight: normal; }
220
-
221
- .admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option { font-size: 13px; padding-left: 15px; }
222
-
223
- .admin_page_mailpoet-newsletter-editor span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option[aria-selected=true] { background-color: #eee; color: #444; }
224
-
225
- .admin_page_mailpoet-newsletter-editor .mailpoet_settings_notice { color: #999; }
226
-
227
- #mailpoet_editor_content ol, #mailpoet_editor_content ul { padding-left: 40px; }
228
-
229
- #mailpoet_editor_content ul { list-style-type: disc; }
230
-
231
- #mailpoet_editor_content ul ul { list-style-type: circle; }
232
-
233
- #mailpoet_editor_content ul ul ul { list-style-type: square; }
234
-
235
- .tooltip-help-designer-subject-line div, .tooltip-help-designer-preheader div { z-index: 100001; }
236
-
237
- .tooltip-help-send-preview { color: #fff; margin-top: -10px; position: absolute; right: 4px; top: 50%; }
238
-
239
- .tooltip-help-designer-ideal-width { color: #656565; font-weight: normal; margin-left: 5px; text-transform: none; }
240
-
241
- .tooltip-help-designer-full-width .dashicons { line-height: 34px; }
242
-
243
- .tooltip-help-designer-full-width span { line-height: 1.4em; }
244
-
245
- .mailpoet_text_content p { margin: 1em 0; }
246
-
247
- .mailpoet_separator { margin: 17px 20px; }
248
-
249
- .mailpoet_option_offset_left_small { margin-left: 10px; }
250
-
251
- input.mailpoet_option_offset_left_small { margin-left: 10px !important; }
252
-
253
- input.mailpoet_color { width: 5em; }
254
-
255
- select.mailpoet_font-family { width: 8em; }
256
-
257
- select.mailpoet_font-size { width: 5em; }
258
-
259
- .mailpoet_input, .mailpoet_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; box-shadow: none !important; line-height: 22px; padding: 3px; }
260
-
261
- .mailpoet_input { border: 1px solid #e5e5e5; width: 283px; }
262
-
263
- .mailpoet_input_small { width: 58px; }
264
-
265
- .mailpoet_input_medium { width: 150px; }
266
-
267
- .mailpoet_input_full { box-sizing: border-box; margin: 0; width: 100%; }
268
-
269
- .mailpoet_range { -webkit-appearance: none; padding: 0; vertical-align: middle; width: 283px; }
270
-
271
- .mailpoet_range:focus { outline: none; }
272
-
273
- .mailpoet_range::-webkit-slider-runnable-track { background: #fff; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; }
274
-
275
- .mailpoet_range::-webkit-slider-thumb { -webkit-appearance: none; background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; margin-top: -8.66667px; width: 13px; }
276
-
277
- .mailpoet_range:hover::-webkit-slider-thumb { background: #0074a2; }
278
-
279
- .mailpoet_range::-moz-range-track { background: #fff; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; }
280
-
281
- .mailpoet_range::-moz-range-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; }
282
-
283
- .mailpoet_range:hover::-moz-range-thumb { background: #0074a2; }
284
-
285
- .mailpoet_range::-ms-fill-lower { background: #fff; border: 1px solid #ddd; }
286
-
287
- .mailpoet_range::-ms-fill-upper { background: #fff; border: 1px solid #ddd; }
288
-
289
- .mailpoet_range::-ms-track { background: transparent; border-color: transparent; border-width: 24px 0; color: transparent; cursor: pointer; height: 12px; width: 100%; }
290
-
291
- .mailpoet_range::-ms-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; }
292
-
293
- .mailpoet_range:hover::-ms-thumb { background: #0074a2; }
294
-
295
- .mailpoet_range:focus::-ms-fill-lower { background: #fff; border: 1px solid #ddd; }
296
-
297
- .mailpoet_range:focus::-ms-fill-upper { background: #fff; border: 1px solid #ddd; }
298
-
299
- .mailpoet_range_small { width: 100px; }
300
-
301
- .mailpoet_range_medium { width: 180px; }
302
-
303
- .mailpoet_select { border-color: #e5e5e5; color: #656565; margin: 0; }
304
-
305
- .mailpoet_select_large { width: 139px; }
306
-
307
- .mailpoet_select_medium { width: 103px; }
308
-
309
- .mailpoet_select_small { width: 68px; }
310
-
311
- .mailpoet_select_half_width { width: 50%; }
312
-
313
- #mailpoet_editor { clear: both; width: 100%; }
314
-
315
- #mailpoet_editor_heading_left { float: left; }
316
-
317
- #mailpoet_editor_heading_right { float: right; }
318
-
319
- #mailpoet_editor_heading { clear: both; margin-bottom: 13px; margin-left: 2px; padding-left: 15px; }
320
-
321
- #mailpoet_editor_main_wrapper { border: 1px solid #ddd; border-left: 0; min-width: 1050px; position: relative; }
322
-
323
- #mailpoet_editor_content_container { box-sizing: border-box; padding-right: 330px; width: 100%; }
324
-
325
- #mailpoet_editor_sidebar { box-sizing: border-box; float: right; width: 330px; }
326
-
327
- .mailpoet_newsletter_wrapper { margin: auto; max-width: 660px; position: relative; width: 660px; }
328
-
329
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field { margin-bottom: 15px; margin-top: 15px; }
330
-
331
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title { clear: both; margin-bottom: 5px; }
332
-
333
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title_small { width: 120px; }
334
-
335
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title_inline { display: inline-block; margin-bottom: 0; margin-top: 6px; }
336
-
337
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_optional { color: #a4a4a4; font-size: .8em; }
338
-
339
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_radio_option, .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_checkbox_option { display: inline-block; line-height: 30px; margin-right: 5px; vertical-align: top; }
340
-
341
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_radio_option:last-child, .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_checkbox_option:last-child { margin-right: 0; }
342
-
343
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option { display: inline-block; }
344
-
345
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option input[type=checkbox] { vertical-align: top; }
346
-
347
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option input[type=text] { vertical-align: middle; }
348
-
349
- .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_block { display: block; }
350
-
351
- .mailpoet_heading_form_field { margin-bottom: 5px; margin-top: 5px; }
352
-
353
- .mailpoet_input_title, .mailpoet_input_preheader { line-height: normal; padding: 3px; width: 500px; }
354
-
355
- .mailpoet_input_title { font-size: 23px; }
356
-
357
- .mailpoet_breadcrumbs { float: left; font-size: .9em; margin-bottom: 13px; margin-left: 17px; text-transform: uppercase; }
358
-
359
- .mailpoet_breadcrumbs p { margin: 0; }
360
-
361
- #mailpoet_heading_email_type { width: 200px; }
362
-
363
- .mailpoet_heading_wc_template_description { color: #666; font-style: italic; max-width: 800px; }
364
-
365
- .mailpoet_history_wrapper { display: flex; padding: 12px 20px; }
366
-
367
- .mailpoet_history_arrow { cursor: pointer; margin-right: 20px; }
368
-
369
- .mailpoet_history_arrow svg { display: inline-block; height: 26px; stroke: #0074a2; vertical-align: top; width: 26px; }
370
-
371
- .mailpoet_history_arrow_inactive { cursor: not-allowed; }
372
-
373
- .mailpoet_history_arrow_inactive svg { stroke: #a4a4a4; }
374
-
375
- #mailpoet_editor_sidebar { border-bottom: #e5e5e5; border-left: #e5e5e5; color: #656565; font-size: 13px; }
376
-
377
- #mailpoet_editor_sidebar .mailpoet_sidebar_region { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 0; border-top: 0; margin-bottom: 0; }
378
-
379
- #mailpoet_editor_sidebar .mailpoet_sidebar_region.closed .mailpoet_region_content { display: none; }
380
-
381
- #mailpoet_editor_sidebar .mailpoet_region_content { margin-top: 12px; padding: 0 20px; }
382
-
383
- #mailpoet_editor_sidebar, #mailpoet_editor_sidebar .postbox { background-color: #f8f8f8; }
384
-
385
- #mailpoet_editor_sidebar .postbox { padding-bottom: 20px; }
386
-
387
- #mailpoet_editor_sidebar .postbox.closed { padding-bottom: 0; }
388
-
389
- #mailpoet_editor_sidebar .postbox.closed h3 { color: #a4a4a4; cursor: pointer; }
390
-
391
- #mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox:hover h3 { color: #0074a2; font-size: 18px; margin: 0; padding: 17px 20px; text-transform: uppercase; }
392
-
393
- #mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox .handlediv { border: 0; cursor: auto; }
394
-
395
- #mailpoet_editor_sidebar .postbox .handlediv:before { color: #0074a2; content: '\f142'; display: inline-block; font: 400 20px / 1 dashicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; right: 18px; speak: none; text-decoration: none !important; top: 18px; }
396
-
397
- #mailpoet_editor_sidebar .postbox.closed .handlediv:before { color: #a4a4a4; content: '\f140'; }
398
-
399
- #mailpoet_editor_sidebar .postbox.closed:hover .handlediv:before { color: #0074a2; }
400
-
401
- .mailpoet_widget { display: inline-block; float: left; padding: 0 13px 15px; text-align: center; width: 70px; }
402
-
403
- .mailpoet_widget:nth-child(3n+1) { clear: left; }
404
-
405
- .mailpoet_widget .mailpoet_widget_icon { background-color: #fff; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; box-sizing: border-box; color: #a8a8a8; fill: #a8a8a8; height: 70px; line-height: 70px; margin-bottom: 9px; text-align: center; width: 70px; /* Vertically align widget icon glyphs */ }
406
-
407
- .mailpoet_widget .mailpoet_widget_icon > * { font-size: 30px; height: 30px; vertical-align: middle; width: 30px; }
408
-
409
- .mailpoet_widget .mailpoet_widget_icon:hover { border: 1px solid #0074a2; color: #0074a2; fill: #0074a2; }
410
-
411
- .mailpoet_widget.mailpoet_droppable_active { color: #0074a2; fill: #0074a2; }
412
-
413
- .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { border: 1px solid #0074a2; box-shadow: none; color: #0074a2; fill: #0074a2; }
414
-
415
- .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_title { display: none; }
416
-
417
- /* Browser preview modal */
418
- .mailpoet_browser_preview_wrapper { display: flex; flex-direction: column; height: 100%; position: absolute; width: 100%; }
419
-
420
- .mailpoet_browser_preview_link { position: absolute; top: -25px; }
421
-
422
- .mailpoet_popup .mailpoet_browser_preview_toggle { top: -30px; }
423
-
424
- /* Sidepanel */
425
- .mailpoet_editor_settings { color: #656565; font-size: 13px; }
426
-
427
- .mailpoet_editor_settings p { font-size: 1em; }
428
-
429
- .mailpoet_editor_settings h3 { color: #0074a2; font-size: 1.4em; text-transform: uppercase; }
430
-
431
- .mailpoet_sidepanel_field { margin-bottom: 15px; margin-top: 15px; }
432
-
433
- .mailpoet_sidepanel_field_title { clear: both; margin-bottom: 5px; }
434
-
435
- .mailpoet_sidepanel_field_title_small { width: 120px; }
436
-
437
- .mailpoet_sidepanel_field_title_inline { display: inline-block; line-height: 30px; margin-bottom: 0; vertical-align: middle; }
438
-
439
- .mailpoet_sidepanel_field_optional { color: #a4a4a4; font-size: .8em; }
440
-
441
- .mailpoet_sidepanel_radio_option, .mailpoet_sidepanel_checkbox_option { display: inline-block; line-height: 30px; margin-right: 15px; vertical-align: top; }
442
-
443
- .mailpoet_sidepanel_radio_option:last-child, .mailpoet_sidepanel_checkbox_option:last-child { margin-right: 0; }
444
-
445
- .mailpoet_sidepanel_input_option { display: inline-block; }
446
-
447
- .mailpoet_sidepanel_input_option input[type=checkbox] { vertical-align: top; }
448
-
449
- .mailpoet_sidepanel_input_option input[type=text] { vertical-align: middle; }
450
-
451
- #mailpoet_editor_bottom { margin: 10px 0 120px; }
452
-
453
- .mailpoet_save_wrapper { float: right; margin-bottom: 10px; margin-right: 20px; position: relative; }
454
-
455
- .mailpoet_save_wrapper .mailpoet_save_next { margin-left: 5px; }
456
-
457
- .mailpoet_save_options { background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; clear: both; margin: 5px 0; overflow: hidden; position: absolute; right: 0; vertical-align: top; white-space: nowrap; z-index: 1000; }
458
-
459
- .mailpoet_save_option { margin: 0; }
460
-
461
- .mailpoet_save_option > a { display: block; line-height: 2em; padding-left: 20px; padding-right: 20px; }
462
-
463
- .mailpoet_save_option:hover { background-color: #2ea1cd; color: #fff; }
464
-
465
- .mailpoet_save_option:hover > a { color: #fff; }
466
-
467
- .mailpoet_save_show_options { padding: 6px 3px 4px; }
468
-
469
- .mailpoet_save_show_options_icon { height: 14px; margin-top: -6px; vertical-align: middle; }
470
-
471
- .mailpoet_save_as_template_container, .mailpoet_export_template_container { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; clear: both; display: inline-block; margin: 5px 0; padding: 0 10px; position: absolute; right: 0; z-index: 1000; }
472
-
473
- .mailpoet_save_as_template_title, .mailpoet_export_template_title { font-size: 1.1em; }
474
-
475
- .mailpoet_save_next, .mailpoet_save_button_group { float: right; }
476
-
477
- .mailpoet_editor_last_saved { color: #a4a4a4; font-size: .9em; margin-top: 10px; text-align: right; }
478
-
479
- .mailpoet_save_woocommerce_customizer_disabled { text-align: right; }
480
-
481
- .mailpoet_save_woocommerce_error { color: #d54e21; margin-top: 10px; text-align: right; }
482
-
483
- .mailpoet_save_error { color: #d54e21; margin-top: 10px; text-align: right; width: 330px; }
484
-
485
- .mailpoet_save_dropdown_down .mailpoet_save_options, .mailpoet_save_dropdown_down .mailpoet_save_as_template_container, .mailpoet_save_dropdown_down .mailpoet_export_template_container { bottom: auto; top: 100%; }
486
-
487
- .mailpoet_save_dropdown_down .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f142'; }
488
-
489
- .mailpoet_save_dropdown_down .mailpoet_save_show_options_icon:before { content: '\f140'; }
490
-
491
- .mailpoet_save_dropdown_up .mailpoet_save_options, .mailpoet_save_dropdown_up .mailpoet_save_as_template_container, .mailpoet_save_dropdown_up .mailpoet_export_template_container { bottom: 100%; top: auto; }
492
-
493
- .mailpoet_save_dropdown_up .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f140'; }
494
-
495
- .mailpoet_save_dropdown_up .mailpoet_save_show_options_icon:before { content: '\f142'; }
496
-
497
- .mailpoet_tools { bottom: 100%; left: 50%; overflow: hidden; position: absolute; text-align: right; text-align: center; transform: translateX(-50%); transition: visibility 0s linear 250ms; visibility: hidden; z-index: 20; }
498
-
499
- .mailpoet_tools .mailpoet_tools_slider { background: #0078a2; border-radius: 10px 10px 0 0; display: flex; flex-direction: row; padding: 3px 7px; position: relative; transform: translateY(100%); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); }
500
-
501
- .mailpoet_resize_active .mailpoet_tools .mailpoet_tools_slider, .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider { transform: translateY(0); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear; visibility: visible; }
502
-
503
- .mailpoet_tools a { vertical-align: top; }
504
-
505
- .mailpoet_container_horizontal + .mailpoet_tools { bottom: auto; left: 100%; top: -2px; transform: none; }
506
-
507
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { background: #7fbbd0; border-radius: 0 10px 10px 0; flex-direction: column; padding: 7px 3px; transform: translateY(0) translateX(-100%); }
508
-
509
- .mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools { z-index: 21; }
510
-
511
- .mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { transform: translateY(0) translateX(0); }
512
-
513
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool { display: block; height: 27px; width: 27px; }
514
-
515
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool svg { height: 15px; padding: 6px; width: 15px; }
516
-
517
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block { flex-direction: column; }
518
-
519
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activate { display: block; max-height: 27px; max-width: none; opacity: 1; }
520
-
521
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_cancel { display: block; margin: 0; width: 100%; }
522
-
523
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated { height: auto; padding: 0 5px 3px; width: auto; }
524
-
525
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-height: 0; opacity: 0; overflow: hidden; }
526
-
527
- .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { opacity: 1; }
528
-
529
- .mailpoet_tool { display: inline-block; height: 24px; width: 24px; }
530
-
531
- .mailpoet_tool svg { fill: #fff; height: 14px; padding: 5px; vertical-align: top; width: 14px; }
532
-
533
- .mailpoet_tool:hover svg, .mailpoet_tool:focus svg { opacity: .7; }
534
-
535
- .mailpoet_tool .mailpoet_delete_block_confirmation { position: absolute; right: 0; top: 0; width: 200px; }
536
-
537
- .mailpoet_delete_block { border-radius: 3px; display: flex; flex-direction: row-reverse; line-height: 24px; vertical-align: top; white-space: nowrap; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
538
-
539
- .mailpoet_delete_block .mailpoet_tool { padding: 0; }
540
-
541
- .mailpoet_delete_block .mailpoet_delete_block_activate { display: inline-block; max-width: 24px; opacity: 1; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
542
-
543
- .mailpoet_delete_block .mailpoet_delete_block_confirm, .mailpoet_delete_block .mailpoet_delete_block_cancel { display: inline-block; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
544
-
545
- .mailpoet_delete_block .mailpoet_delete_block_confirm { color: #fff; }
546
-
547
- .mailpoet_delete_block .mailpoet_delete_block_confirm:hover { color: #fff; text-decoration: underline; }
548
-
549
- .mailpoet_delete_block .mailpoet_delete_block_cancel { color: #f4c6c8; }
550
-
551
- .mailpoet_delete_block .mailpoet_delete_block_cancel:hover { color: #f4c6c8; text-decoration: underline; }
552
-
553
- .mailpoet_delete_block_activated { background-color: #d54e21; height: auto; padding: 0 5px; width: auto; }
554
-
555
- .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-width: 0; opacity: 0; overflow: hidden; }
556
-
557
- .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { max-height: 20px; max-width: 90px; opacity: 1; }
558
-
559
- .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { margin-left: 3px; }
560
-
561
- .mailpoet_container_layer_active .mailpoet_block { opacity: .4; pointer-events: none; }
562
-
563
- .mailpoet_container_layer_active .mailpoet_container_block { opacity: 1; pointer-events: auto; }
564
-
565
- .mailpoet_container_layer_active .mailpoet_container_block > .mailpoet_tools { display: block !important; }
566
-
567
- .mailpoet_container_layer_active > .mailpoet_tools { z-index: 100001 !important; }
568
-
569
- .mailpoet_layer_overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; margin: 0 !important; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 100000; }
570
-
571
- .mailpoet_layer_highlight { background-color: #f1f1f1; pointer-events: none; position: relative; z-index: 100001 !important; }
572
-
573
- .mailpoet_drop_marker { background-color: #0074a2; box-shadow: 0 0 1px 0 #0074a2; min-height: 2px; min-width: 2px; position: absolute; z-index: 1; }
574
-
575
- .mailpoet_drop_marker:before, .mailpoet_drop_marker:after { color: #0074a2; font: 400 40px / 1 dashicons; margin-top: -18px; position: absolute; }
576
-
577
- .mailpoet_drop_marker:before { content: '\f139'; left: -25px; }
578
-
579
- .mailpoet_drop_marker:after { content: '\f141'; right: -23px; }
580
-
581
- .mailpoet_drop_marker.mailpoet_drop_marker_middle, .mailpoet_drop_marker.mailpoet_drop_marker_first.mailpoet_drop_marker_after, .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_before { margin-top: -1px; }
582
-
583
- .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_after { margin-top: -2px; }
584
-
585
- #mailpoet_editor .mailpoet_droppable_active { z-index: 21000; }
586
-
587
- .mailpoet_block.mailpoet_droppable_active { border: 1px dashed #0074a2 !important; width: 660px; }
588
-
589
- .mailpoet_block.mailpoet_droppable_active .mailpoet_tools { display: none !important; }
590
-
591
- .mailpoet_widget.mailpoet_droppable_active { margin: 0; padding: 0; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
592
-
593
- .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { margin: 0; padding: 0; }
594
-
595
- .mailpoet_drop_active > .mailpoet_container > div > .mailpoet_container_empty { background-color: #0074a2; box-shadow: inset 1px 2px 1px #025c80; color: #fff; }
596
-
597
- .mailpoet_droppable_block { cursor: move; }
598
-
599
- .mailpoet_droppable_block.mailpoet_ignore_drag { cursor: auto; }
600
-
601
- .mailpoet_resize_handle_container { left: 50%; margin-top: -16px; position: absolute; top: 100%; transform: translateX(-50%); z-index: 2; }
602
-
603
- .mailpoet_resize_handle { align-items: center; background: #0078a2; border-radius: 10px; cursor: ns-resize; display: none; justify-content: space-between; min-width: 60px; padding: 7px 10px; z-index: 2; }
604
-
605
- .mailpoet_resize_handle .mailpoet_resize_handle_text, .mailpoet_resize_handle .mailpoet_resize_handle_icon { pointer-events: none; }
606
-
607
- .mailpoet_resizable_block.mailpoet_highlight .mailpoet_resize_handle { display: flex; }
608
-
609
- .mailpoet_resize_handle_text { color: #fff; font-size: 11px; font-weight: bold; line-height: 1.5em; text-align: center; }
610
-
611
- .mailpoet_resize_handle_icon { line-height: 15px; margin-left: 5px; }
612
-
613
- .mailpoet_resize_handle_icon > svg { fill: #fff; height: 15px; vertical-align: top; width: 15px; }
614
-
615
- .mailpoet_image_resize_handle_container { bottom: 0; height: 24px; position: absolute; right: 0; width: 24px; }
616
-
617
- .mailpoet_image_resize_handle_container_left { left: 0; right: auto; transform: rotate(90deg); }
618
-
619
- .mailpoet_image_resize_handle { background: #0078a2; border-radius: 6px 0 0; cursor: nwse-resize; display: none; height: 24px; position: relative; width: 24px; z-index: 2; }
620
-
621
- .mailpoet_resizable_block.mailpoet_highlight .mailpoet_image_resize_handle { display: inline-block; }
622
-
623
- .mailpoet_image_resize_handle .mailpoet_image_resize_handle_text, .mailpoet_image_resize_handle .mailpoet_image_resize_handle_icon { pointer-events: none; }
624
-
625
- .mailpoet_image_resize_handle_container_left .mailpoet_image_resize_handle { cursor: nesw-resize; }
626
-
627
- .mailpoet_image_resize_handle_icon { display: block; line-height: 22px; padding: 1px; }
628
-
629
- .mailpoet_image_resize_handle_icon > svg { fill: #fff; height: 22px; vertical-align: top; width: 22px; }
630
-
631
- .mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight { border: 2px solid #0078a2; }
632
-
633
- .mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight .mailpoet_image_resize_handle { display: inline-block; }
634
-
635
- .mailpoet_block { background-color: inherit; box-sizing: border-box; float: left; padding: 10px 20px; position: relative; }
636
-
637
- .mailpoet_block > .mailpoet_block_highlight { border: 2px solid rgba(255, 255, 255, 0); bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: .3s; z-index: 1; }
638
-
639
- .mailpoet_block.mailpoet_highlight > .mailpoet_block_highlight { border: 2px solid #0078a2 !important; }
640
-
641
- .mailpoet_block > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { bottom: -2px; left: -2px; right: -2px; top: -2px; }
642
-
643
- .mailpoet_block.mailpoet_highlight > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { border: 2px solid #7fbbd0 !important; }
644
-
645
- .mailpoet_content { line-height: 1.6em; position: relative; }
646
-
647
- .mailpoet_content h1, .mailpoet_content h2, .mailpoet_content h3, .mailpoet_content h4, .mailpoet_content h5, .mailpoet_content h6 { font-style: normal; font-weight: normal; line-height: 1.6em; margin: 0 0 .3em; padding: 0; }
648
-
649
- .mailpoet_content p:not(.mailpoet_wp_post) { margin: 0; margin-bottom: 0; margin-top: 0; padding: 0; }
650
-
651
- .mailpoet_content p { font-style: normal; font-weight: normal; line-height: 1.6em; }
652
-
653
- .mailpoet_content ul { margin-bottom: 10px; margin-top: 10px; padding: 0; }
654
-
655
- .mailpoet_content li { font-weight: normal; margin-bottom: 10px; margin-top: 0; }
656
-
657
- .mailpoet_content blockquote { border-left: 2px #565656 solid; margin: 0 0 1.6em; padding-left: 10px; }
658
-
659
- .mailpoet_container { min-height: 15px; position: relative; width: 100%; }
660
-
661
- .mailpoet_container_block { border: 0; box-sizing: border-box; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; position: relative; }
662
-
663
- .mailpoet_container_vertical > * { box-sizing: border-box; width: 100%; }
664
-
665
- .mailpoet_container_horizontal > * { vertical-align: top; }
666
-
667
- #mailpoet_editor_content .mailpoet_container { box-sizing: border-box; float: left; }
668
-
669
- #mailpoet_editor_content > .mailpoet_container_block { border: 0; width: 660px; }
670
-
671
- #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; }
672
-
673
- #mailpoet_editor_content .mailpoet_container_horizontal > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; width: 660px; }
674
-
675
- #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block { width: 330px; }
676
-
677
- #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block { width: 220px; }
678
-
679
- #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:nth-child(2) { width: 220px; }
680
-
681
- #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:nth-child(2) { width: 440px; }
682
-
683
- .mailpoet_container_empty { background-color: #f2f2f2; border-radius: 3px; box-shadow: inset 1px 2px 1px #a4a4a4; color: #656565; margin: 20px; padding: 15px; text-align: center; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
684
-
685
- .mailpoet_automated_latest_content_block { padding: 0; }
686
-
687
- .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0); height: 100%; position: absolute; transition: background .15s ease-out; width: 100%; z-index: 19; }
688
-
689
- .mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0.7); cursor: pointer; }
690
-
691
- .mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay .mailpoet_overlay_message { display: block; }
692
-
693
- .mailpoet_automated_latest_content_block_overlay .mailpoet_overlay_message { color: black; display: none; font-size: 20px; margin: 1em 0; text-align: center; }
694
-
695
- .mailpoet_automated_latest_content_block_posts { overflow: hidden; pointer-events: none; }
696
-
697
- .mailpoet_automated_latest_content_block_posts > .mailpoet_block { width: 100%; }
698
-
699
- .mailpoet_automated_latest_content_block_posts .mailpoet_container_block { padding-bottom: 0; padding-top: 0; }
700
-
701
- .mailpoet_automated_latest_content_display_options { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
702
-
703
- .mailpoet_automated_latest_content_display_options.mailpoet_closed { max-height: 0; opacity: 0; }
704
-
705
- .mailpoet_automated_latest_content_show_amount { width: 25px; }
706
-
707
- .mailpoet_automated_latest_content_content_type { width: 180px; }
708
-
709
- .mailpoet_posts_block { padding-left: 0; padding-right: 0; }
710
-
711
- .mailpoet_posts_block_posts { overflow: auto; }
712
-
713
- .mailpoet_posts_block_posts > .mailpoet_block { width: 100%; }
714
-
715
- .mailpoet_post_selection_filter_row { margin-bottom: 5px; margin-top: 5px; }
716
-
717
- .mailpoet_posts_categories_and_tags { width: 100%; }
718
-
719
- .mailpoet_settings_posts_display_options, .mailpoet_settings_posts_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; }
720
-
721
- .mailpoet_settings_posts_display_options.mailpoet_closed, .mailpoet_settings_posts_selection.mailpoet_closed { max-height: 0; opacity: 0; }
722
-
723
- .mailpoet_settings_posts_show_display_options, .mailpoet_settings_posts_show_post_selection { display: block; margin-top: 10px; }
724
-
725
- .mailpoet_post_selection_container { margin-bottom: 0; margin-top: 20px; }
726
-
727
- .mailpoet_post_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; }
728
-
729
- .mailpoet_settings_posts_single_post { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; }
730
-
731
- .mailpoet_settings_posts_single_post:hover { border-color: #0074a2; }
732
-
733
- .mailpoet_settings_posts_single_post .mailpoet_select_post_checkbox { margin-left: 10px; margin-right: 8px; }
734
-
735
- .mailpoet_post_selection_loading { color: #999; }
736
-
737
- .mailpoet_posts_container > .mailpoet_droppable_block { width: 100%; }
738
-
739
- .mailpoet_products_block { padding-left: 0; padding-right: 0; }
740
-
741
- .mailpoet_products_block_products { overflow: auto; }
742
-
743
- .mailpoet_products_block_products > .mailpoet_block { width: 100%; }
744
-
745
- .mailpoet_product_selection_filter_row { margin-bottom: 5px; margin-top: 5px; }
746
-
747
- .mailpoet_products_categories_and_tags { width: 100%; }
748
-
749
- .mailpoet_settings_products_display_options, .mailpoet_settings_products_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; }
750
-
751
- .mailpoet_settings_products_display_options.mailpoet_closed, .mailpoet_settings_products_selection.mailpoet_closed { max-height: 0; opacity: 0; }
752
-
753
- .mailpoet_settings_products_show_display_options, .mailpoet_settings_products_show_product_selection { display: block; margin-top: 10px; }
754
-
755
- .mailpoet_product_selection_container { margin-bottom: 0; margin-top: 20px; }
756
-
757
- .mailpoet_product_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; }
758
-
759
- .mailpoet_settings_products_single_product { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; }
760
-
761
- .mailpoet_settings_products_single_product:hover { border-color: #0074a2; }
762
-
763
- .mailpoet_settings_products_single_product .mailpoet_select_product_checkbox { margin-left: 10px; margin-right: 8px; }
764
-
765
- .mailpoet_product_selection_loading { color: #999; }
766
-
767
- .mailpoet_products_container > .mailpoet_droppable_block { width: 100%; }
768
-
769
- .mailpoet_button_block .mailpoet_editor_button { box-sizing: border-box; display: block; line-height: 2em; margin: auto; max-width: 100%; text-align: center; text-decoration: none; }
770
-
771
- .mailpoet_button_block .mailpoet_editor_button:hover { cursor: all-scroll; }
772
-
773
- .mailpoet_divider_block { cursor: all-scroll; padding: 0; }
774
-
775
- .mailpoet_divider { margin-left: 20px; margin-right: 20px; }
776
-
777
- .mailpoet_field_divider_style { border: 1px solid transparent; display: block; margin: auto; max-width: 660px; padding: 10px 0; width: 100%; }
778
-
779
- .mailpoet_field_divider_style:hover { border: 1px solid #0074a2; }
780
-
781
- .mailpoet_active_divider_style { background: #daebf2; border: 1px solid #adadad; }
782
-
783
- .mailpoet_divider_selector img { width: 100%; }
784
-
785
- .mailpoet_image_block img { height: auto; max-width: 100%; vertical-align: bottom; }
786
-
787
- .mailpoet_image_block.mailpoet_full_image { margin: auto; padding: 0; }
788
-
789
- .mailpoet_image_block .mailpoet_content { margin: auto; max-width: 100%; min-width: 36px; }
790
-
791
- .mailpoet_image_block .mailpoet_content a:hover { cursor: all-scroll; }
792
-
793
- .mailpoet_social_block .mailpoet_social { text-align: center; }
794
-
795
- .mailpoet_social span { display: inline-block; padding: 2px 3px; }
796
-
797
- .mailpoet_social span, .mailpoet_social a, .mailpoet_social img { vertical-align: top; }
798
-
799
- .mailpoet_social a { cursor: all-scroll; }
800
-
801
- .mailpoet_social_icon_set { border: 1px solid transparent; margin-bottom: 5px; padding: 5px; }
802
-
803
- .mailpoet_social_icon_set:hover { border: 1px solid #0074a2; }
804
-
805
- .mailpoet_social_icon_set img { height: 32px; padding: 2px 3px; vertical-align: middle; width: 32px; }
806
-
807
- .mailpoet_active_icon_set { background-color: #daebf2; border: 1px dashed #adadad; }
808
-
809
- .mailpoet_social_icon_settings { background: #fff; border: 1px solid #e5e5e5; margin-bottom: 9px; padding: 28px 9px 8px 9px; position: relative; }
810
-
811
- .mailpoet_social_icon_settings_row { clear: both; line-height: 30px; margin-bottom: 10px; overflow: auto; }
812
-
813
- .mailpoet_social_icon_settings_label { margin-right: 5px; text-align: left; }
814
-
815
- .mailpoet_social_icon_settings_label .mailpoet_social_icon_image { height: 30px; width: 30px; }
816
-
817
- .mailpoet_social_icon_settings_label.mailpoet_social_icon_image_label { line-height: initial; }
818
-
819
- .mailpoet_social_icon_settings_form_element { float: left; width: 100%; }
820
-
821
- .mailpoet_social_icon_settings_form_element input, .mailpoet_social_icon_settings_form_element select { box-sizing: border-box; display: inline-block; height: 30px; margin: 0; vertical-align: middle; width: 100%; }
822
-
823
- .mailpoet_social_icon_settings_tool { position: absolute; top: 10px; }
824
-
825
- .mailpoet_social_icon_settings_tool .mailpoet_tool_icon { fill: #333; height: 16px; width: 16px; }
826
-
827
- .mailpoet_social_icon_settings_tool .mailpoet_tool_icon:hover { fill: #bbb; }
828
-
829
- .mailpoet_social_icon_settings_tool .mailpoet_tool_icon:active { fill: #0074a2; }
830
-
831
- .mailpoet_social_icon_settings_move_icon { right: 5px; }
832
-
833
- .mailpoet_social_icon_settings_delete_icon { right: 26px; }
834
-
835
- .mailpoet_spacer { text-align: center; }
836
-
837
- .mailpoet_spacer_block { cursor: all-scroll; padding: 0; }
838
-
839
- .mailpoet_text_block { padding-left: 0; padding-right: 0; }
840
-
841
- .mailpoet_text_block > .mailpoet_content { overflow: hidden; padding: 0 20px; }
842
-
843
- .mailpoet_text_block > .mailpoet_content > *:last-child { margin-bottom: 0; }
844
-
845
- .mailpoet_header_block { padding: 0; }
846
-
847
- .mailpoet_header_block .mailpoet_content { padding: 10px 20px; }
848
-
849
- .mailpoet_header_block .mailpoet_content > *:last-child { margin-bottom: 0; }
850
-
851
- .mailpoet_footer_block { padding: 0; }
852
-
853
- .mailpoet_footer_block .mailpoet_content { padding: 10px 20px; }
854
-
855
- .mailpoet_footer_block .mailpoet_content > *:last-child { margin-bottom: 0; }
856
-
857
- .mailpoet_woocommerce_heading_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; }
858
-
859
- .mailpoet_woocommerce_heading_overlay:hover { opacity: 1; }
860
-
861
- .mailpoet_woocommerce_heading_overlay p { color: black; font-size: 20px; text-align: center; }
862
-
863
- .mailpoet_woocommerce_content_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; margin: -10px -20px; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; }
864
-
865
- .mailpoet_woocommerce_content_overlay:hover { opacity: 1; }
866
-
867
- .mailpoet_woocommerce_content_overlay p { color: black; font-size: 20px; text-align: center; }
868
-
869
- .admin_page_mailpoet-newsletter-editor { /* Allow horizontal scrolling on smaller (tablet/phone) sized screens */ overflow-x: auto; /* Fix select2 z-index to work with MailPoet.Modal */ /* Remove input field styles from select2 type input */ /* Fix select2 input glow and margins that wordpress may insert */ /* Fix width overrides for select2 */ /* TinyMCE remove active border from the editor */ /* Reduce WP admin bar z-index in order for TinyMCE toolbar to be visible */ /* Hide the "Details" section of WordPress Media manager */ /* Remove max width from date selector in WordPress Media Manager */ /* Alter Spectrum color picker to leave only the color preview, without arrows */ /* Sidepanel overrides */ /* Make a button group */ }
870
-
871
- .admin_page_mailpoet-newsletter-editor .select2-dropdown { z-index: 101000 !important; }
872
-
873
- .admin_page_mailpoet-newsletter-editor .select2-container { border: none; padding: 0; }
874
-
875
- .admin_page_mailpoet-newsletter-editor .select2 input, .admin_page_mailpoet-newsletter-editor .select2 input:focus { border-color: none; box-shadow: none; margin: 0; padding: 0; }
876
-
877
- .admin_page_mailpoet-newsletter-editor .mailpoet_editor_settings .select2-container { width: 100% !important; }
878
-
879
- .admin_page_mailpoet-newsletter-editor .tox { /* Small style changes to better fit TinyMCE to our editor */ /* Fix for TinyMCE modals are above WP menu */ /* Slightly smaller TinyMCE button */ /* Fix for text type select */ }
880
-
881
- .admin_page_mailpoet-newsletter-editor .tox.tox-tinymce-inline { border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); /* Fix for fixed TinyMCE toolbar to be above WP menu */ z-index: 50001; }
882
-
883
- .admin_page_mailpoet-newsletter-editor .tox.tox-tinymce-aux { z-index: 99999; }
884
-
885
- .admin_page_mailpoet-newsletter-editor .tox .tox-toolbar { background-color: #f8f8f8; /* Fix double border on top of TineMCE popup */ }
886
-
887
- .admin_page_mailpoet-newsletter-editor .tox .tox-toolbar:first-child { border-top: 0; }
888
-
889
- .admin_page_mailpoet-newsletter-editor .tox .tox-tbtn:not(.tox-tbtn--select) { height: 28px; width: 30px; }
890
-
891
- .admin_page_mailpoet-newsletter-editor .tox .tox-collection__item-label { line-height: normal; }
892
-
893
- .admin_page_mailpoet-newsletter-editor .mce-edit-focus { outline: none; }
894
-
895
- .admin_page_mailpoet-newsletter-editor #wpbody-content > * { margin-left: 20px; }
896
-
897
- .admin_page_mailpoet-newsletter-editor #wpbody-content > .wrap { margin-left: 0; }
898
-
899
- .admin_page_mailpoet-newsletter-editor #wpcontent { margin-left: 160px; padding-left: 0; }
900
-
901
- .admin_page_mailpoet-newsletter-editor.folded #wpcontent { margin-left: 36px; }
902
-
903
- @media screen and (max-width: 960px) { .admin_page_mailpoet-newsletter-editor.auto-fold #wpcontent { margin-left: 36px; } }
904
-
905
- @media screen and (max-width: 782px) { .admin_page_mailpoet-newsletter-editor.auto-fold #wpcontent { margin-left: 0; } }
906
-
907
- .admin_page_mailpoet-newsletter-editor .wrap { margin-left: 0; margin-right: 0; }
908
-
909
- .admin_page_mailpoet-newsletter-editor #wpadminbar { z-index: 50000; }
910
-
911
- .admin_page_mailpoet-newsletter-editor .media-sidebar { display: none; }
912
-
913
- .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .attachments, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .uploader-inline { margin-right: 0; }
914
-
915
- .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .attachments, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .media-toolbar, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .uploader-inline { right: 0; }
916
-
917
- .admin_page_mailpoet-newsletter-editor #media-attachment-date-filters { max-width: calc(100% - 12px); }
918
-
919
- .admin_page_mailpoet-newsletter-editor .sp-replacer { border: 0; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; padding: 0; }
920
-
921
- .admin_page_mailpoet-newsletter-editor .sp-preview { border-width: 0; height: 25px; margin-right: 0; width: 25px; }
922
-
923
- .admin_page_mailpoet-newsletter-editor .sp-dd { display: none; }
924
-
925
- .admin_page_mailpoet-newsletter-editor .mailpoet_panel_body { margin: 19px; padding: 0; }
926
-
927
- .admin_page_mailpoet-newsletter-editor .mailpoet_panel_body .mailpoet_editor_settings h3 { margin-top: 0; }
928
-
929
- .admin_page_mailpoet-newsletter-editor .mailpoet_panel_wrapper { background-color: #f8f8f8; border: 1px solid #e5e5e5; }
930
-
931
- .admin_page_mailpoet-newsletter-editor .wrap > .mailpoet_notice, .admin_page_mailpoet-newsletter-editor .notice, .admin_page_mailpoet-newsletter-editor .update-nag { margin-left: 17px !important; margin-right: 20px !important; }
932
-
933
- .admin_page_mailpoet-newsletter-editor .mailpoet_button_group .button:first-child { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0; }
934
-
935
- .admin_page_mailpoet-newsletter-editor .mailpoet_button_group .button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/dist/css/mailpoet-editor.ed57cb14.css ADDED
@@ -0,0 +1,935 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* default Select2 placeholder color for single dropdown */
2
+ @-webkit-keyframes fadeIn { 0% { opacity: .3; }
3
+ 100% { opacity: 1; } }
4
+ @keyframes fadeIn { 0% { opacity: .3; }
5
+ 100% { opacity: 1; } }
6
+
7
+ /***
8
+ Spectrum Colorpicker v1.8.0
9
+ https://github.com/bgrins/spectrum
10
+ Author: Brian Grinstead
11
+ License: MIT
12
+ ***/
13
+ .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; }
14
+
15
+ .sp-container.sp-flat { position: relative; }
16
+
17
+ /* Fix for * { box-sizing: border-box; } */
18
+ .sp-container, .sp-container * { box-sizing: content-box; }
19
+
20
+ /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
21
+ .sp-top { position: relative; width: 100%; display: inline-block; }
22
+
23
+ .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
24
+
25
+ .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; }
26
+
27
+ .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; }
28
+
29
+ .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; }
30
+
31
+ .sp-fill { padding-top: 80%; }
32
+
33
+ .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
34
+
35
+ .sp-alpha-enabled .sp-top { margin-bottom: 18px; }
36
+
37
+ .sp-alpha-enabled .sp-alpha { display: block; }
38
+
39
+ .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; }
40
+
41
+ .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; }
42
+
43
+ .sp-alpha-inner { border: solid 1px #333; }
44
+
45
+ .sp-clear { display: none; }
46
+
47
+ .sp-clear.sp-clear-display { background-position: center; }
48
+
49
+ .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; }
50
+
51
+ /* Don't allow text selection */
52
+ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; }
53
+
54
+ .sp-container.sp-input-disabled .sp-input-container { display: none; }
55
+
56
+ .sp-container.sp-buttons-disabled .sp-button-container { display: none; }
57
+
58
+ .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; }
59
+
60
+ .sp-palette-only .sp-picker-container { display: none; }
61
+
62
+ .sp-palette-disabled .sp-palette-container { display: none; }
63
+
64
+ .sp-initial-disabled .sp-initial { display: none; }
65
+
66
+ /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
67
+ .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }
68
+
69
+ .sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }
70
+
71
+ .sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }
72
+
73
+ /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */
74
+ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }
75
+
76
+ .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }
77
+
78
+ .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }
79
+
80
+ .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }
81
+
82
+ .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }
83
+
84
+ .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }
85
+
86
+ .sp-hidden { display: none !important; }
87
+
88
+ /* Clearfix hack */
89
+ .sp-cf:before, .sp-cf:after { content: ""; display: table; }
90
+
91
+ .sp-cf:after { clear: both; }
92
+
93
+ .sp-cf { *zoom: 1; }
94
+
95
+ /* Mobile devices, make hue slider bigger so it is easier to slide */
96
+ @media (max-device-width: 480px) { .sp-color { right: 40%; }
97
+ .sp-hue { left: 63%; }
98
+ .sp-fill { padding-top: 60%; } }
99
+
100
+ .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; }
101
+
102
+ .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; }
103
+
104
+ /*
105
+ Theme authors:
106
+ Here are the basic themeable display options (colors, fonts, global widths).
107
+ See http://bgrins.github.io/spectrum/themes/ for instructions.
108
+ */
109
+ .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; }
110
+
111
+ .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -ms-box-sizing: border-box; box-sizing: border-box; }
112
+
113
+ .sp-top { margin-bottom: 3px; }
114
+
115
+ .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; }
116
+
117
+ /* Input */
118
+ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; }
119
+
120
+ .sp-initial-disabled .sp-input-container { width: 100%; }
121
+
122
+ .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; }
123
+
124
+ .sp-input:focus { border: 1px solid orange; }
125
+
126
+ .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; }
127
+
128
+ .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; }
129
+
130
+ .sp-picker-container { width: 172px; border-left: solid 1px #fff; }
131
+
132
+ /* Palettes */
133
+ .sp-palette-container { border-right: solid 1px #ccc; }
134
+
135
+ .sp-palette-only .sp-palette-container { border: 0; }
136
+
137
+ .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; }
138
+
139
+ .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; }
140
+
141
+ .sp-thumb-el { position: relative; }
142
+
143
+ /* Initial */
144
+ .sp-initial { float: left; border: solid 1px #333; }
145
+
146
+ .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; }
147
+
148
+ .sp-initial .sp-clear-display { background-position: center; }
149
+
150
+ /* Buttons */
151
+ .sp-palette-button-container, .sp-button-container { float: right; }
152
+
153
+ /* Replacer (the little preview div that shows up instead of the <input>) */
154
+ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; }
155
+
156
+ .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; }
157
+
158
+ .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; }
159
+
160
+ .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; }
161
+
162
+ .sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; }
163
+
164
+ .sp-palette { *width: 220px; max-width: 220px; }
165
+
166
+ .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; }
167
+
168
+ .sp-container { padding-bottom: 0; }
169
+
170
+ /* Buttons: http://hellohappy.org/css3-buttons/ */
171
+ .sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; }
172
+
173
+ .sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }
174
+
175
+ .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
176
+
177
+ .sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; }
178
+
179
+ .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; }
180
+
181
+ .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; }
182
+
183
+ .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }
184
+
185
+ .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
186
+
187
+ .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; }
188
+
189
+ .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }
190
+
191
+ .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }
192
+
193
+ .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }
194
+
195
+ .mailpoet_button { background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; color: #a4a4a4; line-height: normal; margin: 0; padding: 6px 20px; vertical-align: top; }
196
+
197
+ .mailpoet_button_full { box-sizing: border-box; width: 100%; }
198
+
199
+ .mailpoet_button_primary { background-color: #2ea1cd; border-color: #0074a2; color: #fff; }
200
+
201
+ .mailpoet_button_primary:hover { background-color: #1e8cbe; }
202
+
203
+ .mailpoet_button_group { display: inline; }
204
+
205
+ .mailpoet_button_group .mailpoet_button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: 0; padding: 6px 12px; }
206
+
207
+ .mailpoet_button_group .mailpoet_button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 10px; padding-right: 10px; }
208
+
209
+ a { color: #2ea1cd; text-decoration: none; }
210
+
211
+ .mailpoet_hidden { display: none !important; }
212
+
213
+ .mailpoet_form_narrow_select2 span.select2-container { width: 103px !important; }
214
+
215
+ span.select2-container--open > span.select2-dropdown { min-width: 150px; }
216
+
217
+ span.select2-container--open > span.select2-dropdown li.select2-results__option { font-size: 13px; margin: 0 !important; }
218
+
219
+ span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__group { color: #bfbfbf; font-weight: normal; }
220
+
221
+ span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option { font-size: 13px; padding-left: 15px; }
222
+
223
+ span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option[aria-selected=true] { background-color: #eee; color: #444; }
224
+
225
+ .mailpoet_settings_notice { color: #999; }
226
+
227
+ #mailpoet_editor_content ol, #mailpoet_editor_content ul { padding-left: 40px; }
228
+
229
+ #mailpoet_editor_content ul { list-style-type: disc; }
230
+
231
+ #mailpoet_editor_content ul ul { list-style-type: circle; }
232
+
233
+ #mailpoet_editor_content ul ul ul { list-style-type: square; }
234
+
235
+ .tooltip-help-designer-subject-line div, .tooltip-help-designer-preheader div { z-index: 100001; }
236
+
237
+ .tooltip-help-send-preview { color: #fff; margin-top: -10px; position: absolute; right: 4px; top: 50%; }
238
+
239
+ .tooltip-help-designer-ideal-width { color: #656565; font-weight: normal; margin-left: 5px; text-transform: none; }
240
+
241
+ .tooltip-help-designer-full-width .dashicons { line-height: 34px; }
242
+
243
+ .tooltip-help-designer-full-width span { line-height: 1.4em; }
244
+
245
+ .mailpoet_text_content p { margin: 1em 0; }
246
+
247
+ .mailpoet_separator { margin: 17px 20px; }
248
+
249
+ .mailpoet_option_offset_left_small { margin-left: 10px; }
250
+
251
+ input.mailpoet_option_offset_left_small { margin-left: 10px !important; }
252
+
253
+ input.mailpoet_color { width: 5em; }
254
+
255
+ select.mailpoet_font-family { width: 8em; }
256
+
257
+ select.mailpoet_font-size { width: 5em; }
258
+
259
+ .mailpoet_input, .mailpoet_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; box-shadow: none !important; line-height: 22px; padding: 3px; }
260
+
261
+ .mailpoet_input { border: 1px solid #e5e5e5; width: 283px; }
262
+
263
+ .mailpoet_input_small { width: 58px; }
264
+
265
+ .mailpoet_input_medium { width: 150px; }
266
+
267
+ .mailpoet_input_full { box-sizing: border-box; margin: 0; width: 100%; }
268
+
269
+ .mailpoet_range { -webkit-appearance: none; padding: 0; vertical-align: middle; width: 283px; }
270
+
271
+ .mailpoet_range:focus { outline: none; }
272
+
273
+ .mailpoet_range::-webkit-slider-runnable-track { background: #fff; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; }
274
+
275
+ .mailpoet_range::-webkit-slider-thumb { -webkit-appearance: none; background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; margin-top: -8.66667px; width: 13px; }
276
+
277
+ .mailpoet_range:hover::-webkit-slider-thumb { background: #0074a2; }
278
+
279
+ .mailpoet_range::-moz-range-track { background: #fff; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; }
280
+
281
+ .mailpoet_range::-moz-range-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; }
282
+
283
+ .mailpoet_range:hover::-moz-range-thumb { background: #0074a2; }
284
+
285
+ .mailpoet_range::-ms-fill-lower { background: #fff; border: 1px solid #ddd; }
286
+
287
+ .mailpoet_range::-ms-fill-upper { background: #fff; border: 1px solid #ddd; }
288
+
289
+ .mailpoet_range::-ms-track { background: transparent; border-color: transparent; border-width: 24px 0; color: transparent; cursor: pointer; height: 12px; width: 100%; }
290
+
291
+ .mailpoet_range::-ms-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; }
292
+
293
+ .mailpoet_range:hover::-ms-thumb { background: #0074a2; }
294
+
295
+ .mailpoet_range:focus::-ms-fill-lower { background: #fff; border: 1px solid #ddd; }
296
+
297
+ .mailpoet_range:focus::-ms-fill-upper { background: #fff; border: 1px solid #ddd; }
298
+
299
+ .mailpoet_range_small { width: 100px; }
300
+
301
+ .mailpoet_range_medium { width: 180px; }
302
+
303
+ .mailpoet_select { border-color: #e5e5e5; color: #656565; margin: 0; }
304
+
305
+ .mailpoet_select_large { width: 139px; }
306
+
307
+ .mailpoet_select_medium { width: 103px; }
308
+
309
+ .mailpoet_select_small { width: 68px; }
310
+
311
+ .mailpoet_select_half_width { width: 50%; }
312
+
313
+ #mailpoet_editor { clear: both; width: 100%; }
314
+
315
+ #mailpoet_editor_heading_left { float: left; }
316
+
317
+ #mailpoet_editor_heading_right { float: right; }
318
+
319
+ #mailpoet_editor_heading { clear: both; margin-bottom: 13px; margin-left: 2px; padding-left: 15px; }
320
+
321
+ #mailpoet_editor_main_wrapper { border: 1px solid #ddd; border-left: 0; min-width: 1050px; position: relative; }
322
+
323
+ #mailpoet_editor_content_container { box-sizing: border-box; padding-right: 330px; width: 100%; }
324
+
325
+ #mailpoet_editor_sidebar { box-sizing: border-box; float: right; width: 330px; }
326
+
327
+ .mailpoet_newsletter_wrapper { margin: auto; max-width: 660px; position: relative; width: 660px; }
328
+
329
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field { margin-bottom: 15px; margin-top: 15px; }
330
+
331
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title { clear: both; margin-bottom: 5px; }
332
+
333
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title_small { width: 120px; }
334
+
335
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_title_inline { display: inline-block; margin-bottom: 0; margin-top: 6px; }
336
+
337
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_optional { color: #a4a4a4; font-size: .8em; }
338
+
339
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_radio_option, .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_checkbox_option { display: inline-block; line-height: 30px; margin-right: 5px; vertical-align: top; }
340
+
341
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_radio_option:last-child, .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_checkbox_option:last-child { margin-right: 0; }
342
+
343
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option { display: inline-block; }
344
+
345
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option input[type=checkbox] { vertical-align: top; }
346
+
347
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_input_option input[type=text] { vertical-align: middle; }
348
+
349
+ .admin_page_mailpoet-newsletter-editor .mailpoet_form_field_block { display: block; }
350
+
351
+ .mailpoet_heading_form_field { margin-bottom: 5px; margin-top: 5px; }
352
+
353
+ .mailpoet_input_title, .mailpoet_input_preheader { line-height: normal; padding: 3px; width: 500px; }
354
+
355
+ .mailpoet_input_title { font-size: 23px; }
356
+
357
+ .mailpoet_breadcrumbs { float: left; font-size: .9em; margin-bottom: 13px; margin-left: 17px; text-transform: uppercase; }
358
+
359
+ .mailpoet_breadcrumbs p { margin: 0; }
360
+
361
+ #mailpoet_heading_email_type { width: 200px; }
362
+
363
+ .mailpoet_heading_wc_template_description { color: #666; font-style: italic; max-width: 800px; }
364
+
365
+ .mailpoet_history_wrapper { display: flex; padding: 12px 20px; }
366
+
367
+ .mailpoet_history_arrow { cursor: pointer; margin-right: 20px; }
368
+
369
+ .mailpoet_history_arrow svg { display: inline-block; height: 26px; stroke: #0074a2; vertical-align: top; width: 26px; }
370
+
371
+ .mailpoet_history_arrow_inactive { cursor: not-allowed; }
372
+
373
+ .mailpoet_history_arrow_inactive svg { stroke: #a4a4a4; }
374
+
375
+ #mailpoet_editor_sidebar { border-bottom: #e5e5e5; border-left: #e5e5e5; color: #656565; font-size: 13px; }
376
+
377
+ #mailpoet_editor_sidebar .mailpoet_sidebar_region { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 0; border-top: 0; margin-bottom: 0; }
378
+
379
+ #mailpoet_editor_sidebar .mailpoet_sidebar_region.closed .mailpoet_region_content { display: none; }
380
+
381
+ #mailpoet_editor_sidebar .mailpoet_region_content { margin-top: 12px; padding: 0 20px; }
382
+
383
+ #mailpoet_editor_sidebar, #mailpoet_editor_sidebar .postbox { background-color: #f8f8f8; }
384
+
385
+ #mailpoet_editor_sidebar .postbox { padding-bottom: 20px; }
386
+
387
+ #mailpoet_editor_sidebar .postbox.closed { padding-bottom: 0; }
388
+
389
+ #mailpoet_editor_sidebar .postbox.closed h3 { color: #a4a4a4; cursor: pointer; }
390
+
391
+ #mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox:hover h3 { color: #0074a2; font-size: 18px; margin: 0; padding: 17px 20px; text-transform: uppercase; }
392
+
393
+ #mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox .handlediv { border: 0; cursor: auto; }
394
+
395
+ #mailpoet_editor_sidebar .postbox .handlediv:before { color: #0074a2; content: '\f142'; display: inline-block; font: 400 20px / 1 dashicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; right: 18px; speak: none; text-decoration: none !important; top: 18px; }
396
+
397
+ #mailpoet_editor_sidebar .postbox.closed .handlediv:before { color: #a4a4a4; content: '\f140'; }
398
+
399
+ #mailpoet_editor_sidebar .postbox.closed:hover .handlediv:before { color: #0074a2; }
400
+
401
+ .mailpoet_widget { display: inline-block; float: left; padding: 0 13px 15px; text-align: center; width: 70px; }
402
+
403
+ .mailpoet_widget:nth-child(3n+1) { clear: left; }
404
+
405
+ .mailpoet_widget .mailpoet_widget_icon { background-color: #fff; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; box-sizing: border-box; color: #a8a8a8; fill: #a8a8a8; height: 70px; line-height: 70px; margin-bottom: 9px; text-align: center; width: 70px; /* Vertically align widget icon glyphs */ }
406
+
407
+ .mailpoet_widget .mailpoet_widget_icon > * { font-size: 30px; height: 30px; vertical-align: middle; width: 30px; }
408
+
409
+ .mailpoet_widget .mailpoet_widget_icon:hover { border: 1px solid #0074a2; color: #0074a2; fill: #0074a2; }
410
+
411
+ .mailpoet_widget.mailpoet_droppable_active { color: #0074a2; fill: #0074a2; }
412
+
413
+ .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { border: 1px solid #0074a2; box-shadow: none; color: #0074a2; fill: #0074a2; }
414
+
415
+ .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_title { display: none; }
416
+
417
+ /* Browser preview modal */
418
+ .mailpoet_browser_preview_wrapper { display: flex; flex-direction: column; height: 100%; position: absolute; width: 100%; }
419
+
420
+ .mailpoet_browser_preview_link { position: absolute; top: -25px; }
421
+
422
+ .mailpoet_popup .mailpoet_browser_preview_toggle { top: -30px; }
423
+
424
+ /* Sidepanel */
425
+ .mailpoet_editor_settings { color: #656565; font-size: 13px; }
426
+
427
+ .mailpoet_editor_settings p { font-size: 1em; }
428
+
429
+ .mailpoet_editor_settings h3 { color: #0074a2; font-size: 1.4em; text-transform: uppercase; }
430
+
431
+ .mailpoet_sidepanel_field { margin-bottom: 15px; margin-top: 15px; }
432
+
433
+ .mailpoet_sidepanel_field_title { clear: both; margin-bottom: 5px; }
434
+
435
+ .mailpoet_sidepanel_field_title_small { width: 120px; }
436
+
437
+ .mailpoet_sidepanel_field_title_inline { display: inline-block; line-height: 30px; margin-bottom: 0; vertical-align: middle; }
438
+
439
+ .mailpoet_sidepanel_field_optional { color: #a4a4a4; font-size: .8em; }
440
+
441
+ .mailpoet_sidepanel_radio_option, .mailpoet_sidepanel_checkbox_option { display: inline-block; line-height: 30px; margin-right: 15px; vertical-align: top; }
442
+
443
+ .mailpoet_sidepanel_radio_option:last-child, .mailpoet_sidepanel_checkbox_option:last-child { margin-right: 0; }
444
+
445
+ .mailpoet_sidepanel_input_option { display: inline-block; }
446
+
447
+ .mailpoet_sidepanel_input_option input[type=checkbox] { vertical-align: top; }
448
+
449
+ .mailpoet_sidepanel_input_option input[type=text] { vertical-align: middle; }
450
+
451
+ #mailpoet_editor_bottom { margin: 10px 0 120px; }
452
+
453
+ .mailpoet_save_wrapper { float: right; margin-bottom: 10px; margin-right: 20px; position: relative; }
454
+
455
+ .mailpoet_save_wrapper .mailpoet_save_next { margin-left: 5px; }
456
+
457
+ .mailpoet_save_options { background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; clear: both; margin: 5px 0; overflow: hidden; position: absolute; right: 0; vertical-align: top; white-space: nowrap; z-index: 1000; }
458
+
459
+ .mailpoet_save_option { margin: 0; }
460
+
461
+ .mailpoet_save_option > a { display: block; line-height: 2em; padding-left: 20px; padding-right: 20px; }
462
+
463
+ .mailpoet_save_option:hover { background-color: #2ea1cd; color: #fff; }
464
+
465
+ .mailpoet_save_option:hover > a { color: #fff; }
466
+
467
+ .mailpoet_save_show_options { padding: 6px 3px 4px; }
468
+
469
+ .mailpoet_save_show_options_icon { height: 14px; margin-top: -6px; vertical-align: middle; }
470
+
471
+ .mailpoet_save_as_template_container, .mailpoet_export_template_container { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; clear: both; display: inline-block; margin: 5px 0; padding: 0 10px; position: absolute; right: 0; z-index: 1000; }
472
+
473
+ .mailpoet_save_as_template_title, .mailpoet_export_template_title { font-size: 1.1em; }
474
+
475
+ .mailpoet_save_next, .mailpoet_save_button_group { float: right; }
476
+
477
+ .mailpoet_editor_last_saved { color: #a4a4a4; font-size: .9em; margin-top: 10px; text-align: right; }
478
+
479
+ .mailpoet_save_woocommerce_customizer_disabled { text-align: right; }
480
+
481
+ .mailpoet_save_woocommerce_error { color: #d54e21; margin-top: 10px; text-align: right; }
482
+
483
+ .mailpoet_save_error { color: #d54e21; margin-top: 10px; text-align: right; width: 330px; }
484
+
485
+ .mailpoet_save_dropdown_down .mailpoet_save_options, .mailpoet_save_dropdown_down .mailpoet_save_as_template_container, .mailpoet_save_dropdown_down .mailpoet_export_template_container { bottom: auto; top: 100%; }
486
+
487
+ .mailpoet_save_dropdown_down .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f142'; }
488
+
489
+ .mailpoet_save_dropdown_down .mailpoet_save_show_options_icon:before { content: '\f140'; }
490
+
491
+ .mailpoet_save_dropdown_up .mailpoet_save_options, .mailpoet_save_dropdown_up .mailpoet_save_as_template_container, .mailpoet_save_dropdown_up .mailpoet_export_template_container { bottom: 100%; top: auto; }
492
+
493
+ .mailpoet_save_dropdown_up .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f140'; }
494
+
495
+ .mailpoet_save_dropdown_up .mailpoet_save_show_options_icon:before { content: '\f142'; }
496
+
497
+ .mailpoet_tools { bottom: 100%; left: 50%; overflow: hidden; position: absolute; text-align: right; text-align: center; transform: translateX(-50%); transition: visibility 0s linear 250ms; visibility: hidden; z-index: 20; }
498
+
499
+ .mailpoet_tools .mailpoet_tools_slider { background: #0078a2; border-radius: 10px 10px 0 0; display: flex; flex-direction: row; padding: 3px 7px; position: relative; transform: translateY(100%); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); }
500
+
501
+ .mailpoet_resize_active .mailpoet_tools .mailpoet_tools_slider, .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider { transform: translateY(0); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear; visibility: visible; }
502
+
503
+ .mailpoet_tools a { vertical-align: top; }
504
+
505
+ .mailpoet_container_horizontal + .mailpoet_tools { bottom: auto; left: 100%; top: -2px; transform: none; }
506
+
507
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { background: #7fbbd0; border-radius: 0 10px 10px 0; flex-direction: column; padding: 7px 3px; transform: translateY(0) translateX(-100%); }
508
+
509
+ .mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools { z-index: 21; }
510
+
511
+ .mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { transform: translateY(0) translateX(0); }
512
+
513
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool { display: block; height: 27px; width: 27px; }
514
+
515
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool svg { height: 15px; padding: 6px; width: 15px; }
516
+
517
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block { flex-direction: column; }
518
+
519
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activate { display: block; max-height: 27px; max-width: none; opacity: 1; }
520
+
521
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_cancel { display: block; margin: 0; width: 100%; }
522
+
523
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated { height: auto; padding: 0 5px 3px; width: auto; }
524
+
525
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-height: 0; opacity: 0; overflow: hidden; }
526
+
527
+ .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { opacity: 1; }
528
+
529
+ .mailpoet_tool { display: inline-block; height: 24px; width: 24px; }
530
+
531
+ .mailpoet_tool svg { fill: #fff; height: 14px; padding: 5px; vertical-align: top; width: 14px; }
532
+
533
+ .mailpoet_tool:hover svg, .mailpoet_tool:focus svg { opacity: .7; }
534
+
535
+ .mailpoet_tool .mailpoet_delete_block_confirmation { position: absolute; right: 0; top: 0; width: 200px; }
536
+
537
+ .mailpoet_delete_block { border-radius: 3px; display: flex; flex-direction: row-reverse; line-height: 24px; vertical-align: top; white-space: nowrap; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
538
+
539
+ .mailpoet_delete_block .mailpoet_tool { padding: 0; }
540
+
541
+ .mailpoet_delete_block .mailpoet_delete_block_activate { display: inline-block; max-width: 24px; opacity: 1; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
542
+
543
+ .mailpoet_delete_block .mailpoet_delete_block_confirm, .mailpoet_delete_block .mailpoet_delete_block_cancel { display: inline-block; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
544
+
545
+ .mailpoet_delete_block .mailpoet_delete_block_confirm { color: #fff; }
546
+
547
+ .mailpoet_delete_block .mailpoet_delete_block_confirm:hover { color: #fff; text-decoration: underline; }
548
+
549
+ .mailpoet_delete_block .mailpoet_delete_block_cancel { color: #f4c6c8; }
550
+
551
+ .mailpoet_delete_block .mailpoet_delete_block_cancel:hover { color: #f4c6c8; text-decoration: underline; }
552
+
553
+ .mailpoet_delete_block_activated { background-color: #d54e21; height: auto; padding: 0 5px; width: auto; }
554
+
555
+ .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-width: 0; opacity: 0; overflow: hidden; }
556
+
557
+ .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { max-height: 20px; max-width: 90px; opacity: 1; }
558
+
559
+ .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { margin-left: 3px; }
560
+
561
+ .mailpoet_container_layer_active .mailpoet_block { opacity: .4; pointer-events: none; }
562
+
563
+ .mailpoet_container_layer_active .mailpoet_container_block { opacity: 1; pointer-events: auto; }
564
+
565
+ .mailpoet_container_layer_active .mailpoet_container_block > .mailpoet_tools { display: block !important; }
566
+
567
+ .mailpoet_container_layer_active > .mailpoet_tools { z-index: 100001 !important; }
568
+
569
+ .mailpoet_layer_overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; margin: 0 !important; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 100000; }
570
+
571
+ .mailpoet_layer_highlight { background-color: #f1f1f1; pointer-events: none; position: relative; z-index: 100001 !important; }
572
+
573
+ .mailpoet_drop_marker { background-color: #0074a2; box-shadow: 0 0 1px 0 #0074a2; min-height: 2px; min-width: 2px; position: absolute; z-index: 1; }
574
+
575
+ .mailpoet_drop_marker:before, .mailpoet_drop_marker:after { color: #0074a2; font: 400 40px / 1 dashicons; margin-top: -18px; position: absolute; }
576
+
577
+ .mailpoet_drop_marker:before { content: '\f139'; left: -25px; }
578
+
579
+ .mailpoet_drop_marker:after { content: '\f141'; right: -23px; }
580
+
581
+ .mailpoet_drop_marker.mailpoet_drop_marker_middle, .mailpoet_drop_marker.mailpoet_drop_marker_first.mailpoet_drop_marker_after, .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_before { margin-top: -1px; }
582
+
583
+ .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_after { margin-top: -2px; }
584
+
585
+ #mailpoet_editor .mailpoet_droppable_active { z-index: 21000; }
586
+
587
+ .mailpoet_block.mailpoet_droppable_active { border: 1px dashed #0074a2 !important; width: 660px; }
588
+
589
+ .mailpoet_block.mailpoet_droppable_active .mailpoet_tools { display: none !important; }
590
+
591
+ .mailpoet_widget.mailpoet_droppable_active { margin: 0; padding: 0; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
592
+
593
+ .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { margin: 0; padding: 0; }
594
+
595
+ .mailpoet_drop_active > .mailpoet_container > div > .mailpoet_container_empty { background-color: #0074a2; box-shadow: inset 1px 2px 1px #025c80; color: #fff; }
596
+
597
+ .mailpoet_droppable_block { cursor: move; }
598
+
599
+ .mailpoet_droppable_block.mailpoet_ignore_drag { cursor: auto; }
600
+
601
+ .mailpoet_resize_handle_container { left: 50%; margin-top: -16px; position: absolute; top: 100%; transform: translateX(-50%); z-index: 2; }
602
+
603
+ .mailpoet_resize_handle { align-items: center; background: #0078a2; border-radius: 10px; cursor: ns-resize; display: none; justify-content: space-between; min-width: 60px; padding: 7px 10px; z-index: 2; }
604
+
605
+ .mailpoet_resize_handle .mailpoet_resize_handle_text, .mailpoet_resize_handle .mailpoet_resize_handle_icon { pointer-events: none; }
606
+
607
+ .mailpoet_resizable_block.mailpoet_highlight .mailpoet_resize_handle { display: flex; }
608
+
609
+ .mailpoet_resize_handle_text { color: #fff; font-size: 11px; font-weight: bold; line-height: 1.5em; text-align: center; }
610
+
611
+ .mailpoet_resize_handle_icon { line-height: 15px; margin-left: 5px; }
612
+
613
+ .mailpoet_resize_handle_icon > svg { fill: #fff; height: 15px; vertical-align: top; width: 15px; }
614
+
615
+ .mailpoet_image_resize_handle_container { bottom: 0; height: 24px; position: absolute; right: 0; width: 24px; }
616
+
617
+ .mailpoet_image_resize_handle_container_left { left: 0; right: auto; transform: rotate(90deg); }
618
+
619
+ .mailpoet_image_resize_handle { background: #0078a2; border-radius: 6px 0 0; cursor: nwse-resize; display: none; height: 24px; position: relative; width: 24px; z-index: 2; }
620
+
621
+ .mailpoet_resizable_block.mailpoet_highlight .mailpoet_image_resize_handle { display: inline-block; }
622
+
623
+ .mailpoet_image_resize_handle .mailpoet_image_resize_handle_text, .mailpoet_image_resize_handle .mailpoet_image_resize_handle_icon { pointer-events: none; }
624
+
625
+ .mailpoet_image_resize_handle_container_left .mailpoet_image_resize_handle { cursor: nesw-resize; }
626
+
627
+ .mailpoet_image_resize_handle_icon { display: block; line-height: 22px; padding: 1px; }
628
+
629
+ .mailpoet_image_resize_handle_icon > svg { fill: #fff; height: 22px; vertical-align: top; width: 22px; }
630
+
631
+ .mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight { border: 2px solid #0078a2; }
632
+
633
+ .mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight .mailpoet_image_resize_handle { display: inline-block; }
634
+
635
+ .mailpoet_block { background-color: inherit; box-sizing: border-box; float: left; padding: 10px 20px; position: relative; }
636
+
637
+ .mailpoet_block > .mailpoet_block_highlight { border: 2px solid rgba(255, 255, 255, 0); bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: .3s; z-index: 1; }
638
+
639
+ .mailpoet_block.mailpoet_highlight > .mailpoet_block_highlight { border: 2px solid #0078a2 !important; }
640
+
641
+ .mailpoet_block > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { bottom: -2px; left: -2px; right: -2px; top: -2px; }
642
+
643
+ .mailpoet_block.mailpoet_highlight > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { border: 2px solid #7fbbd0 !important; }
644
+
645
+ .mailpoet_content { line-height: 1.6em; position: relative; }
646
+
647
+ .mailpoet_content h1, .mailpoet_content h2, .mailpoet_content h3, .mailpoet_content h4, .mailpoet_content h5, .mailpoet_content h6 { font-style: normal; font-weight: normal; line-height: 1.6em; margin: 0 0 .3em; padding: 0; }
648
+
649
+ .mailpoet_content p:not(.mailpoet_wp_post) { margin: 0; margin-bottom: 0; margin-top: 0; padding: 0; }
650
+
651
+ .mailpoet_content p { font-style: normal; font-weight: normal; line-height: 1.6em; }
652
+
653
+ .mailpoet_content ul { margin-bottom: 10px; margin-top: 10px; padding: 0; }
654
+
655
+ .mailpoet_content li { font-weight: normal; margin-bottom: 10px; margin-top: 0; }
656
+
657
+ .mailpoet_content blockquote { border-left: 2px #565656 solid; margin: 0 0 1.6em; padding-left: 10px; }
658
+
659
+ .mailpoet_container { min-height: 15px; position: relative; width: 100%; }
660
+
661
+ .mailpoet_container_block { border: 0; box-sizing: border-box; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; position: relative; }
662
+
663
+ .mailpoet_container_vertical > * { box-sizing: border-box; width: 100%; }
664
+
665
+ .mailpoet_container_horizontal > * { vertical-align: top; }
666
+
667
+ #mailpoet_editor_content .mailpoet_container { box-sizing: border-box; float: left; }
668
+
669
+ #mailpoet_editor_content > .mailpoet_container_block { border: 0; width: 660px; }
670
+
671
+ #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; }
672
+
673
+ #mailpoet_editor_content .mailpoet_container_horizontal > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; width: 660px; }
674
+
675
+ #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block { width: 330px; }
676
+
677
+ #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block { width: 220px; }
678
+
679
+ #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:nth-child(2) { width: 220px; }
680
+
681
+ #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:nth-child(2) { width: 440px; }
682
+
683
+ .mailpoet_container_empty { background-color: #f2f2f2; border-radius: 3px; box-shadow: inset 1px 2px 1px #a4a4a4; color: #656565; margin: 20px; padding: 15px; text-align: center; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
684
+
685
+ .mailpoet_automated_latest_content_block { padding: 0; }
686
+
687
+ .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0); height: 100%; position: absolute; transition: background .15s ease-out; width: 100%; z-index: 19; }
688
+
689
+ .mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0.7); cursor: pointer; }
690
+
691
+ .mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay .mailpoet_overlay_message { display: block; }
692
+
693
+ .mailpoet_automated_latest_content_block_overlay .mailpoet_overlay_message { color: black; display: none; font-size: 20px; margin: 1em 0; text-align: center; }
694
+
695
+ .mailpoet_automated_latest_content_block_posts { overflow: hidden; pointer-events: none; }
696
+
697
+ .mailpoet_automated_latest_content_block_posts > .mailpoet_block { width: 100%; }
698
+
699
+ .mailpoet_automated_latest_content_block_posts .mailpoet_container_block { padding-bottom: 0; padding-top: 0; }
700
+
701
+ .mailpoet_automated_latest_content_display_options { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ }
702
+
703
+ .mailpoet_automated_latest_content_display_options.mailpoet_closed { max-height: 0; opacity: 0; }
704
+
705
+ .mailpoet_automated_latest_content_show_amount { width: 25px; }
706
+
707
+ .mailpoet_automated_latest_content_content_type { width: 180px; }
708
+
709
+ .mailpoet_posts_block { padding-left: 0; padding-right: 0; }
710
+
711
+ .mailpoet_posts_block_posts { overflow: auto; }
712
+
713
+ .mailpoet_posts_block_posts > .mailpoet_block { width: 100%; }
714
+
715
+ .mailpoet_post_selection_filter_row { margin-bottom: 5px; margin-top: 5px; }
716
+
717
+ .mailpoet_posts_categories_and_tags { width: 100%; }
718
+
719
+ .mailpoet_settings_posts_display_options, .mailpoet_settings_posts_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; }
720
+
721
+ .mailpoet_settings_posts_display_options.mailpoet_closed, .mailpoet_settings_posts_selection.mailpoet_closed { max-height: 0; opacity: 0; }
722
+
723
+ .mailpoet_settings_posts_show_display_options, .mailpoet_settings_posts_show_post_selection { display: block; margin-top: 10px; }
724
+
725
+ .mailpoet_post_selection_container { margin-bottom: 0; margin-top: 20px; }
726
+
727
+ .mailpoet_post_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; }
728
+
729
+ .mailpoet_settings_posts_single_post { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; }
730
+
731
+ .mailpoet_settings_posts_single_post:hover { border-color: #0074a2; }
732
+
733
+ .mailpoet_settings_posts_single_post .mailpoet_select_post_checkbox { margin-left: 10px; margin-right: 8px; }
734
+
735
+ .mailpoet_post_selection_loading { color: #999; }
736
+
737
+ .mailpoet_posts_container > .mailpoet_droppable_block { width: 100%; }
738
+
739
+ .mailpoet_products_block { padding-left: 0; padding-right: 0; }
740
+
741
+ .mailpoet_products_block_products { overflow: auto; }
742
+
743
+ .mailpoet_products_block_products > .mailpoet_block { width: 100%; }
744
+
745
+ .mailpoet_product_selection_filter_row { margin-bottom: 5px; margin-top: 5px; }
746
+
747
+ .mailpoet_products_categories_and_tags { width: 100%; }
748
+
749
+ .mailpoet_settings_products_display_options, .mailpoet_settings_products_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; }
750
+
751
+ .mailpoet_settings_products_display_options.mailpoet_closed, .mailpoet_settings_products_selection.mailpoet_closed { max-height: 0; opacity: 0; }
752
+
753
+ .mailpoet_settings_products_show_display_options, .mailpoet_settings_products_show_product_selection { display: block; margin-top: 10px; }
754
+
755
+ .mailpoet_product_selection_container { margin-bottom: 0; margin-top: 20px; }
756
+
757
+ .mailpoet_product_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; }
758
+
759
+ .mailpoet_settings_products_single_product { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; }
760
+
761
+ .mailpoet_settings_products_single_product:hover { border-color: #0074a2; }
762
+
763
+ .mailpoet_settings_products_single_product .mailpoet_select_product_checkbox { margin-left: 10px; margin-right: 8px; }
764
+
765
+ .mailpoet_product_selection_loading { color: #999; }
766
+
767
+ .mailpoet_products_container > .mailpoet_droppable_block { width: 100%; }
768
+
769
+ .mailpoet_button_block .mailpoet_editor_button { box-sizing: border-box; display: block; line-height: 2em; margin: auto; max-width: 100%; text-align: center; text-decoration: none; }
770
+
771
+ .mailpoet_button_block .mailpoet_editor_button:hover { cursor: all-scroll; }
772
+
773
+ .mailpoet_divider_block { cursor: all-scroll; padding: 0; }
774
+
775
+ .mailpoet_divider { margin-left: 20px; margin-right: 20px; }
776
+
777
+ .mailpoet_field_divider_style { border: 1px solid transparent; display: block; margin: auto; max-width: 660px; padding: 10px 0; width: 100%; }
778
+
779
+ .mailpoet_field_divider_style:hover { border: 1px solid #0074a2; }
780
+
781
+ .mailpoet_active_divider_style { background: #daebf2; border: 1px solid #adadad; }
782
+
783
+ .mailpoet_divider_selector img { width: 100%; }
784
+
785
+ .mailpoet_image_block img { height: auto; max-width: 100%; vertical-align: bottom; }
786
+
787
+ .mailpoet_image_block.mailpoet_full_image { margin: auto; padding: 0; }
788
+
789
+ .mailpoet_image_block .mailpoet_content { margin: auto; max-width: 100%; min-width: 36px; }
790
+
791
+ .mailpoet_image_block .mailpoet_content a:hover { cursor: all-scroll; }
792
+
793
+ .mailpoet_social_block .mailpoet_social { text-align: center; }
794
+
795
+ .mailpoet_social span { display: inline-block; padding: 2px 3px; }
796
+
797
+ .mailpoet_social span, .mailpoet_social a, .mailpoet_social img { vertical-align: top; }
798
+
799
+ .mailpoet_social a { cursor: all-scroll; }
800
+
801
+ .mailpoet_social_icon_set { border: 1px solid transparent; margin-bottom: 5px; padding: 5px; }
802
+
803
+ .mailpoet_social_icon_set:hover { border: 1px solid #0074a2; }
804
+
805
+ .mailpoet_social_icon_set img { height: 32px; padding: 2px 3px; vertical-align: middle; width: 32px; }
806
+
807
+ .mailpoet_active_icon_set { background-color: #daebf2; border: 1px dashed #adadad; }
808
+
809
+ .mailpoet_social_icon_settings { background: #fff; border: 1px solid #e5e5e5; margin-bottom: 9px; padding: 28px 9px 8px 9px; position: relative; }
810
+
811
+ .mailpoet_social_icon_settings_row { clear: both; line-height: 30px; margin-bottom: 10px; overflow: auto; }
812
+
813
+ .mailpoet_social_icon_settings_label { margin-right: 5px; text-align: left; }
814
+
815
+ .mailpoet_social_icon_settings_label .mailpoet_social_icon_image { height: 30px; width: 30px; }
816
+
817
+ .mailpoet_social_icon_settings_label.mailpoet_social_icon_image_label { line-height: initial; }
818
+
819
+ .mailpoet_social_icon_settings_form_element { float: left; width: 100%; }
820
+
821
+ .mailpoet_social_icon_settings_form_element input, .mailpoet_social_icon_settings_form_element select { box-sizing: border-box; display: inline-block; height: 30px; margin: 0; vertical-align: middle; width: 100%; }
822
+
823
+ .mailpoet_social_icon_settings_tool { position: absolute; top: 10px; }
824
+
825
+ .mailpoet_social_icon_settings_tool .mailpoet_tool_icon { fill: #333; height: 16px; width: 16px; }
826
+
827
+ .mailpoet_social_icon_settings_tool .mailpoet_tool_icon:hover { fill: #bbb; }
828
+
829
+ .mailpoet_social_icon_settings_tool .mailpoet_tool_icon:active { fill: #0074a2; }
830
+
831
+ .mailpoet_social_icon_settings_move_icon { right: 5px; }
832
+
833
+ .mailpoet_social_icon_settings_delete_icon { right: 26px; }
834
+
835
+ .mailpoet_spacer { text-align: center; }
836
+
837
+ .mailpoet_spacer_block { cursor: all-scroll; padding: 0; }
838
+
839
+ .mailpoet_text_block { padding-left: 0; padding-right: 0; }
840
+
841
+ .mailpoet_text_block > .mailpoet_content { overflow: hidden; padding: 0 20px; }
842
+
843
+ .mailpoet_text_block > .mailpoet_content > *:last-child { margin-bottom: 0; }
844
+
845
+ .mailpoet_header_block { padding: 0; }
846
+
847
+ .mailpoet_header_block .mailpoet_content { padding: 10px 20px; }
848
+
849
+ .mailpoet_header_block .mailpoet_content > *:last-child { margin-bottom: 0; }
850
+
851
+ .mailpoet_footer_block { padding: 0; }
852
+
853
+ .mailpoet_footer_block .mailpoet_content { padding: 10px 20px; }
854
+
855
+ .mailpoet_footer_block .mailpoet_content > *:last-child { margin-bottom: 0; }
856
+
857
+ .mailpoet_woocommerce_heading_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; }
858
+
859
+ .mailpoet_woocommerce_heading_overlay:hover { opacity: 1; }
860
+
861
+ .mailpoet_woocommerce_heading_overlay p { color: black; font-size: 20px; text-align: center; }
862
+
863
+ .mailpoet_woocommerce_content_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; margin: -10px -20px; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; }
864
+
865
+ .mailpoet_woocommerce_content_overlay:hover { opacity: 1; }
866
+
867
+ .mailpoet_woocommerce_content_overlay p { color: black; font-size: 20px; text-align: center; }
868
+
869
+ .admin_page_mailpoet-newsletter-editor { /* Allow horizontal scrolling on smaller (tablet/phone) sized screens */ overflow-x: auto; /* Fix select2 z-index to work with MailPoet.Modal */ /* Remove input field styles from select2 type input */ /* Fix select2 input glow and margins that wordpress may insert */ /* Fix width overrides for select2 */ /* TinyMCE remove active border from the editor */ /* Reduce WP admin bar z-index in order for TinyMCE toolbar to be visible */ /* Hide the "Details" section of WordPress Media manager */ /* Remove max width from date selector in WordPress Media Manager */ /* Alter Spectrum color picker to leave only the color preview, without arrows */ /* Sidepanel overrides */ /* Make a button group */ }
870
+
871
+ .admin_page_mailpoet-newsletter-editor .select2-dropdown { z-index: 101000 !important; }
872
+
873
+ .admin_page_mailpoet-newsletter-editor .select2-container { border: none; padding: 0; }
874
+
875
+ .admin_page_mailpoet-newsletter-editor .select2 input, .admin_page_mailpoet-newsletter-editor .select2 input:focus { border-color: none; box-shadow: none; margin: 0; padding: 0; }
876
+
877
+ .admin_page_mailpoet-newsletter-editor .mailpoet_editor_settings .select2-container { width: 100% !important; }
878
+
879
+ .admin_page_mailpoet-newsletter-editor .tox { /* Small style changes to better fit TinyMCE to our editor */ /* Fix for TinyMCE modals are above WP menu */ /* Slightly smaller TinyMCE button */ /* Fix for text type select */ }
880
+
881
+ .admin_page_mailpoet-newsletter-editor .tox.tox-tinymce-inline { border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); /* Fix for fixed TinyMCE toolbar to be above WP menu */ z-index: 50001; }
882
+
883
+ .admin_page_mailpoet-newsletter-editor .tox.tox-tinymce-aux { z-index: 99999; }
884
+
885
+ .admin_page_mailpoet-newsletter-editor .tox .tox-toolbar { background-color: #f8f8f8; /* Fix double border on top of TineMCE popup */ }
886
+
887
+ .admin_page_mailpoet-newsletter-editor .tox .tox-toolbar:first-child { border-top: 0; }
888
+
889
+ .admin_page_mailpoet-newsletter-editor .tox .tox-tbtn:not(.tox-tbtn--select) { height: 28px; width: 30px; }
890
+
891
+ .admin_page_mailpoet-newsletter-editor .tox .tox-collection__item-label { line-height: normal; }
892
+
893
+ .admin_page_mailpoet-newsletter-editor .mce-edit-focus { outline: none; }
894
+
895
+ .admin_page_mailpoet-newsletter-editor #wpbody-content > * { margin-left: 20px; }
896
+
897
+ .admin_page_mailpoet-newsletter-editor #wpbody-content > .wrap { margin-left: 0; }
898
+
899
+ .admin_page_mailpoet-newsletter-editor #wpcontent { margin-left: 160px; padding-left: 0; }
900
+
901
+ .admin_page_mailpoet-newsletter-editor.folded #wpcontent { margin-left: 36px; }
902
+
903
+ @media screen and (max-width: 960px) { .admin_page_mailpoet-newsletter-editor.auto-fold #wpcontent { margin-left: 36px; } }
904
+
905
+ @media screen and (max-width: 782px) { .admin_page_mailpoet-newsletter-editor.auto-fold #wpcontent { margin-left: 0; } }
906
+
907
+ .admin_page_mailpoet-newsletter-editor .wrap { margin-left: 0; margin-right: 0; }
908
+
909
+ .admin_page_mailpoet-newsletter-editor #wpadminbar { z-index: 50000; }
910
+
911
+ .admin_page_mailpoet-newsletter-editor .media-sidebar { display: none; }
912
+
913
+ .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .attachments, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .uploader-inline { margin-right: 0; }
914
+
915
+ .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .attachments, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .media-toolbar, .admin_page_mailpoet-newsletter-editor #mailpoet-media-manager .attachments-browser .uploader-inline { right: 0; }
916
+
917
+ .admin_page_mailpoet-newsletter-editor #media-attachment-date-filters { max-width: calc(100% - 12px); }
918
+
919
+ .admin_page_mailpoet-newsletter-editor .sp-replacer { border: 0; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; padding: 0; }
920
+
921
+ .admin_page_mailpoet-newsletter-editor .sp-preview { border-width: 0; height: 25px; margin-right: 0; width: 25px; }
922
+
923
+ .admin_page_mailpoet-newsletter-editor .sp-dd { display: none; }
924
+
925
+ .admin_page_mailpoet-newsletter-editor .mailpoet_panel_body { margin: 19px; padding: 0; }
926
+
927
+ .admin_page_mailpoet-newsletter-editor .mailpoet_panel_body .mailpoet_editor_settings h3 { margin-top: 0; }
928
+
929
+ .admin_page_mailpoet-newsletter-editor .mailpoet_panel_wrapper { background-color: #f8f8f8; border: 1px solid #e5e5e5; }
930
+
931
+ .admin_page_mailpoet-newsletter-editor .wrap > .mailpoet_notice, .admin_page_mailpoet-newsletter-editor .notice, .admin_page_mailpoet-newsletter-editor .update-nag { margin-left: 17px !important; margin-right: 20px !important; }
932
+
933
+ .admin_page_mailpoet-newsletter-editor .mailpoet_button_group .button:first-child { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0; }
934
+
935
+ .admin_page_mailpoet-newsletter-editor .mailpoet_button_group .button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; }
assets/dist/css/mailpoet-form-editor.d2b00deb.css ADDED
@@ -0,0 +1,7222 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @charset "UTF-8";
2
+ /* default Select2 placeholder color for single dropdown */
3
+ /** Colors */
4
+ /** Breakpoints & Media Queries */
5
+ /** Colors */
6
+ /** Fonts & basic variables. */
7
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
8
+ /** Dimensions. */
9
+ /** Shadows. */
10
+ /** Editor widths. */
11
+ /** Block UI. */
12
+ /** Border radii. */
13
+ /** Breakpoint mixins */
14
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
15
+ /** Focus styles. */
16
+ /** Applies editor left position to the selector passed as argument */
17
+ /** Styles that are reused verbatim in a few places */
18
+ /** Allows users to opt-out of animations via OS-level preferences. */
19
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
20
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
21
+ .components-panel__header.interface-complementary-area-header__small { background: #fff; padding-right: 4px; }
22
+
23
+ .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
24
+
25
+ @media (min-width: 782px) { .components-panel__header.interface-complementary-area-header__small { display: none; } }
26
+
27
+ .interface-complementary-area-header { padding-right: 4px; background: #f3f4f5; }
28
+
29
+ .interface-complementary-area-header .components-button.has-icon { display: none; margin-left: auto; }
30
+
31
+ .interface-complementary-area-header .components-button.has-icon ~ .components-button { margin-left: 0; }
32
+
33
+ @media (min-width: 782px) { .interface-complementary-area-header .components-button.has-icon { display: flex; } }
34
+
35
+ .interface-complementary-area { background: #fff; color: #555d66; overflow: visible; }
36
+
37
+ @media (min-width: 600px) { .interface-complementary-area { z-index: auto; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } }
38
+
39
+ @media (min-width: 782px) { .interface-complementary-area { width: 280px; } }
40
+
41
+ .interface-complementary-area > .components-panel { border-left: none; border-right: none; overflow: auto; -webkit-overflow-scrolling: touch; height: auto; max-height: calc(100vh - 146px); margin-top: -1px; margin-bottom: -1px; position: relative; }
42
+
43
+ @media (min-width: 600px) { .interface-complementary-area > .components-panel { overflow: visible; height: auto; max-height: none; } }
44
+
45
+ .interface-complementary-area > .components-panel .components-panel__header { position: fixed; z-index: 1; top: 0; left: 0; right: 0; height: 50px; }
46
+
47
+ @media (min-width: 600px) { .interface-complementary-area > .components-panel .components-panel__header { position: inherit; top: auto; left: auto; right: auto; } }
48
+
49
+ .interface-complementary-area p { margin-top: 0; }
50
+
51
+ .interface-complementary-area h2, .interface-complementary-area h3 { font-size: 13px; color: #555d66; margin-bottom: 1.5em; }
52
+
53
+ .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #e2e4e7; margin: 1.5em 0; }
54
+
55
+ .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { box-shadow: none; margin-bottom: 1.5em; }
56
+
57
+ .interface-complementary-area div.components-toolbar-group:last-child, .interface-complementary-area div.components-toolbar:last-child { margin-bottom: 0; }
58
+
59
+ .interface-complementary-area .block-editor-skip-to-selected-block:focus { top: auto; right: 10px; bottom: 10px; left: auto; }
60
+
61
+ @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 32px); }
62
+ body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; }
63
+ body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-left: 0; } }
64
+
65
+ html.interface-interface-skeleton__html-container { position: fixed; width: 100%; }
66
+
67
+ @media (min-width: 782px) { html.interface-interface-skeleton__html-container { position: initial; width: initial; } }
68
+
69
+ .interface-interface-skeleton { display: flex; flex-direction: column; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; }
70
+
71
+ @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; }
72
+ .is-fullscreen-mode .interface-interface-skeleton { top: 0; } }
73
+
74
+ .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; }
75
+
76
+ @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } }
77
+
78
+ .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
79
+
80
+ @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } }
81
+
82
+ @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } }
83
+
84
+ /* Sidebar manually collapsed. */
85
+ .folded .interface-interface-skeleton { left: 0; }
86
+
87
+ @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } }
88
+
89
+ /* Mobile menu opened. */
90
+ @media (max-width: 783px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { left: 190px; } }
91
+
92
+ /* In small screens with responsive menu expanded there is small white space. */
93
+ @media (max-width: 600px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { margin-left: -18px; } }
94
+
95
+ body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; }
96
+
97
+ .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; }
98
+
99
+ .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; }
100
+
101
+ .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { display: block; width: auto; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; }
102
+
103
+ @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; } }
104
+
105
+ @media (min-width: 782px) { .interface-interface-skeleton__sidebar { overflow: auto; border-left: 1px solid #e2e4e7; } }
106
+
107
+ @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar { border-right: 1px solid #e2e4e7; } }
108
+
109
+ .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e2e4e7; z-index: 30; color: #1e1e1e; position: -webkit-sticky; position: sticky; top: 0; }
110
+
111
+ @media (min-width: 600px) { .interface-interface-skeleton__header { position: initial; top: 0; } }
112
+
113
+ .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #e2e4e7; color: #1e1e1e; display: none; }
114
+
115
+ @media (min-width: 782px) { .interface-interface-skeleton__footer { display: block; } }
116
+
117
+ .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; color: #1e1e1e; }
118
+
119
+ .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; }
120
+
121
+ .interface-pinned-items { display: flex; }
122
+
123
+ .interface-pinned-items .components-button { margin-left: 4px; }
124
+
125
+ .interface-pinned-items .components-button.is-pressed { margin-left: 5px; }
126
+
127
+ .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; }
128
+
129
+ .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; }
130
+
131
+ @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } }
132
+
133
+ .edit-post-header > .edit-post-header__settings { order: 1; }
134
+
135
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-header > .edit-post-header__settings { order: initial; } }
136
+
137
+ .edit-post-header__toolbar { display: flex; flex-grow: 1; padding-left: 8px; }
138
+
139
+ @media (min-width: 600px) { .edit-post-header__toolbar { padding-left: 24px; } }
140
+
141
+ .edit-post-header__toolbar .table-of-contents { display: none; }
142
+
143
+ @media (min-width: 600px) { .edit-post-header__toolbar .table-of-contents { display: block; } }
144
+
145
+ .edit-post-header__settings { display: inline-flex; align-items: center; flex-wrap: wrap; padding-right: 4px; }
146
+
147
+ @media (min-width: 600px) { .edit-post-header__settings { padding-right: 16px; } }
148
+
149
+ /** Buttons in the Toolbar */
150
+ .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 6px; margin-right: 4px; }
151
+
152
+ @media (min-width: 600px) { .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 12px; margin-right: 12px; } }
153
+
154
+ .edit-post-header-preview__grouping-external { display: flex; position: relative; padding-bottom: 0; }
155
+
156
+ .edit-post-header-preview__button-external { padding-left: 8px; margin-right: auto; width: 100%; display: flex; justify-content: flex-start; }
157
+
158
+ .edit-post-header-preview__button-external svg { margin-right: 8px; }
159
+
160
+ .edit-post-post-preview-dropdown .components-popover__content { padding-bottom: 0; }
161
+
162
+ .edit-post-fullscreen-mode-close.has-icon { display: none; }
163
+
164
+ @media (min-width: 782px) { .edit-post-fullscreen-mode-close.has-icon { display: flex; align-items: center; align-self: stretch; border: none; background: #23282e; color: #fff; border-radius: 0; height: auto; width: 60px; }
165
+ .edit-post-fullscreen-mode-close.has-icon:hover { background: #32373d; }
166
+ .edit-post-fullscreen-mode-close.has-icon:active { color: #fff; }
167
+ .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; }
168
+ body.admin-color-sunrise .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 2.5px #fff; }
169
+ body.admin-color-ocean .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 2.5px #fff; }
170
+ body.admin-color-midnight .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 2.5px #fff; }
171
+ body.admin-color-ectoplasm .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 2.5px #fff; }
172
+ body.admin-color-coffee .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 2.5px #fff; }
173
+ body.admin-color-blue .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 0 0 2.5px #fff; }
174
+ body.admin-color-light .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 2.5px #fff; } }
175
+
176
+ .edit-post-header-toolbar { display: inline-flex; align-items: center; }
177
+
178
+ .edit-post-header-toolbar > .components-button { display: none; }
179
+
180
+ @media (min-width: 600px) { .edit-post-header-toolbar > .components-button { display: inline-flex; } }
181
+
182
+ .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { display: inline-flex; }
183
+
184
+ .edit-post-header-toolbar .block-editor-block-navigation { display: none; }
185
+
186
+ @media (min-width: 600px) { .edit-post-header-toolbar .block-editor-block-navigation { display: flex; } }
187
+
188
+ .edit-post-header-toolbar__block-toolbar { position: absolute; top: 61px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #e2e4e7; }
189
+
190
+ .edit-post-header-toolbar__block-toolbar:empty { display: none; }
191
+
192
+ .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { border-top: none; border-bottom: none; }
193
+
194
+ .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: none; }
195
+
196
+ @media (min-width: 782px) { .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: block; right: 280px; } }
197
+
198
+ @media (min-width: 1280px) { .edit-post-header-toolbar__block-toolbar { padding-left: 8px; position: static; left: auto; right: auto; background: none; border-bottom: none; }
199
+ .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { right: auto; }
200
+ .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { border-left: 1px solid #e2e4e7; }
201
+ .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { height: 60px; padding: 6px 0; } }
202
+
203
+ .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle { margin-right: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; }
204
+
205
+ .edit-post-more-menu { margin-left: -4px; }
206
+
207
+ .edit-post-more-menu .components-button { width: auto; padding: 0 2px; }
208
+
209
+ @media (min-width: 600px) { .edit-post-more-menu { margin-left: 0; }
210
+ .edit-post-more-menu .components-button { padding: 0 4px; } }
211
+
212
+ .edit-post-more-menu__content .components-popover__content { min-width: 260px; }
213
+
214
+ @media (min-width: 480px) { .edit-post-more-menu__content .components-popover__content { width: auto; max-width: 480px; } }
215
+
216
+ .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { padding: 0; }
217
+
218
+ .components-popover.edit-post-more-menu__content { z-index: 99998; }
219
+
220
+ .edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; }
221
+
222
+ .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { margin-top: -25px; }
223
+
224
+ .edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; }
225
+
226
+ .edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #e2e4e7; margin-bottom: 0; }
227
+
228
+ .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #e2e4e7; }
229
+
230
+ .edit-post-keyboard-shortcut-help-modal__shortcut:empty { display: none; }
231
+
232
+ .edit-post-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; }
233
+
234
+ .edit-post-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; }
235
+
236
+ .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; }
237
+
238
+ .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; }
239
+
240
+ .edit-post-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; }
241
+
242
+ .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; }
243
+
244
+ .edit-post-layout__metaboxes { flex-shrink: 0; }
245
+
246
+ .edit-post-layout__metaboxes:not(:empty) { border-top: 1px solid #e2e4e7; padding: 10px 0 10px; clear: both; }
247
+
248
+ .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { margin: auto 20px; }
249
+
250
+ .edit-post-layout .components-editor-notices__snackbar { position: fixed; right: 0; bottom: 40px; padding-left: 16px; padding-right: 16px; }
251
+
252
+ .edit-post-layout .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; }
253
+
254
+ @media (min-width: 783px) { .edit-post-layout .components-editor-notices__snackbar { left: 160px; } }
255
+
256
+ .auto-fold .edit-post-layout .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
257
+
258
+ @media (min-width: 783px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 36px; } }
259
+
260
+ @media (min-width: 961px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 160px; } }
261
+
262
+ /* Sidebar manually collapsed. */
263
+ .folded .edit-post-layout .components-editor-notices__snackbar { left: 0; }
264
+
265
+ @media (min-width: 783px) { .folded .edit-post-layout .components-editor-notices__snackbar { left: 36px; } }
266
+
267
+ /* Mobile menu opened. */
268
+ @media (max-width: 783px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { left: 190px; } }
269
+
270
+ /* In small screens with responsive menu expanded there is small white space. */
271
+ @media (max-width: 600px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { margin-left: -18px; } }
272
+
273
+ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { left: 0 !important; }
274
+
275
+ .edit-post-layout .editor-post-publish-panel { position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; }
276
+
277
+ @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { z-index: 99998; top: 32px; left: auto; width: 280px; border-left: 1px solid #e2e4e7; transform: translateX(100%); -webkit-animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } }
278
+
279
+ @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
280
+
281
+ @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; }
282
+ .is-focusing-regions .edit-post-layout .editor-post-publish-panel { transform: translateX(0%); } }
283
+
284
+ @-webkit-keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } }
285
+
286
+ @keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } }
287
+
288
+ .interface-interface-skeleton__sidebar > div { height: 100%; }
289
+
290
+ .edit-post-layout .editor-post-publish-panel__header-publish-button { justify-content: center; }
291
+
292
+ .edit-post-layout__toggle-publish-panel, .edit-post-layout__toogle-sidebar-panel, .edit-post-layout__toggle-entities-saved-states-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; background-color: #fff; border: 1px dotted #e2e4e7; height: auto !important; padding: 24px; display: flex; justify-content: center; }
293
+
294
+ .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { top: auto; bottom: 0; }
295
+
296
+ .edit-post-layout__footer { display: none; z-index: 30; }
297
+
298
+ @media (min-width: 782px) { .edit-post-layout__footer { display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } }
299
+
300
+ .edit-post-layout .interface-interface-skeleton__content { background-color: #ccd0d4; }
301
+
302
+ .edit-post-layout__inserter-panel { height: 100%; display: flex; flex-direction: column; }
303
+
304
+ .edit-post-layout__inserter-panel-header { padding-top: 8px; padding-right: 8px; display: flex; justify-content: flex-end; }
305
+
306
+ @media (min-width: 782px) { .edit-post-layout__inserter-panel-header { display: none; } }
307
+
308
+ .edit-post-layout__inserter-panel-content { height: calc(100% - 36px - 8px); }
309
+
310
+ @media (min-width: 782px) { .edit-post-layout__inserter-panel-content { height: 100%; } }
311
+
312
+ @media (min-width: 600px) { .edit-post-manage-blocks-modal { height: calc(100% - 60px - 60px); } }
313
+
314
+ .edit-post-manage-blocks-modal .components-modal__content { padding-bottom: 0; display: flex; flex-direction: column; }
315
+
316
+ .edit-post-manage-blocks-modal .components-modal__header { flex-shrink: 0; margin-bottom: 0; }
317
+
318
+ .edit-post-manage-blocks-modal__content { display: flex; flex-direction: column; flex: 0 1 100%; min-height: 0; }
319
+
320
+ .edit-post-manage-blocks-modal__no-results { font-style: italic; padding: 24px 0; text-align: center; }
321
+
322
+ .edit-post-manage-blocks-modal__search { margin: 16px 0; }
323
+
324
+ .edit-post-manage-blocks-modal__search .components-base-control__field { margin-bottom: 0; }
325
+
326
+ .edit-post-manage-blocks-modal__search .components-base-control__label { margin-top: -4px; }
327
+
328
+ .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { padding: 12px; border-radius: 4px; }
329
+
330
+ .edit-post-manage-blocks-modal__disabled-blocks-count { border-top: 1px solid #e2e4e7; margin-left: -24px; margin-right: -24px; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-left: 24px; padding-right: 24px; background-color: #f3f4f5; }
331
+
332
+ .edit-post-manage-blocks-modal__category { margin: 0 0 2rem 0; }
333
+
334
+ .edit-post-manage-blocks-modal__category-title { position: -webkit-sticky; position: sticky; top: 0; padding: 16px 0; background-color: #fff; z-index: 1; }
335
+
336
+ .edit-post-manage-blocks-modal__category-title .components-base-control__field { margin-bottom: 0; }
337
+
338
+ .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { font-size: 0.9rem; font-weight: 600; }
339
+
340
+ .edit-post-manage-blocks-modal__show-all { margin-right: 8px; }
341
+
342
+ .edit-post-manage-blocks-modal__checklist { margin-top: 0; }
343
+
344
+ .edit-post-manage-blocks-modal__checklist-item { margin-bottom: 0; padding-left: 16px; border-top: 1px solid #e2e4e7; }
345
+
346
+ .edit-post-manage-blocks-modal__checklist-item:last-child { border-bottom: 1px solid #e2e4e7; }
347
+
348
+ .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; }
349
+
350
+ .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { margin: 0 8px; }
351
+
352
+ .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 0.6rem 0 0.6rem 10px; }
353
+
354
+ .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { margin-right: 10px; fill: #555d66; }
355
+
356
+ .edit-post-manage-blocks-modal__results { height: 100%; overflow: auto; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-top: 1px solid #e2e4e7; }
357
+
358
+ .edit-post-meta-boxes-area { position: relative; /** The wordpress default for most meta-box elements is content-box. Some elements such as textarea and input are set to border-box in forms.css. These elements therefore specifically set back to border-box here, while other elements (such as .button) are unaffected by Gutenberg's style because of their higher specificity. */ /* Match width and positioning of the meta boxes. Override default styles. */ /* Override Default meta box stylings */ }
359
+
360
+ .edit-post-meta-boxes-area__container, .edit-post-meta-boxes-area .inside { box-sizing: content-box; }
361
+
362
+ .edit-post-meta-boxes-area textarea, .edit-post-meta-boxes-area input { box-sizing: border-box; }
363
+
364
+ .edit-post-meta-boxes-area #poststuff { margin: 0 auto; padding-top: 0; min-width: auto; }
365
+
366
+ .edit-post-meta-boxes-area #poststuff h3.hndle, .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ border-bottom: 1px solid #e2e4e7; box-sizing: border-box; color: inherit; font-weight: 600; outline: none; padding: 15px; position: relative; width: 100%; }
367
+
368
+ .edit-post-meta-boxes-area .postbox { border: 0; color: inherit; margin-bottom: 0; }
369
+
370
+ .edit-post-meta-boxes-area .postbox > .inside { border-bottom: 1px solid #e2e4e7; color: inherit; padding: 0 14px 14px; margin: 0; }
371
+
372
+ .edit-post-meta-boxes-area .postbox .handlediv { height: 44px; width: 44px; }
373
+
374
+ .edit-post-meta-boxes-area.is-loading::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: transparent; z-index: 1; }
375
+
376
+ .edit-post-meta-boxes-area .components-spinner { position: absolute; top: 10px; right: 20px; z-index: 5; }
377
+
378
+ .edit-post-meta-boxes-area .is-hidden { display: none; }
379
+
380
+ .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { border: 1px solid #6c7781; }
381
+
382
+ .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { background: #fff; border-color: #6c7781; }
383
+
384
+ .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { margin: -3px -4px; }
385
+
386
+ .edit-post-meta-boxes-area__clear { clear: both; }
387
+
388
+ .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 4px; border-top: 0; margin-top: 0; }
389
+
390
+ .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: none; margin-left: auto; }
391
+
392
+ @media (min-width: 782px) { .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: flex; } }
393
+
394
+ .components-panel__body.is-opened.edit-post-last-revision__panel { padding: 0; }
395
+
396
+ .editor-post-last-revision__title.components-button { padding: 13px 16px; }
397
+
398
+ .editor-post-author__select { margin: -5px 0; width: 100%; }
399
+
400
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .editor-post-author__select { width: auto; } }
401
+
402
+ .edit-post-post-link__link-post-name { font-weight: 600; }
403
+
404
+ .edit-post-post-link__preview-label { font-weight: 400; margin: 0; }
405
+
406
+ .edit-post-post-link__link { text-align: left; word-wrap: break-word; display: block; }
407
+
408
+ /* rtl:begin:ignore */
409
+ .edit-post-post-link__preview-link-container { direction: ltr; }
410
+
411
+ /* rtl:end:ignore */
412
+ .edit-post-post-schedule { width: 100%; position: relative; }
413
+
414
+ .components-button.edit-post-post-schedule__toggle { text-align: right; }
415
+
416
+ .editor-post-slug__input { margin: -5px 0; padding: 2px; }
417
+
418
+ .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { margin-top: 15px; width: 100%; text-align: center; }
419
+
420
+ .edit-post-post-visibility { width: 100%; }
421
+
422
+ @media (min-width: 782px) { .edit-post-post-visibility__dialog .components-popover__content { width: 257px; } }
423
+
424
+ .edit-post-post-visibility__dialog-legend { font-weight: 600; }
425
+
426
+ .edit-post-post-visibility__choice { margin: 10px 0; }
427
+
428
+ .edit-post-post-visibility__dialog-radio, .edit-post-post-visibility__dialog-label { vertical-align: top; }
429
+
430
+ .edit-post-post-visibility__dialog-password-input { width: calc(100% - 20px); margin-left: 20px; }
431
+
432
+ .edit-post-post-visibility__dialog-info { color: #7e8993; padding-left: 20px; font-style: italic; margin: 4px 0 0; line-height: 1.4; }
433
+
434
+ .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 4px; border-top: 0; }
435
+
436
+ .components-panel__header.edit-post-sidebar__panel-tabs ul { display: flex; }
437
+
438
+ .components-panel__header.edit-post-sidebar__panel-tabs li { margin: 0; }
439
+
440
+ .components-button.edit-post-sidebar__panel-tab { border-radius: 0; height: 49px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-left: 0; font-weight: 400; color: #191e23; }
441
+
442
+ .components-button.edit-post-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; }
443
+
444
+ .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; font-weight: 600; position: relative; }
445
+
446
+ body.admin-color-sunrise .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d1864a; }
447
+
448
+ body.admin-color-ocean .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a3b9a2; }
449
+
450
+ body.admin-color-midnight .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #e14d43; }
451
+
452
+ body.admin-color-ectoplasm .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a7b656; }
453
+
454
+ body.admin-color-coffee .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #c2a68c; }
455
+
456
+ body.admin-color-blue .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d9ab59; }
457
+
458
+ body.admin-color-light .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #0085ba; }
459
+
460
+ .components-button.edit-post-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 4px solid transparent; }
461
+
462
+ .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #007cba; }
463
+
464
+ body.admin-color-sunrise .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
465
+
466
+ body.admin-color-ocean .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
467
+
468
+ body.admin-color-midnight .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
469
+
470
+ body.admin-color-ectoplasm .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
471
+
472
+ body.admin-color-coffee .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
473
+
474
+ body.admin-color-blue .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
475
+
476
+ body.admin-color-light .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
477
+
478
+ .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; }
479
+
480
+ body.admin-color-sunrise .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 -4px 0 0 #d1864a; }
481
+
482
+ body.admin-color-ocean .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 -4px 0 0 #a3b9a2; }
483
+
484
+ body.admin-color-midnight .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 -4px 0 0 #e14d43; }
485
+
486
+ body.admin-color-ectoplasm .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 -4px 0 0 #a7b656; }
487
+
488
+ body.admin-color-coffee .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 -4px 0 0 #c2a68c; }
489
+
490
+ body.admin-color-blue .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 -4px 0 0 #d9ab59; }
491
+
492
+ body.admin-color-light .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 -4px 0 0 #0085ba; }
493
+
494
+ .edit-post-text-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; }
495
+
496
+ .edit-post-text-editor .wp-block.editor-post-title { max-width: none; line-height: 1.4; }
497
+
498
+ .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; }
499
+
500
+ .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { border: 1px solid #ccc; margin-bottom: -1px; padding: 16px; }
501
+
502
+ @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { padding: 24px; } }
503
+
504
+ .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { border: 1px solid #1e1e1e; }
505
+
506
+ @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title { padding: 0; } }
507
+
508
+ .edit-post-text-editor__body { width: 100%; padding: 0 12px 12px 12px; max-width: 1080px; margin-left: auto; margin-right: auto; }
509
+
510
+ @media (min-width: 960px) { .edit-post-text-editor__body { padding: 16px 24px 96px 24px; padding: 0 24px 24px 24px; } }
511
+
512
+ .edit-post-text-editor__toolbar { position: -webkit-sticky; position: sticky; z-index: 1; top: 0; left: 0; right: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; }
513
+
514
+ @media (min-width: 600px) { .edit-post-text-editor__toolbar { padding: 12px; } }
515
+
516
+ @media (min-width: 960px) { .edit-post-text-editor__toolbar { padding: 12px 24px; } }
517
+
518
+ .edit-post-text-editor__toolbar h2 { line-height: 36px; margin: 0 auto 0 0; font-size: 13px; color: #1e1e1e; }
519
+
520
+ .edit-post-text-editor__toolbar .components-button svg { order: 1; }
521
+
522
+ .edit-post-visual-editor { position: relative; padding-top: 50px; background-color: #fff; flex: 1 1 auto; }
523
+
524
+ .edit-post-visual-editor .components-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; }
525
+
526
+ .edit-post-visual-editor .components-button.is-tertiary { padding: 6px; }
527
+
528
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-visual-editor { flex-basis: 100%; } }
529
+
530
+ .edit-post-visual-editor > .block-editor__typewriter, .edit-post-visual-editor > .block-editor__typewriter > div, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { height: 100%; }
531
+
532
+ .edit-post-visual-editor .block-editor-writing-flow__click-redirect { min-height: 40vh; width: 100%; }
533
+
534
+ .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { height: 0; }
535
+
536
+ .edit-post-visual-editor__post-title-wrapper { padding-left: 14px; padding-right: 14px; }
537
+
538
+ @media (min-width: 600px) { .edit-post-visual-editor__post-title-wrapper { padding-left: 36px; padding-right: 36px; } }
539
+
540
+ .edit-post-visual-editor__post-title-wrapper .editor-post-title { margin-left: auto; margin-right: auto; margin-bottom: 32px; }
541
+
542
+ .edit-post-options-modal__section { margin: 0 0 2rem 0; }
543
+
544
+ .edit-post-options-modal__section-title { font-size: 0.9rem; font-weight: 600; }
545
+
546
+ .edit-post-options-modal__option { border-top: 1px solid #e2e4e7; }
547
+
548
+ .edit-post-options-modal__option:last-child { border-bottom: 1px solid #e2e4e7; }
549
+
550
+ .edit-post-options-modal__option .components-base-control__field { align-items: center; display: flex; margin: 0; }
551
+
552
+ .edit-post-options-modal__option .components-checkbox-control__label { flex-grow: 1; padding: 0.6rem 0 0.6rem 10px; }
553
+
554
+ .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin: 0 0 0.6rem 48px; }
555
+
556
+ @media (min-width: 782px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin-left: 38px; } }
557
+
558
+ @media (min-width: 600px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { max-width: 300px; } }
559
+
560
+ .edit-post-welcome-guide { width: 312px; }
561
+
562
+ .edit-post-welcome-guide__image { background: #00a0d2; height: 240px; }
563
+
564
+ .edit-post-welcome-guide__image__prm-r { display: none; }
565
+
566
+ @media (prefers-reduced-motion: reduce) { .edit-post-welcome-guide__image__prm-r { display: block; }
567
+ .edit-post-welcome-guide__image__prm-np { display: none; } }
568
+
569
+ .edit-post-welcome-guide__heading { font-family: "Noto Serif", serif; font-size: 24px; line-height: 1.4; margin: 0 0 16px 0; padding: 0 32px; }
570
+
571
+ .edit-post-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; }
572
+
573
+ .edit-post-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; }
574
+
575
+ /** Animations */
576
+ @-webkit-keyframes edit-post__fade-in-animation { from { opacity: 0; }
577
+ to { opacity: 1; } }
578
+ @keyframes edit-post__fade-in-animation { from { opacity: 0; }
579
+ to { opacity: 1; } }
580
+
581
+ html.wp-toolbar { background: #fff; }
582
+
583
+ body.block-editor-page { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
584
+
585
+ body.block-editor-page #wpcontent { padding-left: 0; }
586
+
587
+ body.block-editor-page #wpbody-content { padding-bottom: 0; }
588
+
589
+ body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { display: none; }
590
+
591
+ body.block-editor-page #wpfooter { display: none; }
592
+
593
+ body.block-editor-page .a11y-speak-region { left: -1px; top: -1px; }
594
+
595
+ body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, body.block-editor-page ul#adminmenu > li.current > a.current::after { border-right-color: #fff; }
596
+
597
+ body.block-editor-page .media-frame select.attachment-filters:last-of-type { width: auto; max-width: 100%; }
598
+
599
+ .edit-post-header, .edit-post-visual-editor, .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel, .components-popover, .components-modal__frame { box-sizing: border-box; }
600
+
601
+ .edit-post-header *, .edit-post-header *::before, .edit-post-header *::after, .edit-post-visual-editor *, .edit-post-visual-editor *::before, .edit-post-visual-editor *::after, .edit-post-text-editor *, .edit-post-text-editor *::before, .edit-post-text-editor *::after, .edit-post-sidebar *, .edit-post-sidebar *::before, .edit-post-sidebar *::after, .editor-post-publish-panel *, .editor-post-publish-panel *::before, .editor-post-publish-panel *::after, .components-popover *, .components-popover *::before, .components-popover *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; }
602
+
603
+ @media (min-width: 600px) { .block-editor__container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100vh - 46px); } }
604
+
605
+ @media (min-width: 782px) { .block-editor__container { min-height: calc(100vh - 32px); }
606
+ body.is-fullscreen-mode .block-editor__container { min-height: 100vh; } }
607
+
608
+ .block-editor__container img { max-width: 100%; height: auto; }
609
+
610
+ .block-editor__container iframe { width: 100%; }
611
+
612
+ .block-editor__container .components-navigate-regions { height: 100%; }
613
+
614
+ .wp-block { max-width: 580px; }
615
+
616
+ .wp-block[data-align="wide"] { max-width: 1100px; }
617
+
618
+ .wp-block[data-align="full"] { max-width: none; }
619
+
620
+ /** Colors */
621
+ /** Breakpoints & Media Queries */
622
+ /** Colors */
623
+ /** Fonts & basic variables. */
624
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
625
+ /** Dimensions. */
626
+ /** Shadows. */
627
+ /** Editor widths. */
628
+ /** Block UI. */
629
+ /** Border radii. */
630
+ /** Breakpoint mixins */
631
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
632
+ /** Focus styles. */
633
+ /** Applies editor left position to the selector passed as argument */
634
+ /** Styles that are reused verbatim in a few places */
635
+ /** Allows users to opt-out of animations via OS-level preferences. */
636
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
637
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
638
+ .editor-autocompleters__user .editor-autocompleters__no-avatar::before { /* stylelint-disable */ font: normal 20px/1 dashicons; /* stylelint-enable */ content: "\f110"; margin-right: 5px; vertical-align: middle; }
639
+
640
+ .editor-autocompleters__user .editor-autocompleters__user-avatar { margin-right: 8px; flex-grow: 0; flex-shrink: 0; max-width: none; width: 24px; height: 24px; }
641
+
642
+ .editor-autocompleters__user .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; flex-shrink: 0; flex-grow: 1; }
643
+
644
+ .editor-autocompleters__user .editor-autocompleters__user-slug { margin-left: 8px; color: #8f98a1; white-space: nowrap; text-overflow: ellipsis; overflow: none; max-width: 100px; flex-grow: 0; flex-shrink: 0; }
645
+
646
+ .editor-autocompleters__user:hover .editor-autocompleters__user-slug { color: #66c6e4; }
647
+
648
+ .document-outline { margin: 20px 0; }
649
+
650
+ .document-outline ul { margin: 0; padding: 0; }
651
+
652
+ .document-outline__item { display: flex; margin: 4px 0; }
653
+
654
+ .document-outline__item a { text-decoration: none; }
655
+
656
+ .document-outline__item .document-outline__emdash::before { color: #e2e4e7; margin-right: 4px; }
657
+
658
+ .document-outline__item.is-h2 .document-outline__emdash::before { content: "—"; }
659
+
660
+ .document-outline__item.is-h3 .document-outline__emdash::before { content: "——"; }
661
+
662
+ .document-outline__item.is-h4 .document-outline__emdash::before { content: "———"; }
663
+
664
+ .document-outline__item.is-h5 .document-outline__emdash::before { content: "————"; }
665
+
666
+ .document-outline__item.is-h6 .document-outline__emdash::before { content: "—————"; }
667
+
668
+ .document-outline__button { cursor: pointer; background: none; border: none; display: flex; align-items: flex-start; margin: 0 0 0 -1px; padding: 2px 5px 2px 1px; color: #23282d; text-align: left; border-radius: 2px; }
669
+
670
+ .document-outline__button:disabled { cursor: default; }
671
+
672
+ .document-outline__button:focus { box-shadow: 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
673
+
674
+ body.admin-color-sunrise .document-outline__button:focus { box-shadow: 0 0 0 1.5px #d1864a; }
675
+
676
+ body.admin-color-ocean .document-outline__button:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
677
+
678
+ body.admin-color-midnight .document-outline__button:focus { box-shadow: 0 0 0 1.5px #e14d43; }
679
+
680
+ body.admin-color-ectoplasm .document-outline__button:focus { box-shadow: 0 0 0 1.5px #a7b656; }
681
+
682
+ body.admin-color-coffee .document-outline__button:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
683
+
684
+ body.admin-color-blue .document-outline__button:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
685
+
686
+ body.admin-color-light .document-outline__button:focus { box-shadow: 0 0 0 1.5px #0085ba; }
687
+
688
+ .document-outline__level { background: #e2e4e7; color: #23282d; border-radius: 3px; font-size: 13px; padding: 1px 6px; margin-right: 4px; }
689
+
690
+ .is-invalid .document-outline__level { background: #f0b849; }
691
+
692
+ .document-outline__item-content { padding: 1px 0; }
693
+
694
+ .components-editor-notices__dismissible { position: -webkit-sticky; position: sticky; top: 0; right: 0; color: #191e23; }
695
+
696
+ .components-editor-notices__pinned { position: relative; left: 0; top: 0; right: 0; color: #191e23; }
697
+
698
+ .components-editor-notices__dismissible .components-notice, .components-editor-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; min-height: 60px; }
699
+
700
+ .components-editor-notices__dismissible .components-notice .components-notice__dismiss, .components-editor-notices__pinned .components-notice .components-notice__dismiss { margin-top: 12px; }
701
+
702
+ .components-editor-notices__snackbar { width: 100%; }
703
+
704
+ @media (min-width: 782px) { .components-editor-notices__snackbar { width: -webkit-fit-content; width: fit-content; width: -moz-fit-content; } }
705
+
706
+ .entities-saved-states__panel { box-sizing: border-box; background: #fff; position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; box-sizing: border-box; }
707
+
708
+ .entities-saved-states__panel *, .entities-saved-states__panel *::before, .entities-saved-states__panel *::after { box-sizing: inherit; }
709
+
710
+ .entities-saved-states__panel .entities-saved-states__find-entity { display: none; }
711
+
712
+ .entities-saved-states__panel .entities-saved-states__find-entity-small { display: block; }
713
+
714
+ @media (min-width: 782px) { .entities-saved-states__panel { z-index: 99998; top: 32px; left: auto; width: 280px; border-left: 1px solid #e2e4e7; }
715
+ body.is-fullscreen-mode .entities-saved-states__panel { top: 0; }
716
+ .entities-saved-states__panel .entities-saved-states__find-entity { display: block; }
717
+ .entities-saved-states__panel .entities-saved-states__find-entity-small { display: none; } }
718
+
719
+ .entities-saved-states__panel .entities-saved-states__panel-header { background: #fff; padding-left: 8px; padding-right: 8px; height: 61px; border-bottom: 1px solid #e2e4e7; display: flex; align-items: center; align-content: space-between; }
720
+
721
+ .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { margin: auto; }
722
+
723
+ .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { position: absolute; right: 8px; }
724
+
725
+ .entities-saved-states__panel .entities-saved-states__text-prompt { border-bottom: 1px solid #e2e4e7; padding: 16px; padding-bottom: 4px; }
726
+
727
+ .editor-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); }
728
+
729
+ .editor-page-attributes__template { margin-bottom: 10px; }
730
+
731
+ .editor-page-attributes__template label, .editor-page-attributes__template select { width: 100%; }
732
+
733
+ .editor-page-attributes__order { width: 100%; }
734
+
735
+ .editor-page-attributes__order .components-base-control__field { display: flex; justify-content: space-between; align-items: center; }
736
+
737
+ .editor-page-attributes__order input { width: 66px; }
738
+
739
+ .editor-post-excerpt__textarea { width: 100%; margin-bottom: 10px; }
740
+
741
+ .editor-post-featured-image { padding: 0; }
742
+
743
+ .editor-post-featured-image__container { margin-bottom: 1em; position: relative; }
744
+
745
+ .editor-post-featured-image .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; }
746
+
747
+ .editor-post-featured-image .components-button + .components-button { display: block; margin-top: 1em; }
748
+
749
+ .editor-post-featured-image .components-responsive-wrapper__content { max-width: 100%; width: auto; }
750
+
751
+ .editor-post-featured-image__toggle, .editor-post-featured-image__preview { display: block; width: 100%; padding: 0; transition: all 0.1s ease-out; box-shadow: 0 0 0 0 #00a0d2; }
752
+
753
+ @media (prefers-reduced-motion: reduce) { .editor-post-featured-image__toggle, .editor-post-featured-image__preview { transition-duration: 0s; } }
754
+
755
+ .editor-post-featured-image__preview { height: auto; }
756
+
757
+ .editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus { box-shadow: 0 0 0 4px #00a0d2; }
758
+
759
+ .editor-post-featured-image__toggle { border: 1px dashed #a2aab2; background-color: #edeff0; min-height: 90px; line-height: 20px; padding: 8px 0; text-align: center; }
760
+
761
+ .editor-post-featured-image__toggle:hover { background-color: #f8f9f9; }
762
+
763
+ .editor-post-format { flex-direction: column; align-items: stretch; width: 100%; }
764
+
765
+ .editor-post-format__content { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; }
766
+
767
+ .editor-post-format__suggestion { text-align: right; font-size: 13px; }
768
+
769
+ .editor-post-last-revision__title { width: 100%; font-weight: 600; }
770
+
771
+ .editor-post-last-revision__title .dashicon { margin-right: 5px; }
772
+
773
+ .components-button.editor-post-last-revision__title { height: auto; }
774
+
775
+ .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { background: #f3f4f5; }
776
+
777
+ .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #007cba; border-radius: 0; }
778
+
779
+ body.admin-color-sunrise .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
780
+
781
+ body.admin-color-ocean .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
782
+
783
+ body.admin-color-midnight .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
784
+
785
+ body.admin-color-ectoplasm .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
786
+
787
+ body.admin-color-coffee .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
788
+
789
+ body.admin-color-blue .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
790
+
791
+ body.admin-color-light .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
792
+
793
+ .editor-post-locked-modal { height: auto; padding-right: 10px; padding-left: 10px; padding-top: 10px; max-width: 480px; }
794
+
795
+ .editor-post-locked-modal .components-modal__header { height: 36px; }
796
+
797
+ .editor-post-locked-modal .components-modal__content { height: auto; }
798
+
799
+ .editor-post-locked-modal__buttons { margin-top: 10px; }
800
+
801
+ .editor-post-locked-modal__buttons .components-button { margin-right: 5px; }
802
+
803
+ .editor-post-locked-modal__avatar { float: left; margin: 5px; margin-right: 15px; }
804
+
805
+ .editor-post-publish-button__button.has-changes-dot::before { background: currentcolor; border-radius: 4px; content: ""; height: 8px; margin: auto 5px auto -3px; width: 8px; }
806
+
807
+ .editor-post-publish-panel { background: #fff; }
808
+
809
+ .editor-post-publish-panel__content { min-height: calc(100% - 144px); }
810
+
811
+ .editor-post-publish-panel__content .components-spinner { display: block; margin: 100px auto 0; }
812
+
813
+ .editor-post-publish-panel__header { background: #fff; padding-left: 8px; padding-right: 8px; height: 61px; border-bottom: 1px solid #e2e4e7; display: flex; align-items: center; align-content: space-between; }
814
+
815
+ .editor-post-publish-panel__header .components-button.has-icon { position: absolute; right: 8px; }
816
+
817
+ .editor-post-publish-panel__header-publish-button { display: flex; justify-content: flex-end; flex-grow: 1; text-align: right; flex-wrap: nowrap; }
818
+
819
+ .editor-post-publish-panel__header-published { flex-grow: 1; }
820
+
821
+ .editor-post-publish-panel__footer { padding: 16px; }
822
+
823
+ .components-button.editor-post-publish-panel__toggle.is-primary { display: inline-flex; align-items: center; }
824
+
825
+ .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { display: none; }
826
+
827
+ .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { margin-right: -4px; }
828
+
829
+ .editor-post-publish-panel__link { font-weight: 400; padding-left: 4px; }
830
+
831
+ .editor-post-publish-panel__prepublish { padding: 16px; }
832
+
833
+ .editor-post-publish-panel__prepublish strong { color: #191e23; }
834
+
835
+ .editor-post-publish-panel__prepublish .components-panel__body { background: #fff; margin-left: -16px; margin-right: -16px; }
836
+
837
+ .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { display: none; }
838
+
839
+ .post-publish-panel__postpublish .components-panel__body { border-bottom: 1px solid #e2e4e7; border-top: none; }
840
+
841
+ .post-publish-panel__postpublish-buttons { display: flex; align-content: space-between; flex-wrap: wrap; margin: -5px; }
842
+
843
+ .post-publish-panel__postpublish-buttons > * { flex-grow: 1; margin: 5px; }
844
+
845
+ .post-publish-panel__postpublish-buttons .components-button { height: auto; justify-content: center; padding: 3px 10px 4px; line-height: 1.6; text-align: center; white-space: normal; }
846
+
847
+ .post-publish-panel__postpublish-buttons .components-clipboard-button { width: 100%; }
848
+
849
+ .post-publish-panel__postpublish-post-address { margin-bottom: 16px; }
850
+
851
+ .post-publish-panel__postpublish-post-address input[readonly] { padding: 10px; background: #e8eaeb; overflow: hidden; text-overflow: ellipsis; }
852
+
853
+ .post-publish-panel__postpublish-header { font-weight: 500; }
854
+
855
+ .post-publish-panel__postpublish-subheader { margin: 0 0 8px; }
856
+
857
+ .post-publish-panel__tip { color: #f0b849; }
858
+
859
+ .editor-post-saved-state { display: flex; align-items: center; width: 28px; padding: 12px 4px; color: #757575; overflow: hidden; white-space: nowrap; }
860
+
861
+ .editor-post-saved-state svg { display: inline-block; flex: 0 0 auto; fill: currentColor; margin-right: 8px; }
862
+
863
+ @media (min-width: 600px) { .editor-post-saved-state { width: auto; padding: 8px 12px; text-indent: inherit; }
864
+ .editor-post-saved-state svg { margin-right: 4px; } }
865
+
866
+ .editor-post-taxonomies__hierarchical-terms-list { max-height: 14em; overflow: auto; padding-left: 2px; }
867
+
868
+ .editor-post-taxonomies__hierarchical-terms-choice { margin-bottom: 8px; }
869
+
870
+ .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top: 8px; margin-left: 16px; }
871
+
872
+ .components-button.editor-post-taxonomies__hierarchical-terms-submit, .components-button.editor-post-taxonomies__hierarchical-terms-add { margin-top: 12px; }
873
+
874
+ .editor-post-taxonomies__hierarchical-terms-label { display: inline-block; margin-top: 12px; }
875
+
876
+ .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; width: 100%; }
877
+
878
+ .editor-post-taxonomies__hierarchical-terms-filter { margin-bottom: 8px; width: 100%; }
879
+
880
+ .edit-post-text-editor__body textarea.editor-post-text-editor { border: 1px solid #ccc; display: block; margin: 0; width: 100%; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; border-radius: 0; min-height: 200px; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px !important; }
881
+
882
+ @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { padding: 24px; } }
883
+
884
+ @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { font-size: 15px !important; } }
885
+
886
+ .edit-post-text-editor__body textarea.editor-post-text-editor:focus { border: 1px solid #1e1e1e; box-shadow: none; position: relative; }
887
+
888
+ .edit-post-post-visibility__dialog, .editor-post-visibility__dialog-fieldset { padding: 4px; padding-top: 0; }
889
+
890
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { font-weight: 600; margin-bottom: 1em; margin-top: 0.5em; padding: 0; }
891
+
892
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 2px solid #757575; margin-right: 12px; transition: none; border-radius: 50%; margin-top: 2px; }
893
+
894
+ @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { transition-duration: 0s; } }
895
+
896
+ @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
897
+
898
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
899
+
900
+ body.admin-color-sunrise .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-sunrise .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
901
+
902
+ body.admin-color-ocean .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-ocean .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
903
+
904
+ body.admin-color-midnight .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-midnight .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
905
+
906
+ body.admin-color-ectoplasm .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-ectoplasm .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
907
+
908
+ body.admin-color-coffee .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-coffee .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
909
+
910
+ body.admin-color-blue .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-blue .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
911
+
912
+ body.admin-color-light .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-light .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
913
+
914
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
915
+
916
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
917
+
918
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
919
+
920
+ .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
921
+
922
+ .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
923
+
924
+ .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
925
+
926
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { width: 6px; height: 6px; margin: 6px 0 0 6px; background-color: #fff; }
927
+
928
+ @media (min-width: 782px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { margin: 3px 0 0 3px; } }
929
+
930
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #757575; box-shadow: 0 0 0 1px #757575; }
931
+
932
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
933
+
934
+ body.admin-color-sunrise .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-sunrise .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #c8b03c; border-color: #c8b03c; }
935
+
936
+ body.admin-color-ocean .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-ocean .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #a3b9a2; border-color: #a3b9a2; }
937
+
938
+ body.admin-color-midnight .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-midnight .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #77a6b9; border-color: #77a6b9; }
939
+
940
+ body.admin-color-ectoplasm .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #a7b656; border-color: #a7b656; }
941
+
942
+ body.admin-color-coffee .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-coffee .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #c2a68c; border-color: #c2a68c; }
943
+
944
+ body.admin-color-blue .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-blue .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #82b4cb; border-color: #82b4cb; }
945
+
946
+ body.admin-color-light .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-light .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
947
+
948
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked:focus { box-shadow: 0 0 0 1.5px #757575; }
949
+
950
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { font-weight: 600; }
951
+
952
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { margin-top: 0; margin-left: 28px; }
953
+
954
+ .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { margin-bottom: 0; }
955
+
956
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin-left: 28px; }
957
+
958
+ @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { transition-duration: 0s; } }
959
+
960
+ @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
961
+
962
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
963
+
964
+ body.admin-color-sunrise .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-sunrise .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
965
+
966
+ body.admin-color-ocean .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-ocean .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
967
+
968
+ body.admin-color-midnight .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-midnight .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
969
+
970
+ body.admin-color-ectoplasm .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-ectoplasm .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
971
+
972
+ body.admin-color-coffee .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-coffee .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
973
+
974
+ body.admin-color-blue .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-blue .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
975
+
976
+ body.admin-color-light .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-light .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
977
+
978
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
979
+
980
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
981
+
982
+ .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
983
+
984
+ .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
985
+
986
+ .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
987
+
988
+ .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
989
+
990
+ .editor-post-title { position: relative; }
991
+
992
+ .editor-post-title .editor-post-title__input { display: block; width: 100%; margin: 0; box-shadow: none; background: transparent; transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 19px 0; word-break: keep-all; font-family: inherit; line-height: inherit; color: inherit; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; border-radius: 0; outline: 1px solid transparent; font-size: 2.44em; font-weight: bold; }
993
+
994
+ @media (prefers-reduced-motion: reduce) { .editor-post-title .editor-post-title__input { transition-duration: 0s; } }
995
+
996
+ @media (min-width: 600px) { .editor-post-title .editor-post-title__input { border-width: 1px; } }
997
+
998
+ .editor-post-title .editor-post-title__input::-webkit-input-placeholder { color: rgba(22, 36, 53, 0.55); }
999
+
1000
+ .editor-post-title .editor-post-title__input::-moz-placeholder { color: rgba(22, 36, 53, 0.55); }
1001
+
1002
+ .editor-post-title .editor-post-title__input:-ms-input-placeholder { color: rgba(22, 36, 53, 0.55); }
1003
+
1004
+ .editor-post-title .editor-post-title__input:focus { border: 1px solid transparent; outline: 1px solid transparent; box-shadow: none; }
1005
+
1006
+ .editor-post-title.is-focus-mode .editor-post-title__input { opacity: 0.5; transition: opacity 0.1s linear; }
1007
+
1008
+ @media (prefers-reduced-motion: reduce) { .editor-post-title.is-focus-mode .editor-post-title__input { transition-duration: 0s; } }
1009
+
1010
+ .editor-post-title.is-focus-mode .editor-post-title__input:focus { opacity: 1; }
1011
+
1012
+ .editor-post-trash.components-button { color: #b52727; border-color: #b52727; justify-content: center; }
1013
+
1014
+ .editor-post-trash.components-button:not(:disabled):not([aria-disabled="true"]):hover, .editor-post-trash.components-button:not([aria-disabled="true"]):focus { color: #a02222; border-color: #a02222; }
1015
+
1016
+ .table-of-contents__popover.components-popover .components-popover__content { min-width: 380px; }
1017
+
1018
+ .components-popover.table-of-contents__popover { z-index: 99998; }
1019
+
1020
+ .table-of-contents__popover .components-popover__content { padding: 16px; }
1021
+
1022
+ @media (min-width: 600px) { .table-of-contents__popover .components-popover__content { max-height: calc(100vh - 120px); overflow-y: auto; } }
1023
+
1024
+ .table-of-contents__popover hr { margin: 10px -16px 0; }
1025
+
1026
+ .table-of-contents__wrapper:focus::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 1.5px #007cba; }
1027
+
1028
+ body.admin-color-sunrise .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #d1864a; }
1029
+
1030
+ body.admin-color-ocean .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
1031
+
1032
+ body.admin-color-midnight .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #e14d43; }
1033
+
1034
+ body.admin-color-ectoplasm .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #a7b656; }
1035
+
1036
+ body.admin-color-coffee .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #c2a68c; }
1037
+
1038
+ body.admin-color-blue .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #d9ab59; }
1039
+
1040
+ body.admin-color-light .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #0085ba; }
1041
+
1042
+ .table-of-contents__counts { display: flex; flex-wrap: wrap; margin: 0; }
1043
+
1044
+ .table-of-contents__count { flex-basis: 25%; display: flex; flex-direction: column; font-size: 13px; color: #6c7781; padding-right: 8px; margin-bottom: 0; }
1045
+
1046
+ .table-of-contents__count:last-child { padding-right: 0; }
1047
+
1048
+ .table-of-contents__number, .table-of-contents__popover .word-count { font-size: 21px; font-weight: 400; line-height: 30px; color: #555d66; }
1049
+
1050
+ .table-of-contents__title { display: block; margin-top: 20px; font-size: 15px; font-weight: 600; }
1051
+
1052
+ .editor-template-validation-notice { display: flex; justify-content: space-between; align-items: center; }
1053
+
1054
+ .editor-template-validation-notice .components-button { margin-left: 5px; }
1055
+
1056
+ /** Colors */
1057
+ /** Breakpoints & Media Queries */
1058
+ /** Colors */
1059
+ /** Fonts & basic variables. */
1060
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
1061
+ /** Dimensions. */
1062
+ /** Shadows. */
1063
+ /** Editor widths. */
1064
+ /** Block UI. */
1065
+ /** Border radii. */
1066
+ /** Breakpoint mixins */
1067
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
1068
+ /** Focus styles. */
1069
+ /** Applies editor left position to the selector passed as argument */
1070
+ /** Styles that are reused verbatim in a few places */
1071
+ /** Allows users to opt-out of animations via OS-level preferences. */
1072
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
1073
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
1074
+ .components-animate__appear { -webkit-animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
1075
+
1076
+ @media (prefers-reduced-motion: reduce) { .components-animate__appear { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
1077
+
1078
+ .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { transform-origin: top left; }
1079
+
1080
+ .components-animate__appear.is-from-top.is-from-right { transform-origin: top right; }
1081
+
1082
+ .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { transform-origin: bottom left; }
1083
+
1084
+ .components-animate__appear.is-from-bottom.is-from-right { transform-origin: bottom right; }
1085
+
1086
+ @-webkit-keyframes components-animate__appear-animation { from { transform: translateY(-2em) scaleY(0) scaleX(0); }
1087
+ to { transform: translateY(0%) scaleY(1) scaleX(1); } }
1088
+
1089
+ @keyframes components-animate__appear-animation { from { transform: translateY(-2em) scaleY(0) scaleX(0); }
1090
+ to { transform: translateY(0%) scaleY(1) scaleX(1); } }
1091
+
1092
+ .components-animate__slide-in { -webkit-animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
1093
+
1094
+ @media (prefers-reduced-motion: reduce) { .components-animate__slide-in { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
1095
+
1096
+ .components-animate__slide-in.is-from-left { transform: translateX(100%); }
1097
+
1098
+ .components-animate__slide-in.is-from-right { transform: translateX(-100%); }
1099
+
1100
+ @-webkit-keyframes components-animate__slide-in-animation { 100% { transform: translateX(0%); } }
1101
+
1102
+ @keyframes components-animate__slide-in-animation { 100% { transform: translateX(0%); } }
1103
+
1104
+ .components-animate__loading { -webkit-animation: components-animate__loading 1.6s ease-in-out infinite; animation: components-animate__loading 1.6s ease-in-out infinite; }
1105
+
1106
+ @-webkit-keyframes components-animate__loading { 0% { opacity: 0.5; }
1107
+ 50% { opacity: 1; }
1108
+ 100% { opacity: 0.5; } }
1109
+
1110
+ @keyframes components-animate__loading { 0% { opacity: 0.5; }
1111
+ 50% { opacity: 1; }
1112
+ 100% { opacity: 0.5; } }
1113
+
1114
+ .components-angle-picker-control { width: 50%; }
1115
+
1116
+ .components-angle-picker-control.components-base-control .components-base-control__label { display: block; }
1117
+
1118
+ .components-angle-picker-control__input-field[type="number"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 36px); max-width: 100px; }
1119
+
1120
+ @media (prefers-reduced-motion: reduce) { .components-angle-picker-control__input-field[type="number"] { transition-duration: 0s; } }
1121
+
1122
+ @media (min-width: 600px) { .components-angle-picker-control__input-field[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
1123
+
1124
+ .components-angle-picker-control__input-field[type="number"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
1125
+
1126
+ body.admin-color-sunrise .components-angle-picker-control__input-field[type="number"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
1127
+
1128
+ body.admin-color-ocean .components-angle-picker-control__input-field[type="number"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
1129
+
1130
+ body.admin-color-midnight .components-angle-picker-control__input-field[type="number"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
1131
+
1132
+ body.admin-color-ectoplasm .components-angle-picker-control__input-field[type="number"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
1133
+
1134
+ body.admin-color-coffee .components-angle-picker-control__input-field[type="number"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
1135
+
1136
+ body.admin-color-blue .components-angle-picker-control__input-field[type="number"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
1137
+
1138
+ body.admin-color-light .components-angle-picker-control__input-field[type="number"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
1139
+
1140
+ .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1141
+
1142
+ .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
1143
+
1144
+ .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1145
+
1146
+ .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1147
+
1148
+ .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
1149
+
1150
+ .is-dark-theme .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1151
+
1152
+ .components-angle-picker-control__angle-circle { width: 28px; height: 28px; border: 2px solid #555d66; border-radius: 50%; float: left; margin-right: 4px; cursor: -webkit-grab; cursor: grab; }
1153
+
1154
+ .components-angle-picker-control__angle-circle-indicator-wrapper { position: relative; width: 100%; height: 100%; }
1155
+
1156
+ .components-angle-picker-control__angle-circle-indicator { width: 1px; height: 1px; border-radius: 50%; border: 3px solid #555d66; display: block; position: absolute; top: -14px; bottom: 0; left: 0; right: 0; margin: auto; background: #555d66; }
1157
+
1158
+ .components-autocomplete__popover .components-popover__content { padding: 16px; }
1159
+
1160
+ .components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100%; }
1161
+
1162
+ .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #007cba; }
1163
+
1164
+ body.admin-color-sunrise .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #d1864a; }
1165
+
1166
+ body.admin-color-ocean .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #a3b9a2; }
1167
+
1168
+ body.admin-color-midnight .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #e14d43; }
1169
+
1170
+ body.admin-color-ectoplasm .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #a7b656; }
1171
+
1172
+ body.admin-color-coffee .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #c2a68c; }
1173
+
1174
+ body.admin-color-blue .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #d9ab59; }
1175
+
1176
+ body.admin-color-light .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #0085ba; }
1177
+
1178
+ .components-base-control { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
1179
+
1180
+ .components-base-control .components-base-control__field { margin-bottom: 8px; }
1181
+
1182
+ .components-panel__row .components-base-control .components-base-control__field { margin-bottom: inherit; }
1183
+
1184
+ .components-base-control .components-base-control__label { display: inline-block; margin-bottom: 8px; }
1185
+
1186
+ .components-base-control .components-base-control__help { margin-top: -8px; font-style: italic; }
1187
+
1188
+ .components-button-group { display: inline-block; }
1189
+
1190
+ .components-button-group .components-button { border-radius: 0; display: inline-flex; color: #007cba; box-shadow: inset 0 0 0 1px #007cba; }
1191
+
1192
+ body.admin-color-sunrise .components-button-group .components-button { color: #d1864a; box-shadow: inset 0 0 0 1px #d1864a; }
1193
+
1194
+ body.admin-color-ocean .components-button-group .components-button { color: #a3b9a2; box-shadow: inset 0 0 0 1px #a3b9a2; }
1195
+
1196
+ body.admin-color-midnight .components-button-group .components-button { color: #e14d43; box-shadow: inset 0 0 0 1px #e14d43; }
1197
+
1198
+ body.admin-color-ectoplasm .components-button-group .components-button { color: #a7b656; box-shadow: inset 0 0 0 1px #a7b656; }
1199
+
1200
+ body.admin-color-coffee .components-button-group .components-button { color: #c2a68c; box-shadow: inset 0 0 0 1px #c2a68c; }
1201
+
1202
+ body.admin-color-blue .components-button-group .components-button { color: #d9ab59; box-shadow: inset 0 0 0 1px #d9ab59; }
1203
+
1204
+ body.admin-color-light .components-button-group .components-button { color: #0085ba; box-shadow: inset 0 0 0 1px #0085ba; }
1205
+
1206
+ .components-button-group .components-button + .components-button { margin-left: -1px; }
1207
+
1208
+ .components-button-group .components-button:first-child { border-radius: 2px 0 0 2px; }
1209
+
1210
+ .components-button-group .components-button:last-child { border-radius: 0 2px 2px 0; }
1211
+
1212
+ .components-button-group .components-button:focus, .components-button-group .components-button.is-primary { position: relative; z-index: 1; }
1213
+
1214
+ .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #007cba; }
1215
+
1216
+ body.admin-color-sunrise .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #d1864a; }
1217
+
1218
+ body.admin-color-ocean .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #a3b9a2; }
1219
+
1220
+ body.admin-color-midnight .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #e14d43; }
1221
+
1222
+ body.admin-color-ectoplasm .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #a7b656; }
1223
+
1224
+ body.admin-color-coffee .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #c2a68c; }
1225
+
1226
+ body.admin-color-blue .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #d9ab59; }
1227
+
1228
+ body.admin-color-light .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #0085ba; }
1229
+
1230
+ .components-button { display: inline-flex; text-decoration: none; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; transition: box-shadow 0.1s linear; height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; overflow: hidden; border-radius: 2px; color: #1e1e1e; /** Primary button style. */ /** Secondary and tertiary buttons. */ /** Secondary button style. */ /** Tertiary buttons. */ /** Link buttons. */ }
1231
+
1232
+ @media (prefers-reduced-motion: reduce) { .components-button { transition-duration: 0s; } }
1233
+
1234
+ .components-button[aria-expanded="true"], .components-button:hover { color: #007cba; }
1235
+
1236
+ body.admin-color-sunrise .components-button[aria-expanded="true"], body.admin-color-sunrise .components-button:hover { color: #d1864a; }
1237
+
1238
+ body.admin-color-ocean .components-button[aria-expanded="true"], body.admin-color-ocean .components-button:hover { color: #a3b9a2; }
1239
+
1240
+ body.admin-color-midnight .components-button[aria-expanded="true"], body.admin-color-midnight .components-button:hover { color: #e14d43; }
1241
+
1242
+ body.admin-color-ectoplasm .components-button[aria-expanded="true"], body.admin-color-ectoplasm .components-button:hover { color: #a7b656; }
1243
+
1244
+ body.admin-color-coffee .components-button[aria-expanded="true"], body.admin-color-coffee .components-button:hover { color: #c2a68c; }
1245
+
1246
+ body.admin-color-blue .components-button[aria-expanded="true"], body.admin-color-blue .components-button:hover { color: #d9ab59; }
1247
+
1248
+ body.admin-color-light .components-button[aria-expanded="true"], body.admin-color-light .components-button:hover { color: #0085ba; }
1249
+
1250
+ .components-button[aria-disabled="true"]:hover { color: initial; }
1251
+
1252
+ .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba; outline: 1px solid transparent; }
1253
+
1254
+ body.admin-color-sunrise .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d1864a; }
1255
+
1256
+ body.admin-color-ocean .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a3b9a2; }
1257
+
1258
+ body.admin-color-midnight .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #e14d43; }
1259
+
1260
+ body.admin-color-ectoplasm .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a7b656; }
1261
+
1262
+ body.admin-color-coffee .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #c2a68c; }
1263
+
1264
+ body.admin-color-blue .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d9ab59; }
1265
+
1266
+ body.admin-color-light .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #0085ba; }
1267
+
1268
+ .components-button.is-primary { white-space: nowrap; background: #007cba; color: #fff; text-decoration: none; text-shadow: none; }
1269
+
1270
+ body.admin-color-sunrise .components-button.is-primary { background: #d1864a; }
1271
+
1272
+ body.admin-color-ocean .components-button.is-primary { background: #a3b9a2; }
1273
+
1274
+ body.admin-color-midnight .components-button.is-primary { background: #e14d43; }
1275
+
1276
+ body.admin-color-ectoplasm .components-button.is-primary { background: #a7b656; }
1277
+
1278
+ body.admin-color-coffee .components-button.is-primary { background: #c2a68c; }
1279
+
1280
+ body.admin-color-blue .components-button.is-primary { background: #d9ab59; }
1281
+
1282
+ body.admin-color-light .components-button.is-primary { background: #0085ba; }
1283
+
1284
+ .components-button.is-primary:hover:not(:disabled) { background: #0070a7; color: #fff; }
1285
+
1286
+ body.admin-color-sunrise .components-button.is-primary:hover:not(:disabled) { background: #bc7943; }
1287
+
1288
+ body.admin-color-ocean .components-button.is-primary:hover:not(:disabled) { background: #93a792; }
1289
+
1290
+ body.admin-color-midnight .components-button.is-primary:hover:not(:disabled) { background: #cb453c; }
1291
+
1292
+ body.admin-color-ectoplasm .components-button.is-primary:hover:not(:disabled) { background: #96a44d; }
1293
+
1294
+ body.admin-color-coffee .components-button.is-primary:hover:not(:disabled) { background: #af957e; }
1295
+
1296
+ body.admin-color-blue .components-button.is-primary:hover:not(:disabled) { background: #c39a50; }
1297
+
1298
+ body.admin-color-light .components-button.is-primary:hover:not(:disabled) { background: #0078a7; }
1299
+
1300
+ .components-button.is-primary:active:not(:disabled) { background: #006395; border-color: #006395; color: #fff; }
1301
+
1302
+ body.admin-color-sunrise .components-button.is-primary:active:not(:disabled) { background: #a76b3b; border-color: #a76b3b; }
1303
+
1304
+ body.admin-color-ocean .components-button.is-primary:active:not(:disabled) { background: #829482; border-color: #829482; }
1305
+
1306
+ body.admin-color-midnight .components-button.is-primary:active:not(:disabled) { background: #b43e36; border-color: #b43e36; }
1307
+
1308
+ body.admin-color-ectoplasm .components-button.is-primary:active:not(:disabled) { background: #869245; border-color: #869245; }
1309
+
1310
+ body.admin-color-coffee .components-button.is-primary:active:not(:disabled) { background: #9b8570; border-color: #9b8570; }
1311
+
1312
+ body.admin-color-blue .components-button.is-primary:active:not(:disabled) { background: #ae8947; border-color: #ae8947; }
1313
+
1314
+ body.admin-color-light .components-button.is-primary:active:not(:disabled) { background: #006a95; border-color: #006a95; }
1315
+
1316
+ .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; outline: 1px solid transparent; }
1317
+
1318
+ body.admin-color-sunrise .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
1319
+
1320
+ body.admin-color-ocean .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
1321
+
1322
+ body.admin-color-midnight .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
1323
+
1324
+ body.admin-color-ectoplasm .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
1325
+
1326
+ body.admin-color-coffee .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
1327
+
1328
+ body.admin-color-blue .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
1329
+
1330
+ body.admin-color-light .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
1331
+
1332
+ .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"]:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #66b0d6; background: #1989c1; border-color: #1989c1; opacity: 1; }
1333
+
1334
+ body.admin-color-sunrise .components-button.is-primary:disabled, body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"], body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #e3b692; background: #d6925c; border-color: #d6925c; }
1335
+
1336
+ body.admin-color-ocean .components-button.is-primary:disabled, body.admin-color-ocean .components-button.is-primary:disabled:active:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"], body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #c8d5c7; background: #acc0ab; border-color: #acc0ab; }
1337
+
1338
+ body.admin-color-midnight .components-button.is-primary:disabled, body.admin-color-midnight .components-button.is-primary:disabled:active:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"], body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #ed948e; background: #e45f56; border-color: #e45f56; }
1339
+
1340
+ body.admin-color-ectoplasm .components-button.is-primary:disabled, body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"], body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #cad39a; background: #b0bd67; border-color: #b0bd67; }
1341
+
1342
+ body.admin-color-coffee .components-button.is-primary:disabled, body.admin-color-coffee .components-button.is-primary:disabled:active:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"], body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #dacaba; background: #c8af98; border-color: #c8af98; }
1343
+
1344
+ body.admin-color-blue .components-button.is-primary:disabled, body.admin-color-blue .components-button.is-primary:disabled:active:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"], body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #e8cd9b; background: #ddb36a; border-color: #ddb36a; }
1345
+
1346
+ body.admin-color-light .components-button.is-primary:disabled, body.admin-color-light .components-button.is-primary:disabled:active:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"], body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #66b6d6; background: #1991c1; border-color: #1991c1; }
1347
+
1348
+ .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:focus:enabled, .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
1349
+
1350
+ body.admin-color-sunrise .components-button.is-primary:disabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
1351
+
1352
+ body.admin-color-ocean .components-button.is-primary:disabled:focus:enabled, body.admin-color-ocean .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
1353
+
1354
+ body.admin-color-midnight .components-button.is-primary:disabled:focus:enabled, body.admin-color-midnight .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
1355
+
1356
+ body.admin-color-ectoplasm .components-button.is-primary:disabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
1357
+
1358
+ body.admin-color-coffee .components-button.is-primary:disabled:focus:enabled, body.admin-color-coffee .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
1359
+
1360
+ body.admin-color-blue .components-button.is-primary:disabled:focus:enabled, body.admin-color-blue .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
1361
+
1362
+ body.admin-color-light .components-button.is-primary:disabled:focus:enabled, body.admin-color-light .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
1363
+
1364
+ .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled="true"] { color: #fff; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #007cba 28%, #006395 28%, #006395 72%, #007cba 72%); /* stylelint-enable */ border-color: #007cba; }
1365
+
1366
+ body.admin-color-sunrise .components-button.is-primary.is-busy, body.admin-color-sunrise .components-button.is-primary.is-busy:disabled, body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #d1864a 28%, #a76b3b 28%, #a76b3b 72%, #d1864a 72%); border-color: #d1864a; }
1367
+
1368
+ body.admin-color-ocean .components-button.is-primary.is-busy, body.admin-color-ocean .components-button.is-primary.is-busy:disabled, body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #a3b9a2 28%, #829482 28%, #829482 72%, #a3b9a2 72%); border-color: #a3b9a2; }
1369
+
1370
+ body.admin-color-midnight .components-button.is-primary.is-busy, body.admin-color-midnight .components-button.is-primary.is-busy:disabled, body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #e14d43 28%, #b43e36 28%, #b43e36 72%, #e14d43 72%); border-color: #e14d43; }
1371
+
1372
+ body.admin-color-ectoplasm .components-button.is-primary.is-busy, body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled, body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #a7b656 28%, #869245 28%, #869245 72%, #a7b656 72%); border-color: #a7b656; }
1373
+
1374
+ body.admin-color-coffee .components-button.is-primary.is-busy, body.admin-color-coffee .components-button.is-primary.is-busy:disabled, body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #c2a68c 28%, #9b8570 28%, #9b8570 72%, #c2a68c 72%); border-color: #c2a68c; }
1375
+
1376
+ body.admin-color-blue .components-button.is-primary.is-busy, body.admin-color-blue .components-button.is-primary.is-busy:disabled, body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #d9ab59 28%, #ae8947 28%, #ae8947 72%, #d9ab59 72%); border-color: #d9ab59; }
1377
+
1378
+ body.admin-color-light .components-button.is-primary.is-busy, body.admin-color-light .components-button.is-primary.is-busy:disabled, body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #0085ba 28%, #006a95 28%, #006a95 72%, #0085ba 72%); border-color: #0085ba; }
1379
+
1380
+ .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { background: #e7e8e9; color: #0070a7; box-shadow: none; }
1381
+
1382
+ body.admin-color-sunrise .components-button.is-secondary:active:not(:disabled), body.admin-color-sunrise .components-button.is-tertiary:active:not(:disabled) { color: #bc7943; }
1383
+
1384
+ body.admin-color-ocean .components-button.is-secondary:active:not(:disabled), body.admin-color-ocean .components-button.is-tertiary:active:not(:disabled) { color: #93a792; }
1385
+
1386
+ body.admin-color-midnight .components-button.is-secondary:active:not(:disabled), body.admin-color-midnight .components-button.is-tertiary:active:not(:disabled) { color: #cb453c; }
1387
+
1388
+ body.admin-color-ectoplasm .components-button.is-secondary:active:not(:disabled), body.admin-color-ectoplasm .components-button.is-tertiary:active:not(:disabled) { color: #96a44d; }
1389
+
1390
+ body.admin-color-coffee .components-button.is-secondary:active:not(:disabled), body.admin-color-coffee .components-button.is-tertiary:active:not(:disabled) { color: #af957e; }
1391
+
1392
+ body.admin-color-blue .components-button.is-secondary:active:not(:disabled), body.admin-color-blue .components-button.is-tertiary:active:not(:disabled) { color: #c39a50; }
1393
+
1394
+ body.admin-color-light .components-button.is-secondary:active:not(:disabled), body.admin-color-light .components-button.is-tertiary:active:not(:disabled) { color: #0078a7; }
1395
+
1396
+ .components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { color: #0070a7; box-shadow: inset 0 0 0 1px #0070a7; }
1397
+
1398
+ body.admin-color-sunrise .components-button.is-secondary:hover:not(:disabled), body.admin-color-sunrise .components-button.is-tertiary:hover:not(:disabled) { color: #bc7943; box-shadow: inset 0 0 0 1px #bc7943; }
1399
+
1400
+ body.admin-color-ocean .components-button.is-secondary:hover:not(:disabled), body.admin-color-ocean .components-button.is-tertiary:hover:not(:disabled) { color: #93a792; box-shadow: inset 0 0 0 1px #93a792; }
1401
+
1402
+ body.admin-color-midnight .components-button.is-secondary:hover:not(:disabled), body.admin-color-midnight .components-button.is-tertiary:hover:not(:disabled) { color: #cb453c; box-shadow: inset 0 0 0 1px #cb453c; }
1403
+
1404
+ body.admin-color-ectoplasm .components-button.is-secondary:hover:not(:disabled), body.admin-color-ectoplasm .components-button.is-tertiary:hover:not(:disabled) { color: #96a44d; box-shadow: inset 0 0 0 1px #96a44d; }
1405
+
1406
+ body.admin-color-coffee .components-button.is-secondary:hover:not(:disabled), body.admin-color-coffee .components-button.is-tertiary:hover:not(:disabled) { color: #af957e; box-shadow: inset 0 0 0 1px #af957e; }
1407
+
1408
+ body.admin-color-blue .components-button.is-secondary:hover:not(:disabled), body.admin-color-blue .components-button.is-tertiary:hover:not(:disabled) { color: #c39a50; box-shadow: inset 0 0 0 1px #c39a50; }
1409
+
1410
+ body.admin-color-light .components-button.is-secondary:hover:not(:disabled), body.admin-color-light .components-button.is-tertiary:hover:not(:disabled) { color: #0078a7; box-shadow: inset 0 0 0 1px #0078a7; }
1411
+
1412
+ .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 { color: #828282; background: #f4f5f5; transform: none; opacity: 1; box-shadow: none; }
1413
+
1414
+ .components-button.is-secondary { box-shadow: inset 0 0 0 1px #007cba; outline: 1px solid transparent; white-space: nowrap; color: #007cba; background: transparent; }
1415
+
1416
+ body.admin-color-sunrise .components-button.is-secondary { box-shadow: inset 0 0 0 1px #d1864a; color: #d1864a; }
1417
+
1418
+ body.admin-color-ocean .components-button.is-secondary { box-shadow: inset 0 0 0 1px #a3b9a2; color: #a3b9a2; }
1419
+
1420
+ body.admin-color-midnight .components-button.is-secondary { box-shadow: inset 0 0 0 1px #e14d43; color: #e14d43; }
1421
+
1422
+ body.admin-color-ectoplasm .components-button.is-secondary { box-shadow: inset 0 0 0 1px #a7b656; color: #a7b656; }
1423
+
1424
+ body.admin-color-coffee .components-button.is-secondary { box-shadow: inset 0 0 0 1px #c2a68c; color: #c2a68c; }
1425
+
1426
+ body.admin-color-blue .components-button.is-secondary { box-shadow: inset 0 0 0 1px #d9ab59; color: #d9ab59; }
1427
+
1428
+ body.admin-color-light .components-button.is-secondary { box-shadow: inset 0 0 0 1px #0085ba; color: #0085ba; }
1429
+
1430
+ .components-button.is-tertiary { white-space: nowrap; color: #007cba; background: transparent; padding: 6px; }
1431
+
1432
+ body.admin-color-sunrise .components-button.is-tertiary { color: #d1864a; }
1433
+
1434
+ body.admin-color-ocean .components-button.is-tertiary { color: #a3b9a2; }
1435
+
1436
+ body.admin-color-midnight .components-button.is-tertiary { color: #e14d43; }
1437
+
1438
+ body.admin-color-ectoplasm .components-button.is-tertiary { color: #a7b656; }
1439
+
1440
+ body.admin-color-coffee .components-button.is-tertiary { color: #c2a68c; }
1441
+
1442
+ body.admin-color-blue .components-button.is-tertiary { color: #d9ab59; }
1443
+
1444
+ body.admin-color-light .components-button.is-tertiary { color: #0085ba; }
1445
+
1446
+ .components-button.is-tertiary .dashicon { display: inline-block; flex: 0 0 auto; }
1447
+
1448
+ .components-button.is-link { margin: 0; padding: 0; box-shadow: none; border: 0; border-radius: 0; background: none; outline: none; text-align: left; /* Mimics the default link style in common.css */ color: #0073aa; text-decoration: underline; transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; height: auto; }
1449
+
1450
+ @media (prefers-reduced-motion: reduce) { .components-button.is-link { transition-duration: 0s; } }
1451
+
1452
+ .components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) { color: #00a0d2; }
1453
+
1454
+ .components-button.is-link:focus { color: #124964; box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); }
1455
+
1456
+ .components-button.is-link.is-destructive { color: #d94f4f; }
1457
+
1458
+ .components-button:not([aria-disabled="true"]):active { color: inherit; }
1459
+
1460
+ .components-button:disabled, .components-button[aria-disabled="true"] { cursor: default; opacity: 0.3; }
1461
+
1462
+ .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"] { -webkit-animation: components-button__busy-animation 2500ms infinite linear; animation: components-button__busy-animation 2500ms infinite linear; opacity: 1; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #fafafa 28%, #e0e0e0 28%, #e0e0e0 72%, #fafafa 72%); /* stylelint-enable */ }
1463
+
1464
+ .components-button.is-small { height: 24px; line-height: 22px; padding: 0 8px; font-size: 11px; }
1465
+
1466
+ .components-button.is-small.has-icon:not(.has-text) { padding: 0 8px; width: 24px; }
1467
+
1468
+ .components-button.has-icon { padding: 6px; min-width: 36px; justify-content: center; }
1469
+
1470
+ .components-button.has-icon .dashicon { display: inline-block; flex: 0 0 auto; }
1471
+
1472
+ .components-button.has-icon.has-text { justify-content: left; }
1473
+
1474
+ .components-button.has-icon.has-text svg { margin-right: 8px; }
1475
+
1476
+ .components-button.is-pressed { color: #fff; background: #1e1e1e; }
1477
+
1478
+ .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
1479
+
1480
+ body.admin-color-sunrise .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
1481
+
1482
+ body.admin-color-ocean .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
1483
+
1484
+ body.admin-color-midnight .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
1485
+
1486
+ body.admin-color-ectoplasm .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
1487
+
1488
+ body.admin-color-coffee .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
1489
+
1490
+ body.admin-color-blue .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
1491
+
1492
+ body.admin-color-light .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
1493
+
1494
+ .components-button.is-pressed:hover:not(:disabled) { background: #1e1e1e; }
1495
+
1496
+ .components-button svg { fill: currentColor; outline: none; }
1497
+
1498
+ .components-button .components-visually-hidden { height: auto; }
1499
+
1500
+ @-webkit-keyframes components-button__busy-animation { 0% { background-position: 200px 0; } }
1501
+
1502
+ @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } }
1503
+
1504
+ .components-checkbox-control__input[type="checkbox"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 2px solid #757575; margin-right: 12px; transition: none; border-radius: 2px; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: 24px; height: 24px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: 0.05s border-color ease-in-out; }
1505
+
1506
+ @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type="checkbox"] { transition-duration: 0s; } }
1507
+
1508
+ @media (min-width: 600px) { .components-checkbox-control__input[type="checkbox"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
1509
+
1510
+ .components-checkbox-control__input[type="checkbox"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
1511
+
1512
+ body.admin-color-sunrise .components-checkbox-control__input[type="checkbox"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
1513
+
1514
+ body.admin-color-ocean .components-checkbox-control__input[type="checkbox"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
1515
+
1516
+ body.admin-color-midnight .components-checkbox-control__input[type="checkbox"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
1517
+
1518
+ body.admin-color-ectoplasm .components-checkbox-control__input[type="checkbox"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
1519
+
1520
+ body.admin-color-coffee .components-checkbox-control__input[type="checkbox"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
1521
+
1522
+ body.admin-color-blue .components-checkbox-control__input[type="checkbox"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
1523
+
1524
+ body.admin-color-light .components-checkbox-control__input[type="checkbox"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
1525
+
1526
+ .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1527
+
1528
+ .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
1529
+
1530
+ .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1531
+
1532
+ .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1533
+
1534
+ .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
1535
+
1536
+ .is-dark-theme .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1537
+
1538
+ .components-checkbox-control__input[type="checkbox"]:focus { border-color: #757575; box-shadow: 0 0 0 1px #757575; }
1539
+
1540
+ .components-checkbox-control__input[type="checkbox"]:checked { background: #11a0d2; border-color: #11a0d2; }
1541
+
1542
+ body.admin-color-sunrise .components-checkbox-control__input[type="checkbox"]:checked { background: #c8b03c; border-color: #c8b03c; }
1543
+
1544
+ body.admin-color-ocean .components-checkbox-control__input[type="checkbox"]:checked { background: #a3b9a2; border-color: #a3b9a2; }
1545
+
1546
+ body.admin-color-midnight .components-checkbox-control__input[type="checkbox"]:checked { background: #77a6b9; border-color: #77a6b9; }
1547
+
1548
+ body.admin-color-ectoplasm .components-checkbox-control__input[type="checkbox"]:checked { background: #a7b656; border-color: #a7b656; }
1549
+
1550
+ body.admin-color-coffee .components-checkbox-control__input[type="checkbox"]:checked { background: #c2a68c; border-color: #c2a68c; }
1551
+
1552
+ body.admin-color-blue .components-checkbox-control__input[type="checkbox"]:checked { background: #82b4cb; border-color: #82b4cb; }
1553
+
1554
+ body.admin-color-light .components-checkbox-control__input[type="checkbox"]:checked { background: #11a0d2; border-color: #11a0d2; }
1555
+
1556
+ .components-checkbox-control__input[type="checkbox"]:checked:focus { box-shadow: 0 0 0 1.5px #757575; }
1557
+
1558
+ .components-checkbox-control__input[type="checkbox"]:checked::before, .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { margin: -3px -5px; color: #fff; }
1559
+
1560
+ @media (min-width: 782px) { .components-checkbox-control__input[type="checkbox"]:checked::before, .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { margin: -4px 0 0 -5px; } }
1561
+
1562
+ .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #11a0d2; border-color: #11a0d2; }
1563
+
1564
+ body.admin-color-sunrise .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #c8b03c; border-color: #c8b03c; }
1565
+
1566
+ body.admin-color-ocean .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #a3b9a2; border-color: #a3b9a2; }
1567
+
1568
+ body.admin-color-midnight .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #77a6b9; border-color: #77a6b9; }
1569
+
1570
+ body.admin-color-ectoplasm .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #a7b656; border-color: #a7b656; }
1571
+
1572
+ body.admin-color-coffee .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #c2a68c; border-color: #c2a68c; }
1573
+
1574
+ body.admin-color-blue .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #82b4cb; border-color: #82b4cb; }
1575
+
1576
+ body.admin-color-light .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #11a0d2; border-color: #11a0d2; }
1577
+
1578
+ .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { content: "\f460"; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable */ font: normal 30px/1 dashicons; /* stylelint-enable */ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
1579
+
1580
+ @media (min-width: 782px) { .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { float: none; font-size: 21px; } }
1581
+
1582
+ .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]:focus { box-shadow: 0 0 0 1.5px #555d66; }
1583
+
1584
+ @media (min-width: 600px) { .components-checkbox-control__input[type="checkbox"] { height: 20px; width: 20px; } }
1585
+
1586
+ .components-checkbox-control__input[type="checkbox"]:focus { border-color: #5b9dd9; box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); outline: 2px solid transparent; }
1587
+
1588
+ .components-checkbox-control__input[type="checkbox"]:checked { background: #11a0d2; border-color: #11a0d2; }
1589
+
1590
+ .components-checkbox-control__input[type="checkbox"]:checked::-ms-check { opacity: 0; }
1591
+
1592
+ .components-checkbox-control__input[type="checkbox"]:focus:checked { border: none; }
1593
+
1594
+ .components-checkbox-control__input[type="checkbox"]:checked::before { content: none; }
1595
+
1596
+ .components-checkbox-control__input-container { position: relative; display: inline-block; margin-right: 12px; vertical-align: middle; width: 24px; height: 24px; }
1597
+
1598
+ @media (min-width: 600px) { .components-checkbox-control__input-container { width: 20px; height: 20px; } }
1599
+
1600
+ svg.components-checkbox-control__checked { fill: #fff; cursor: pointer; position: absolute; left: 0; top: 0; width: 24px; height: 24px; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; }
1601
+
1602
+ @media (min-width: 600px) { svg.components-checkbox-control__checked { left: -2px; top: -2px; } }
1603
+
1604
+ .components-circular-option-picker { display: inline-block; margin-top: 0.6rem; width: 100%; }
1605
+
1606
+ .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; }
1607
+
1608
+ .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; margin-right: 12px; margin-bottom: 12px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; }
1609
+
1610
+ @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option-wrapper { transition-duration: 0s; } }
1611
+
1612
+ .components-circular-option-picker__option-wrapper:hover { transform: scale(1.2); }
1613
+
1614
+ .components-circular-option-picker__option-wrapper > div { height: 100%; width: 100%; }
1615
+
1616
+ .components-circular-option-picker__option-wrapper::before { content: ""; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border-radius: 50%; z-index: -1; /* stylelint-disable-next-line function-url-quotes */ background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-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-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-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-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 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-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); }
1617
+
1618
+ .components-circular-option-picker__option { display: inline-block; vertical-align: top; height: 100%; width: 100%; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; transition: 100ms box-shadow ease; cursor: pointer; }
1619
+
1620
+ @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option { transition-duration: 0s; } }
1621
+
1622
+ .components-circular-option-picker__option:hover { box-shadow: inset 0 0 0 14px !important; }
1623
+
1624
+ .components-circular-option-picker__option.is-pressed { box-shadow: inset 0 0 0 4px; position: relative; z-index: 1; overflow: visible; }
1625
+
1626
+ .components-circular-option-picker__option.is-pressed + svg { position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 2; pointer-events: none; }
1627
+
1628
+ .components-circular-option-picker__option::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; }
1629
+
1630
+ .components-circular-option-picker__option:focus::after { content: ""; border: 2px solid #606a73; width: 32px; height: 32px; position: absolute; top: -2px; left: -2px; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; }
1631
+
1632
+ .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none; }
1633
+
1634
+ .components-circular-option-picker__button-action .components-circular-option-picker__option { color: #fff; background: #fff; }
1635
+
1636
+ .components-circular-option-picker__dropdown-link-action { margin-right: 16px; }
1637
+
1638
+ .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; }
1639
+
1640
+ .component-color-indicator { width: 25px; height: 16px; margin-left: 0.8rem; border: 1px solid #dadada; display: inline-block; }
1641
+
1642
+ .component-color-indicator + .component-color-indicator { margin-left: 0.5rem; }
1643
+
1644
+ /** Parts of this source were derived and modified from react-color, released under the MIT license. https://github.com/casesandberg/react-color/ Copyright (c) 2015 Case Sandberg Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
1645
+ .components-color-picker { width: 100%; overflow: hidden; }
1646
+
1647
+ .components-color-picker * { box-sizing: border-box; }
1648
+
1649
+ .components-color-picker__saturation { width: 100%; padding-bottom: 55%; position: relative; }
1650
+
1651
+ .components-color-picker__body { padding: 16px 16px 12px; }
1652
+
1653
+ .components-color-picker__controls { display: flex; }
1654
+
1655
+ .components-color-picker__saturation-pointer, .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { padding: 0; position: absolute; cursor: pointer; box-shadow: none; border: none; }
1656
+
1657
+ /* CURRENT COLOR COMPONENT */
1658
+ .components-color-picker__swatch { margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; position: relative; overflow: hidden; background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0; }
1659
+
1660
+ .is-alpha-disabled .components-color-picker__swatch { width: 12px; height: 12px; margin-top: 0; }
1661
+
1662
+ .components-color-picker__active { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); z-index: 2; }
1663
+
1664
+ /* SATURATION COMPONENT */
1665
+ .components-color-picker__saturation-color, .components-color-picker__saturation-white, .components-color-picker__saturation-black { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
1666
+
1667
+ .components-color-picker__saturation-color { overflow: hidden; }
1668
+
1669
+ .components-color-picker__saturation-white { /*rtl:ignore*/ background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
1670
+
1671
+ .components-color-picker__saturation-black { background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }
1672
+
1673
+ .components-color-picker__saturation-pointer { width: 14px; height: 14px; padding: 0; box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; background-color: transparent; transform: translate(-4px, -4px); }
1674
+
1675
+ /* HUE & ALPHA BARS */
1676
+ .components-color-picker__toggles { flex: 1; }
1677
+
1678
+ .components-color-picker__alpha { background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0; }
1679
+
1680
+ .components-color-picker__hue-gradient, .components-color-picker__alpha-gradient { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
1681
+
1682
+ .components-color-picker__hue, .components-color-picker__alpha { height: 12px; position: relative; }
1683
+
1684
+ .is-alpha-enabled .components-color-picker__hue { margin-bottom: 8px; }
1685
+
1686
+ .components-color-picker__hue-bar, .components-color-picker__alpha-bar { position: relative; margin: 0 3px; height: 100%; padding: 0 2px; }
1687
+
1688
+ .components-color-picker__hue-gradient { /*rtl:ignore*/ background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }
1689
+
1690
+ .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { /*rtl:ignore*/ left: 0; width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); background: #fff; transform: translate(-7px, -1px); }
1691
+
1692
+ .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition: box-shadow 0.1s linear; }
1693
+
1694
+ @media (prefers-reduced-motion: reduce) { .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition-duration: 0s; } }
1695
+
1696
+ .components-color-picker__saturation-pointer:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); }
1697
+
1698
+ .components-color-picker__hue-pointer:focus, .components-color-picker__alpha-pointer:focus { border-color: #00a0d2; box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2; outline: 2px solid transparent; outline-offset: -2px; }
1699
+
1700
+ /* INPUTS COMPONENT */
1701
+ .components-color-picker__inputs-wrapper { margin: 0 -4px; padding-top: 16px; display: flex; align-items: flex-end; }
1702
+
1703
+ .components-color-picker__inputs-wrapper fieldset { flex: 1; border: none; margin: 0; padding: 0; }
1704
+
1705
+ .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] { padding: 6px 8px; }
1706
+
1707
+ .components-color-picker__inputs-field { width: 100%; }
1708
+
1709
+ .components-color-picker__inputs-fields { display: flex; /*rtl:ignore*/ direction: ltr; flex-grow: 1; margin-right: 4px; }
1710
+
1711
+ .components-color-picker__inputs-fields .components-base-control + .components-base-control { margin-top: 0; }
1712
+
1713
+ .components-color-picker__inputs-fields .components-base-control__field { margin: 0 4px; }
1714
+
1715
+ .components-color-picker__inputs-toggle { height: 30px; padding: 0 5px; }
1716
+
1717
+ .components-custom-gradient-picker { margin-top: 8px; }
1718
+
1719
+ .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { opacity: 0.4; }
1720
+
1721
+ .components-custom-gradient-picker__gradient-bar { width: 100%; height: 24px; border-radius: 24px; margin-bottom: 8px; padding-left: 3px; padding-right: 21px; }
1722
+
1723
+ .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { position: relative; }
1724
+
1725
+ .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { border-radius: 50%; background: #fff; padding: 2px; min-width: 24px; width: 24px; height: 24px; position: relative; }
1726
+
1727
+ .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { height: 100%; width: 100%; }
1728
+
1729
+ .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { border: 2px solid #fff; border-radius: 50%; height: 18px; padding: 0; position: absolute; width: 18px; top: 3px; }
1730
+
1731
+ .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { background: #fafafa; color: #23282d; border-color: #999; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
1732
+
1733
+ body.admin-color-sunrise .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
1734
+
1735
+ body.admin-color-ocean .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
1736
+
1737
+ body.admin-color-midnight .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
1738
+
1739
+ body.admin-color-ectoplasm .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
1740
+
1741
+ body.admin-color-coffee .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
1742
+
1743
+ body.admin-color-blue .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
1744
+
1745
+ body.admin-color-light .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
1746
+
1747
+ .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { margin-left: auto; margin-right: auto; display: block; margin-bottom: 8px; }
1748
+
1749
+ .components-custom-gradient-picker__inserter { width: 100%; }
1750
+
1751
+ .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; width: 20px; height: 20px; }
1752
+
1753
+ .components-custom-gradient-picker__ui-line { display: flex; justify-content: space-between; }
1754
+
1755
+ .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker { margin-bottom: 0; }
1756
+
1757
+ .components-custom-gradient-picker .components-custom-gradient-picker__toolbar { border: none; }
1758
+
1759
+ .components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { margin-left: 1px; }
1760
+
1761
+ .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { background: #fff; border: 1px solid #7e8993; border-radius: 2px; }
1762
+
1763
+ .components-custom-select-control { position: relative; }
1764
+
1765
+ .components-custom-select-control__label { display: block; margin-bottom: 5px; }
1766
+
1767
+ .components-custom-select-control__button { border: 1px solid #757575; border-radius: 2px; display: inline; min-height: 30px; min-width: 130px; position: relative; text-align: left; }
1768
+
1769
+ .components-custom-select-control__button.components-custom-select-control__button { padding-right: 24px; }
1770
+
1771
+ .components-custom-select-control__button:focus:not(:disabled) { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; }
1772
+
1773
+ body.admin-color-sunrise .components-custom-select-control__button:focus:not(:disabled) { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
1774
+
1775
+ body.admin-color-ocean .components-custom-select-control__button:focus:not(:disabled) { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
1776
+
1777
+ body.admin-color-midnight .components-custom-select-control__button:focus:not(:disabled) { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
1778
+
1779
+ body.admin-color-ectoplasm .components-custom-select-control__button:focus:not(:disabled) { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
1780
+
1781
+ body.admin-color-coffee .components-custom-select-control__button:focus:not(:disabled) { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
1782
+
1783
+ body.admin-color-blue .components-custom-select-control__button:focus:not(:disabled) { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
1784
+
1785
+ body.admin-color-light .components-custom-select-control__button:focus:not(:disabled) { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
1786
+
1787
+ .components-custom-select-control__button-icon { height: 100%; padding: 0 4px; position: absolute; right: 0; top: 0; }
1788
+
1789
+ .components-custom-select-control__menu { background-color: #fff; max-height: 400px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 1000000; }
1790
+
1791
+ .components-custom-select-control__menu:focus { border: 1px solid #1e1e1e; border-radius: 2px; outline: none; transition: none; }
1792
+
1793
+ .components-custom-select-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 5px 10px 25px; cursor: default; }
1794
+
1795
+ .components-custom-select-control__item.is-highlighted { background: #e2e4e7; }
1796
+
1797
+ .components-custom-select-control__item-icon { margin-left: -20px; margin-right: 0; }
1798
+
1799
+ svg.dashicon { fill: currentColor; outline: none; }
1800
+
1801
+ /*rtl:begin:ignore*/
1802
+ .PresetDateRangePicker_panel { padding: 0 22px 11px; }
1803
+
1804
+ .PresetDateRangePicker_button { position: relative; height: 100%; text-align: center; background: 0 0; border: 2px solid #00a699; color: #00a699; padding: 4px 12px; margin-right: 8px; font: inherit; font-weight: 700; line-height: normal; overflow: visible; box-sizing: border-box; cursor: pointer; }
1805
+
1806
+ .PresetDateRangePicker_button:active { outline: 0; }
1807
+
1808
+ .PresetDateRangePicker_button__selected { color: #fff; background: #00a699; }
1809
+
1810
+ .SingleDatePickerInput { display: inline-block; background-color: #fff; }
1811
+
1812
+ .SingleDatePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; }
1813
+
1814
+ .SingleDatePickerInput__rtl { direction: rtl; }
1815
+
1816
+ .SingleDatePickerInput__disabled { background-color: #f2f2f2; }
1817
+
1818
+ .SingleDatePickerInput__block { display: block; }
1819
+
1820
+ .SingleDatePickerInput__showClearDate { padding-right: 30px; }
1821
+
1822
+ .SingleDatePickerInput_clearDate { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
1823
+
1824
+ .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover { background: #dbdbdb; border-radius: 50%; }
1825
+
1826
+ .SingleDatePickerInput_clearDate__small { padding: 6px; }
1827
+
1828
+ .SingleDatePickerInput_clearDate__hide { visibility: hidden; }
1829
+
1830
+ .SingleDatePickerInput_clearDate_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; }
1831
+
1832
+ .SingleDatePickerInput_clearDate_svg__small { height: 9px; }
1833
+
1834
+ .SingleDatePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; }
1835
+
1836
+ .SingleDatePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; }
1837
+
1838
+ .SingleDatePicker { position: relative; display: inline-block; }
1839
+
1840
+ .SingleDatePicker__block { display: block; }
1841
+
1842
+ .SingleDatePicker_picker { z-index: 1; background-color: #fff; position: absolute; }
1843
+
1844
+ .SingleDatePicker_picker__rtl { direction: rtl; }
1845
+
1846
+ .SingleDatePicker_picker__directionLeft { left: 0; }
1847
+
1848
+ .SingleDatePicker_picker__directionRight { right: 0; }
1849
+
1850
+ .SingleDatePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
1851
+
1852
+ .SingleDatePicker_picker__fullScreenPortal { background-color: #fff; }
1853
+
1854
+ .SingleDatePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; }
1855
+
1856
+ .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; }
1857
+
1858
+ .SingleDatePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; }
1859
+
1860
+ .DayPickerKeyboardShortcuts_buttonReset { background: 0 0; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; cursor: pointer; font-size: 14px; }
1861
+
1862
+ .DayPickerKeyboardShortcuts_buttonReset:active { outline: 0; }
1863
+
1864
+ .DayPickerKeyboardShortcuts_show { width: 22px; position: absolute; z-index: 2; }
1865
+
1866
+ .DayPickerKeyboardShortcuts_show__bottomRight { border-top: 26px solid transparent; border-right: 33px solid #00a699; bottom: 0; right: 0; }
1867
+
1868
+ .DayPickerKeyboardShortcuts_show__bottomRight:hover { border-right: 33px solid #008489; }
1869
+
1870
+ .DayPickerKeyboardShortcuts_show__topRight { border-bottom: 26px solid transparent; border-right: 33px solid #00a699; top: 0; right: 0; }
1871
+
1872
+ .DayPickerKeyboardShortcuts_show__topRight:hover { border-right: 33px solid #008489; }
1873
+
1874
+ .DayPickerKeyboardShortcuts_show__topLeft { border-bottom: 26px solid transparent; border-left: 33px solid #00a699; top: 0; left: 0; }
1875
+
1876
+ .DayPickerKeyboardShortcuts_show__topLeft:hover { border-left: 33px solid #008489; }
1877
+
1878
+ .DayPickerKeyboardShortcuts_showSpan { color: #fff; position: absolute; }
1879
+
1880
+ .DayPickerKeyboardShortcuts_showSpan__bottomRight { bottom: 0; right: -28px; }
1881
+
1882
+ .DayPickerKeyboardShortcuts_showSpan__topRight { top: 1px; right: -28px; }
1883
+
1884
+ .DayPickerKeyboardShortcuts_showSpan__topLeft { top: 1px; left: -28px; }
1885
+
1886
+ .DayPickerKeyboardShortcuts_panel { overflow: auto; background: #fff; border: 1px solid #dbdbdb; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; padding: 22px; margin: 33px; }
1887
+
1888
+ .DayPickerKeyboardShortcuts_title { font-size: 16px; font-weight: 700; margin: 0; }
1889
+
1890
+ .DayPickerKeyboardShortcuts_list { list-style: none; padding: 0; font-size: 14px; }
1891
+
1892
+ .DayPickerKeyboardShortcuts_close { position: absolute; right: 22px; top: 22px; z-index: 2; }
1893
+
1894
+ .DayPickerKeyboardShortcuts_close:active { outline: 0; }
1895
+
1896
+ .DayPickerKeyboardShortcuts_closeSvg { height: 15px; width: 15px; fill: #cacccd; }
1897
+
1898
+ .DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover { fill: #82888a; }
1899
+
1900
+ .CalendarDay { box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: center; }
1901
+
1902
+ .CalendarDay:active { outline: 0; }
1903
+
1904
+ .CalendarDay__defaultCursor { cursor: default; }
1905
+
1906
+ .CalendarDay__default { border: 1px solid #e4e7e7; color: #484848; background: #fff; }
1907
+
1908
+ .CalendarDay__default:hover { background: #e4e7e7; border: 1px double #e4e7e7; color: inherit; }
1909
+
1910
+ .CalendarDay__hovered_offset { background: #f4f5f5; border: 1px double #e4e7e7; color: inherit; }
1911
+
1912
+ .CalendarDay__outside { border: 0; background: #fff; color: #484848; }
1913
+
1914
+ .CalendarDay__outside:hover { border: 0; }
1915
+
1916
+ .CalendarDay__blocked_minimum_nights { background: #fff; border: 1px solid #eceeee; color: #cacccd; }
1917
+
1918
+ .CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover { background: #fff; color: #cacccd; }
1919
+
1920
+ .CalendarDay__highlighted_calendar { background: #ffe8bc; color: #484848; }
1921
+
1922
+ .CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover { background: #ffce71; color: #484848; }
1923
+
1924
+ .CalendarDay__selected_span { background: #66e2da; border: 1px solid #33dacd; color: #fff; }
1925
+
1926
+ .CalendarDay__selected_span:active, .CalendarDay__selected_span:hover { background: #33dacd; border: 1px solid #33dacd; color: #fff; }
1927
+
1928
+ .CalendarDay__last_in_range { border-right: #00a699; }
1929
+
1930
+ .CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover { background: #00a699; border: 1px solid #00a699; color: #fff; }
1931
+
1932
+ .CalendarDay__hovered_span, .CalendarDay__hovered_span:hover { background: #b2f1ec; border: 1px solid #80e8e0; color: #007a87; }
1933
+
1934
+ .CalendarDay__hovered_span:active { background: #80e8e0; border: 1px solid #80e8e0; color: #007a87; }
1935
+
1936
+ .CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover { background: #cacccd; border: 1px solid #cacccd; color: #82888a; }
1937
+
1938
+ .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover { background: #fff; border: 1px solid #e4e7e7; color: #cacccd; }
1939
+
1940
+ .CalendarMonth { background: #fff; text-align: center; vertical-align: top; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
1941
+
1942
+ .CalendarMonth_table { border-collapse: collapse; border-spacing: 0; }
1943
+
1944
+ .CalendarMonth_verticalSpacing { border-collapse: separate; }
1945
+
1946
+ .CalendarMonth_caption { color: #484848; font-size: 18px; text-align: center; padding-top: 22px; padding-bottom: 37px; caption-side: initial; }
1947
+
1948
+ .CalendarMonth_caption__verticalScrollable { padding-top: 12px; padding-bottom: 7px; }
1949
+
1950
+ .CalendarMonthGrid { background: #fff; text-align: left; z-index: 0; }
1951
+
1952
+ .CalendarMonthGrid__animating { z-index: 1; }
1953
+
1954
+ .CalendarMonthGrid__horizontal { position: absolute; left: 9px; }
1955
+
1956
+ .CalendarMonthGrid__vertical { margin: 0 auto; }
1957
+
1958
+ .CalendarMonthGrid__vertical_scrollable { margin: 0 auto; overflow-y: scroll; }
1959
+
1960
+ .CalendarMonthGrid_month__horizontal { display: inline-block; vertical-align: top; min-height: 100%; }
1961
+
1962
+ .CalendarMonthGrid_month__hideForAnimation { position: absolute; z-index: -1; opacity: 0; pointer-events: none; }
1963
+
1964
+ .CalendarMonthGrid_month__hidden { visibility: hidden; }
1965
+
1966
+ .DayPickerNavigation { position: relative; z-index: 2; }
1967
+
1968
+ .DayPickerNavigation__horizontal { height: 0; }
1969
+
1970
+ .DayPickerNavigation__verticalDefault { position: absolute; width: 100%; height: 52px; bottom: 0; left: 0; }
1971
+
1972
+ .DayPickerNavigation__verticalScrollableDefault { position: relative; }
1973
+
1974
+ .DayPickerNavigation_button { cursor: pointer; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; border: 0; padding: 0; margin: 0; }
1975
+
1976
+ .DayPickerNavigation_button__default { border: 1px solid #e4e7e7; background-color: #fff; color: #757575; }
1977
+
1978
+ .DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover { border: 1px solid #c4c4c4; }
1979
+
1980
+ .DayPickerNavigation_button__default:active { background: #f2f2f2; }
1981
+
1982
+ .DayPickerNavigation_button__horizontalDefault { position: absolute; top: 18px; line-height: .78; border-radius: 3px; padding: 6px 9px; }
1983
+
1984
+ .DayPickerNavigation_leftButton__horizontalDefault { left: 22px; }
1985
+
1986
+ .DayPickerNavigation_rightButton__horizontalDefault { right: 22px; }
1987
+
1988
+ .DayPickerNavigation_button__verticalDefault { padding: 5px; background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); position: relative; display: inline-block; height: 100%; width: 50%; }
1989
+
1990
+ .DayPickerNavigation_nextButton__verticalDefault { border-left: 0; }
1991
+
1992
+ .DayPickerNavigation_nextButton__verticalScrollableDefault { width: 100%; }
1993
+
1994
+ .DayPickerNavigation_svg__horizontal { height: 19px; width: 19px; fill: #82888a; display: block; }
1995
+
1996
+ .DayPickerNavigation_svg__vertical { height: 42px; width: 42px; fill: #484848; display: block; }
1997
+
1998
+ .DayPicker { background: #fff; position: relative; text-align: left; }
1999
+
2000
+ .DayPicker__horizontal { background: #fff; }
2001
+
2002
+ .DayPicker__verticalScrollable { height: 100%; }
2003
+
2004
+ .DayPicker__hidden { visibility: hidden; }
2005
+
2006
+ .DayPicker__withBorder { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 3px; }
2007
+
2008
+ .DayPicker_portal__horizontal { box-shadow: none; position: absolute; left: 50%; top: 50%; }
2009
+
2010
+ .DayPicker_portal__vertical { position: initial; }
2011
+
2012
+ .DayPicker_focusRegion { outline: 0; }
2013
+
2014
+ .DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal { display: inline-block; vertical-align: top; }
2015
+
2016
+ .DayPicker_weekHeaders { position: relative; }
2017
+
2018
+ .DayPicker_weekHeaders__horizontal { margin-left: 9px; }
2019
+
2020
+ .DayPicker_weekHeader { color: #757575; position: absolute; top: 62px; z-index: 2; text-align: left; }
2021
+
2022
+ .DayPicker_weekHeader__vertical { left: 50%; }
2023
+
2024
+ .DayPicker_weekHeader__verticalScrollable { top: 0; display: table-row; border-bottom: 1px solid #dbdbdb; background: #fff; margin-left: 0; left: 0; width: 100%; text-align: center; }
2025
+
2026
+ .DayPicker_weekHeader_ul { list-style: none; margin: 1px 0; padding-left: 0; padding-right: 0; font-size: 14px; }
2027
+
2028
+ .DayPicker_weekHeader_li { display: inline-block; text-align: center; }
2029
+
2030
+ .DayPicker_transitionContainer { position: relative; overflow: hidden; border-radius: 3px; }
2031
+
2032
+ .DayPicker_transitionContainer__horizontal { transition: height .2s ease-in-out; }
2033
+
2034
+ .DayPicker_transitionContainer__vertical { width: 100%; }
2035
+
2036
+ .DayPicker_transitionContainer__verticalScrollable { padding-top: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow-y: scroll; }
2037
+
2038
+ .DateInput { margin: 0; padding: 0; background: #fff; position: relative; display: inline-block; width: 130px; vertical-align: middle; }
2039
+
2040
+ .DateInput__small { width: 97px; }
2041
+
2042
+ .DateInput__block { width: 100%; }
2043
+
2044
+ .DateInput__disabled { background: #f2f2f2; color: #dbdbdb; }
2045
+
2046
+ .DateInput_input { font-weight: 200; font-size: 19px; line-height: 24px; color: #484848; background-color: #fff; width: 100%; padding: 11px 11px 9px; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid transparent; border-left: 0; border-radius: 0; }
2047
+
2048
+ .DateInput_input__small { font-size: 15px; line-height: 18px; letter-spacing: .2px; padding: 7px 7px 5px; }
2049
+
2050
+ .DateInput_input__regular { font-weight: auto; }
2051
+
2052
+ .DateInput_input__readOnly { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
2053
+
2054
+ .DateInput_input__focused { outline: 0; background: #fff; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid #008489; border-left: 0; }
2055
+
2056
+ .DateInput_input__disabled { background: #f2f2f2; font-style: italic; }
2057
+
2058
+ .DateInput_screenReaderMessage { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
2059
+
2060
+ .DateInput_fang { position: absolute; width: 20px; height: 10px; left: 22px; z-index: 2; }
2061
+
2062
+ .DateInput_fangShape { fill: #fff; }
2063
+
2064
+ .DateInput_fangStroke { stroke: #dbdbdb; fill: transparent; }
2065
+
2066
+ .DateRangePickerInput { background-color: #fff; display: inline-block; }
2067
+
2068
+ .DateRangePickerInput__disabled { background: #f2f2f2; }
2069
+
2070
+ .DateRangePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; }
2071
+
2072
+ .DateRangePickerInput__rtl { direction: rtl; }
2073
+
2074
+ .DateRangePickerInput__block { display: block; }
2075
+
2076
+ .DateRangePickerInput__showClearDates { padding-right: 30px; }
2077
+
2078
+ .DateRangePickerInput_arrow { display: inline-block; vertical-align: middle; color: #484848; }
2079
+
2080
+ .DateRangePickerInput_arrow_svg { vertical-align: middle; fill: #484848; height: 24px; width: 24px; }
2081
+
2082
+ .DateRangePickerInput_clearDates { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
2083
+
2084
+ .DateRangePickerInput_clearDates__small { padding: 6px; }
2085
+
2086
+ .DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover { background: #dbdbdb; border-radius: 50%; }
2087
+
2088
+ .DateRangePickerInput_clearDates__hide { visibility: hidden; }
2089
+
2090
+ .DateRangePickerInput_clearDates_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; }
2091
+
2092
+ .DateRangePickerInput_clearDates_svg__small { height: 9px; }
2093
+
2094
+ .DateRangePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; }
2095
+
2096
+ .DateRangePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; }
2097
+
2098
+ .DateRangePicker { position: relative; display: inline-block; }
2099
+
2100
+ .DateRangePicker__block { display: block; }
2101
+
2102
+ .DateRangePicker_picker { z-index: 1; background-color: #fff; position: absolute; }
2103
+
2104
+ .DateRangePicker_picker__rtl { direction: rtl; }
2105
+
2106
+ .DateRangePicker_picker__directionLeft { left: 0; }
2107
+
2108
+ .DateRangePicker_picker__directionRight { right: 0; }
2109
+
2110
+ .DateRangePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
2111
+
2112
+ .DateRangePicker_picker__fullScreenPortal { background-color: #fff; }
2113
+
2114
+ .DateRangePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; }
2115
+
2116
+ .DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; }
2117
+
2118
+ .DateRangePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; }
2119
+
2120
+ /*rtl:end:ignore*/
2121
+ .components-datetime { padding: 0; }
2122
+
2123
+ .components-datetime .components-datetime__calendar-help { padding: 16px; }
2124
+
2125
+ .components-datetime .components-datetime__calendar-help h4 { margin: 0; }
2126
+
2127
+ .components-datetime .components-datetime__buttons { display: flex; justify-content: space-between; }
2128
+
2129
+ .components-datetime .components-datetime__date-help-toggle { display: block; margin-left: auto; }
2130
+
2131
+ .components-datetime fieldset { border: 0; padding: 0; margin: 0; }
2132
+
2133
+ .components-datetime select, .components-datetime input { box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; }
2134
+
2135
+ @media (prefers-reduced-motion: reduce) { .components-datetime select, .components-datetime input { transition-duration: 0s; } }
2136
+
2137
+ .components-datetime select, .components-datetime input[type="number"], .components-datetime .components-button { height: 30px; margin-top: 0; margin-bottom: 0; }
2138
+
2139
+ .components-datetime__date { min-height: 236px; border-top: 1px solid #e2e4e7; }
2140
+
2141
+ .components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault { left: 0; }
2142
+
2143
+ .components-datetime__date .CalendarMonth_caption { font-size: 13px; }
2144
+
2145
+ .components-datetime__date .CalendarMonth_table { border-collapse: separate; border-spacing: 2px; }
2146
+
2147
+ .components-datetime__date .CalendarDay { font-size: 13px; border: none; border-radius: 50%; text-align: center; }
2148
+
2149
+ .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 2.5px #fff; outline: 2px solid transparent; }
2150
+
2151
+ body.admin-color-sunrise .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 2.5px #fff; }
2152
+
2153
+ body.admin-color-ocean .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 2.5px #fff; }
2154
+
2155
+ body.admin-color-midnight .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 2.5px #fff; }
2156
+
2157
+ body.admin-color-ectoplasm .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 2.5px #fff; }
2158
+
2159
+ body.admin-color-coffee .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 2.5px #fff; }
2160
+
2161
+ body.admin-color-blue .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #82b4cb, inset 0 0 0 2.5px #fff; }
2162
+
2163
+ body.admin-color-light .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 2.5px #fff; }
2164
+
2165
+ .components-datetime__date .CalendarDay__selected { background: #0085ba; border: 2px solid transparent; }
2166
+
2167
+ body.admin-color-sunrise .components-datetime__date .CalendarDay__selected { background: #d1864a; }
2168
+
2169
+ body.admin-color-ocean .components-datetime__date .CalendarDay__selected { background: #a3b9a2; }
2170
+
2171
+ body.admin-color-midnight .components-datetime__date .CalendarDay__selected { background: #e14d43; }
2172
+
2173
+ body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected { background: #a7b656; }
2174
+
2175
+ body.admin-color-coffee .components-datetime__date .CalendarDay__selected { background: #c2a68c; }
2176
+
2177
+ body.admin-color-blue .components-datetime__date .CalendarDay__selected { background: #82b4cb; }
2178
+
2179
+ body.admin-color-light .components-datetime__date .CalendarDay__selected { background: #0085ba; }
2180
+
2181
+ .components-datetime__date .CalendarDay__selected:hover { background: #00719e; }
2182
+
2183
+ body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover { background: #b2723f; }
2184
+
2185
+ body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover { background: #8b9d8a; }
2186
+
2187
+ body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover { background: #bf4139; }
2188
+
2189
+ body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover { background: #8e9b49; }
2190
+
2191
+ body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover { background: #a58d77; }
2192
+
2193
+ body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover { background: #6f99ad; }
2194
+
2195
+ body.admin-color-light .components-datetime__date .CalendarDay__selected:hover { background: #00719e; }
2196
+
2197
+ .components-datetime__date .CalendarDay__selected:focus { box-shadow: inset 0 0 0 1px #fff; }
2198
+
2199
+ .components-datetime__date .DayPickerNavigation_button__horizontalDefault { padding: 2px 8px; top: 20px; }
2200
+
2201
+ .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2202
+
2203
+ body.admin-color-sunrise .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2204
+
2205
+ body.admin-color-ocean .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2206
+
2207
+ body.admin-color-midnight .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2208
+
2209
+ body.admin-color-ectoplasm .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2210
+
2211
+ body.admin-color-coffee .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2212
+
2213
+ body.admin-color-blue .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2214
+
2215
+ body.admin-color-light .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2216
+
2217
+ .components-datetime__date .DayPicker_weekHeader { top: 50px; }
2218
+
2219
+ .components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul { margin: 1px 0; padding-left: 0; padding-right: 0; }
2220
+
2221
+ .components-datetime__date.is-description-visible .DayPicker { visibility: hidden; }
2222
+
2223
+ .components-datetime__time { padding-bottom: 16px; }
2224
+
2225
+ .components-datetime__time fieldset { position: relative; margin-bottom: 0.5em; }
2226
+
2227
+ .components-datetime__time fieldset + fieldset { margin-bottom: 0; }
2228
+
2229
+ .components-datetime__time .components-datetime__time-field-am-pm fieldset { margin-top: 0; }
2230
+
2231
+ .components-datetime__time .components-datetime__time-wrapper { display: flex; }
2232
+
2233
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { display: inline-block; padding: 0 3px 0 0; color: #555d66; }
2234
+
2235
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { /*rtl:ignore*/ direction: ltr; }
2236
+
2237
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { margin-right: 4px; }
2238
+
2239
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus { position: relative; z-index: 1; }
2240
+
2241
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] { padding: 2px; margin-right: 4px; text-align: center; -moz-appearance: textfield; }
2242
+
2243
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus { position: relative; z-index: 1; }
2244
+
2245
+ .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
2246
+
2247
+ .components-datetime__time.is-12-hour .components-datetime__time-field-day input { margin: -4px 0 0 !important; border-radius: 4px 0 0 4px !important; }
2248
+
2249
+ .components-datetime__time.is-12-hour .components-datetime__time-field-year input { border-radius: 0 4px 4px 0 !important; }
2250
+
2251
+ .components-datetime__time-legend { font-weight: 600; margin-top: 0.5em; }
2252
+
2253
+ .components-datetime__time-legend.invisible { position: absolute; top: -999em; left: -999em; }
2254
+
2255
+ .components-datetime__time-field-hours-input, .components-datetime__time-field-minutes-input, .components-datetime__time-field-day-input { width: 35px; }
2256
+
2257
+ .components-datetime__time-field-year-input { width: 55px; }
2258
+
2259
+ .components-datetime__time-field-month-select { max-width: 145px; }
2260
+
2261
+ .components-popover .components-datetime__date { padding-left: 4px; }
2262
+
2263
+ .block-editor-dimension-control .components-base-control__field { display: flex; align-items: center; }
2264
+
2265
+ .block-editor-dimension-control .components-base-control__label { display: flex; align-items: center; margin-right: 1em; margin-bottom: 0; }
2266
+
2267
+ .block-editor-dimension-control .components-base-control__label .dashicon { margin-right: 0.5em; }
2268
+
2269
+ .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em; }
2270
+
2271
+ .components-disabled { position: relative; pointer-events: none; }
2272
+
2273
+ .components-disabled::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
2274
+
2275
+ .components-disabled * { pointer-events: none; }
2276
+
2277
+ body.is-dragging-components-draggable { cursor: move; /* Fallback for IE/Edge < 14 */ cursor: -webkit-grabbing !important; cursor: grabbing !important; }
2278
+
2279
+ .components-draggable__invisible-drag-image { position: fixed; left: -1000px; height: 50px; width: 50px; }
2280
+
2281
+ .components-draggable__clone { position: fixed; padding: 20px; background: transparent; pointer-events: none; z-index: 1000000000; opacity: 0.8; }
2282
+
2283
+ .components-drop-zone { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; visibility: hidden; opacity: 0; transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; border: 2px solid #0071a1; border-radius: 2px; }
2284
+
2285
+ @media (prefers-reduced-motion: reduce) { .components-drop-zone { transition-duration: 0s; } }
2286
+
2287
+ .components-drop-zone.is-active { opacity: 1; visibility: visible; transition: 0.3s opacity, 0.3s background-color; }
2288
+
2289
+ @media (prefers-reduced-motion: reduce) { .components-drop-zone.is-active { transition-duration: 0s; } }
2290
+
2291
+ .components-drop-zone.is-dragging-over-element { background-color: rgba(0, 113, 161, 0.8); }
2292
+
2293
+ .components-drop-zone__content { position: absolute; top: 50%; left: 0; right: 0; z-index: 50; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; transition: transform 0.2s ease-in-out; }
2294
+
2295
+ @media (prefers-reduced-motion: reduce) { .components-drop-zone__content { transition-duration: 0s; } }
2296
+
2297
+ .components-drop-zone.is-dragging-over-element .components-drop-zone__content { transform: translateY(-50%) scale(1.05); }
2298
+
2299
+ .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; }
2300
+
2301
+ .components-drop-zone__content-icon { margin: 0 auto; line-height: 0; fill: currentColor; }
2302
+
2303
+ .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
2304
+
2305
+ .components-drop-zone__provider { height: 100%; }
2306
+
2307
+ .components-dropdown { display: inline-block; }
2308
+
2309
+ .components-dropdown__content .components-popover__content { padding: 12px; }
2310
+
2311
+ .components-dropdown-menu__popover .components-popover__content { width: 200px; }
2312
+
2313
+ .components-dropdown-menu__menu { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; }
2314
+
2315
+ .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { width: 100%; padding: 6px; outline: none; cursor: pointer; margin-bottom: 4px; }
2316
+
2317
+ .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; position: relative; overflow: visible; }
2318
+
2319
+ .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, .components-dropdown-menu__menu .components-menu-item.has-separator::before { display: block; content: ""; box-sizing: content-box; background-color: #e2e4e7; position: absolute; top: -3px; left: 0; right: 0; height: 1px; }
2320
+
2321
+ .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; }
2322
+
2323
+ .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, .components-dropdown-menu__menu .components-menu-item > svg { border-radius: 2px; width: 24px; height: 24px; }
2324
+
2325
+ .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { min-height: 36px; height: auto; padding-left: 40px; text-align: left; }
2326
+
2327
+ .components-dropdown-menu__menu .components-menu-item__button.has-icon, .components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon { padding-left: 8px; }
2328
+
2329
+ .components-dropdown-menu__menu .components-menu-group { padding: 12px; margin-top: 0; margin-bottom: 0; margin-left: -12px; margin-right: -12px; }
2330
+
2331
+ .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -12px; }
2332
+
2333
+ .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -12px; }
2334
+
2335
+ .components-dropdown-menu__menu .components-menu-group + .components-menu-group { margin-top: 0; border-top: 1px solid #ccc; padding: 12px; }
2336
+
2337
+ .components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button { padding: 0 12px; }
2338
+
2339
+ .components-external-link__icon { width: 1.4em; height: 1.4em; margin: -0.2em 0.1em 0; vertical-align: middle; fill: currentColor; }
2340
+
2341
+ .components-focal-point-picker-wrapper { background-color: transparent; border: 1px solid #e2e4e7; height: 200px; width: 100%; padding: 14px; }
2342
+
2343
+ .components-focal-point-picker { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; }
2344
+
2345
+ .components-focal-point-picker img { height: auto; max-height: 100%; max-width: 100%; width: auto; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
2346
+
2347
+ .components-focal-point-picker__icon_container { background-color: transparent; cursor: -webkit-grab; cursor: grab; height: 30px; opacity: 0.8; position: absolute; will-change: transform; width: 30px; z-index: 10000; }
2348
+
2349
+ .components-focal-point-picker__icon_container.is-dragging { cursor: -webkit-grabbing; cursor: grabbing; }
2350
+
2351
+ .components-focal-point-picker__icon { display: block; height: 100%; left: -15px; position: absolute; top: -15px; width: 100%; }
2352
+
2353
+ .components-focal-point-picker__icon .components-focal-point-picker__icon-outline { fill: #fff; }
2354
+
2355
+ .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #0085ba; }
2356
+
2357
+ body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #d1864a; }
2358
+
2359
+ body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #a3b9a2; }
2360
+
2361
+ body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #e14d43; }
2362
+
2363
+ body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #a7b656; }
2364
+
2365
+ body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #c2a68c; }
2366
+
2367
+ body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #82b4cb; }
2368
+
2369
+ body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #0085ba; }
2370
+
2371
+ .components-focal-point-picker_position-display-container { margin: 1em 0; display: flex; }
2372
+
2373
+ .components-focal-point-picker_position-display-container .components-base-control__field { margin: 0 1em 0 0; }
2374
+
2375
+ .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { max-width: 4em; padding: 6px 4px; }
2376
+
2377
+ .components-focal-point-picker_position-display-container span { margin: 0 0 0 0.2em; }
2378
+
2379
+ .components-font-size-picker__controls { max-width: 248px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 24px; }
2380
+
2381
+ .components-font-size-picker__controls .components-font-size-picker__number { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: inline-block; font-weight: 500; height: 30px; margin-bottom: 0; margin-left: 0; margin-right: 8px; margin-top: 5px; width: 54px; }
2382
+
2383
+ @media (prefers-reduced-motion: reduce) { .components-font-size-picker__controls .components-font-size-picker__number { transition-duration: 0s; } }
2384
+
2385
+ @media (min-width: 600px) { .components-font-size-picker__controls .components-font-size-picker__number { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
2386
+
2387
+ .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2388
+
2389
+ body.admin-color-sunrise .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2390
+
2391
+ body.admin-color-ocean .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2392
+
2393
+ body.admin-color-midnight .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2394
+
2395
+ body.admin-color-ectoplasm .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2396
+
2397
+ body.admin-color-coffee .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2398
+
2399
+ body.admin-color-blue .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2400
+
2401
+ body.admin-color-light .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2402
+
2403
+ .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2404
+
2405
+ .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
2406
+
2407
+ .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2408
+
2409
+ .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2410
+
2411
+ .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
2412
+
2413
+ .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2414
+
2415
+ .components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { cursor: default; opacity: 0.3; pointer-events: none; }
2416
+
2417
+ .components-font-size-picker__controls .components-font-size-picker__number-container { display: flex; flex-direction: column; }
2418
+
2419
+ .components-font-size-picker__controls .components-font-size-picker__select { margin-right: 8px; }
2420
+
2421
+ .components-font-size-picker__controls .components-color-palette__clear { height: 30px; margin-top: 23px; }
2422
+
2423
+ .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { width: 30px; height: 30px; }
2424
+
2425
+ .components-font-size-picker { border: 0; padding: 0; margin: 0; }
2426
+
2427
+ .components-form-toggle { position: relative; display: inline-block; }
2428
+
2429
+ .components-form-toggle .components-form-toggle__on, .components-form-toggle .components-form-toggle__off { position: absolute; top: 6px; box-sizing: border-box; }
2430
+
2431
+ .components-form-toggle .components-form-toggle__off { color: #6c7781; fill: currentColor; right: 6px; }
2432
+
2433
+ .components-form-toggle .components-form-toggle__on { left: 8px; }
2434
+
2435
+ .components-form-toggle .components-form-toggle__track { content: ""; display: inline-block; box-sizing: border-box; vertical-align: top; background-color: #fff; border: 2px solid #6c7781; width: 36px; height: 18px; border-radius: 9px; transition: 0.2s background ease; }
2436
+
2437
+ @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; } }
2438
+
2439
+ .components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; transition: 0.1s transform ease; background-color: #6c7781; border: 5px solid #6c7781; }
2440
+
2441
+ @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__thumb { transition-duration: 0s; } }
2442
+
2443
+ .components-form-toggle:hover .components-form-toggle__track { border: 2px solid #555d66; }
2444
+
2445
+ .components-form-toggle:hover .components-form-toggle__thumb { background-color: #555d66; border: 5px solid #6c7781; }
2446
+
2447
+ .components-form-toggle:hover .components-form-toggle__off { color: #555d66; }
2448
+
2449
+ .components-form-toggle.is-checked .components-form-toggle__track { background-color: #11a0d2; border: 2px solid #11a0d2; border: 9px solid transparent; }
2450
+
2451
+ body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track { background-color: #c8b03c; border: 2px solid #c8b03c; }
2452
+
2453
+ body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track { background-color: #a3b9a2; border: 2px solid #a3b9a2; }
2454
+
2455
+ body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track { background-color: #77a6b9; border: 2px solid #77a6b9; }
2456
+
2457
+ body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track { background-color: #a7b656; border: 2px solid #a7b656; }
2458
+
2459
+ body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track { background-color: #c2a68c; border: 2px solid #c2a68c; }
2460
+
2461
+ body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track { background-color: #82b4cb; border: 2px solid #82b4cb; }
2462
+
2463
+ body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track { background-color: #11a0d2; border: 2px solid #11a0d2; }
2464
+
2465
+ .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; outline: 2px solid transparent; outline-offset: 2px; }
2466
+
2467
+ body.admin-color-sunrise .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #d1864a; }
2468
+
2469
+ body.admin-color-ocean .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #a3b9a2; }
2470
+
2471
+ body.admin-color-midnight .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #e14d43; }
2472
+
2473
+ body.admin-color-ectoplasm .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #a7b656; }
2474
+
2475
+ body.admin-color-coffee .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #c2a68c; }
2476
+
2477
+ body.admin-color-blue .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #d9ab59; }
2478
+
2479
+ body.admin-color-light .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #0085ba; }
2480
+
2481
+ .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-width: 0; transform: translateX(18px); }
2482
+
2483
+ .components-form-toggle.is-checked::before { background-color: #11a0d2; border: 2px solid #11a0d2; }
2484
+
2485
+ body.admin-color-sunrise .components-form-toggle.is-checked::before { background-color: #c8b03c; border: 2px solid #c8b03c; }
2486
+
2487
+ body.admin-color-ocean .components-form-toggle.is-checked::before { background-color: #a3b9a2; border: 2px solid #a3b9a2; }
2488
+
2489
+ body.admin-color-midnight .components-form-toggle.is-checked::before { background-color: #77a6b9; border: 2px solid #77a6b9; }
2490
+
2491
+ body.admin-color-ectoplasm .components-form-toggle.is-checked::before { background-color: #a7b656; border: 2px solid #a7b656; }
2492
+
2493
+ body.admin-color-coffee .components-form-toggle.is-checked::before { background-color: #c2a68c; border: 2px solid #c2a68c; }
2494
+
2495
+ body.admin-color-blue .components-form-toggle.is-checked::before { background-color: #82b4cb; border: 2px solid #82b4cb; }
2496
+
2497
+ body.admin-color-light .components-form-toggle.is-checked::before { background-color: #11a0d2; border: 2px solid #11a0d2; }
2498
+
2499
+ .components-disabled .components-form-toggle { opacity: 0.3; }
2500
+
2501
+ .components-form-toggle input.components-form-toggle__input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; z-index: 1; border: none; }
2502
+
2503
+ .components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked { background: none; }
2504
+
2505
+ .components-form-toggle input.components-form-toggle__input[type="checkbox"]::before { content: ""; }
2506
+
2507
+ .components-form-toggle .components-form-toggle__on { outline: 1px solid transparent; outline-offset: -1px; border: 1px solid #000; -webkit-filter: invert(100%) contrast(500%); filter: invert(100%) contrast(500%); }
2508
+
2509
+ @supports (-ms-high-contrast-adjust: auto) { .components-form-toggle .components-form-toggle__on { -webkit-filter: none; filter: none; border: 1px solid #fff; } }
2510
+
2511
+ .components-form-token-field__input-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 0 0 8px 0; padding: 4px; cursor: text; }
2512
+
2513
+ @media (prefers-reduced-motion: reduce) { .components-form-token-field__input-container { transition-duration: 0s; } }
2514
+
2515
+ @media (min-width: 600px) { .components-form-token-field__input-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
2516
+
2517
+ .components-form-token-field__input-container:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2518
+
2519
+ body.admin-color-sunrise .components-form-token-field__input-container:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2520
+
2521
+ body.admin-color-ocean .components-form-token-field__input-container:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2522
+
2523
+ body.admin-color-midnight .components-form-token-field__input-container:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2524
+
2525
+ body.admin-color-ectoplasm .components-form-token-field__input-container:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2526
+
2527
+ body.admin-color-coffee .components-form-token-field__input-container:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2528
+
2529
+ body.admin-color-blue .components-form-token-field__input-container:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2530
+
2531
+ body.admin-color-light .components-form-token-field__input-container:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2532
+
2533
+ .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2534
+
2535
+ .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
2536
+
2537
+ .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2538
+
2539
+ .is-dark-theme .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2540
+
2541
+ .is-dark-theme .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
2542
+
2543
+ .is-dark-theme .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2544
+
2545
+ .components-form-token-field__input-container.is-disabled { background: #e2e4e7; border-color: #ccd0d4; }
2546
+
2547
+ .components-form-token-field__input-container input[type="text"].components-form-token-field__input { display: inline-block; width: 100%; max-width: 100%; margin-left: 4px; padding: 0; min-height: 24px; background: inherit; border: 0; color: #23282d; box-shadow: none; }
2548
+
2549
+ .components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input { outline: none; box-shadow: none; }
2550
+
2551
+ .components-form-token-field__input-container .components-form-token-field__token + input[type="text"].components-form-token-field__input { width: auto; }
2552
+
2553
+ .components-form-token-field__label { display: inline-block; margin-bottom: 4px; }
2554
+
2555
+ .components-form-token-field__help { font-style: italic; }
2556
+
2557
+ .components-form-token-field__token { font-size: 13px; display: flex; margin: 2px 4px 2px 0; color: #32373c; overflow: hidden; }
2558
+
2559
+ .components-form-token-field__token.is-success .components-form-token-field__token-text, .components-form-token-field__token.is-success .components-form-token-field__remove-token { background: #4ab866; }
2560
+
2561
+ .components-form-token-field__token.is-error .components-form-token-field__token-text, .components-form-token-field__token.is-error .components-form-token-field__remove-token { background: #d94f4f; }
2562
+
2563
+ .components-form-token-field__token.is-validating .components-form-token-field__token-text, .components-form-token-field__token.is-validating .components-form-token-field__remove-token { color: #555d66; }
2564
+
2565
+ .components-form-token-field__token.is-borderless { position: relative; padding: 0 16px 0 0; }
2566
+
2567
+ .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: #11a0d2; }
2568
+
2569
+ body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #c8b03c; }
2570
+
2571
+ body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #a89d8a; }
2572
+
2573
+ body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #77a6b9; }
2574
+
2575
+ body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #c77430; }
2576
+
2577
+ body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #9fa47b; }
2578
+
2579
+ body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #d9ab59; }
2580
+
2581
+ body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #c75726; }
2582
+
2583
+ .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #555d66; position: absolute; top: 1px; right: 0; }
2584
+
2585
+ .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { color: #4ab866; }
2586
+
2587
+ .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { color: #d94f4f; border-radius: 4px 0 0 4px; padding: 0 4px 0 6px; }
2588
+
2589
+ .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { color: #23282d; }
2590
+
2591
+ .components-form-token-field__token.is-disabled .components-form-token-field__remove-token { cursor: default; }
2592
+
2593
+ .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { display: inline-block; line-height: 24px; height: auto; background: #e2e4e7; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); }
2594
+
2595
+ @media (prefers-reduced-motion: reduce) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition-duration: 0s; -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
2596
+
2597
+ .components-form-token-field__token-text { border-radius: 12px 0 0 12px; padding: 0 4px 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
2598
+
2599
+ .components-form-token-field__remove-token.components-button { cursor: pointer; border-radius: 0 12px 12px 0; padding: 0 2px; color: #555d66; line-height: 10px; overflow: initial; }
2600
+
2601
+ .components-form-token-field__remove-token.components-button:hover { color: #32373c; }
2602
+
2603
+ .components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 9em; overflow-y: scroll; transition: all 0.15s ease-in-out; list-style: none; border-top: 1px solid #6c7781; margin: 4px -4px -4px; padding-top: 3px; }
2604
+
2605
+ @media (prefers-reduced-motion: reduce) { .components-form-token-field__suggestions-list { transition-duration: 0s; } }
2606
+
2607
+ .components-form-token-field__suggestion { color: #555d66; display: block; font-size: 13px; padding: 4px 8px; cursor: pointer; }
2608
+
2609
+ .components-form-token-field__suggestion.is-selected { background: #0071a1; color: #fff; }
2610
+
2611
+ .components-form-token-field__suggestion-match { text-decoration: underline; }
2612
+
2613
+ @media (min-width: 600px) { .components-guide { width: 600px; } }
2614
+
2615
+ .components-guide .components-modal__header { background: none; border-bottom: none; width: 100%; padding: 0; margin: 0; }
2616
+
2617
+ .components-guide .components-modal__header .components-button { align-self: flex-start; margin: 8px 8px 0 0; position: static; }
2618
+
2619
+ .components-guide .components-modal__header .components-button:hover svg { fill: #fff; }
2620
+
2621
+ .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -60px; min-height: 100%; }
2622
+
2623
+ .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative; }
2624
+
2625
+ @media (min-width: 600px) { .components-guide__page { min-height: 300px; } }
2626
+
2627
+ .components-guide__footer { align-content: center; display: flex; height: 30px; justify-content: center; margin: 0 0 24px 0; padding: 0 32px; position: relative; width: 100%; }
2628
+
2629
+ @media (max-width: 600px) { .components-guide__footer { position: absolute; bottom: 0; } }
2630
+
2631
+ .components-guide__page-control { margin: 8px 0 8px 0; text-align: center; }
2632
+
2633
+ .components-guide__page-control li { display: inline-block; }
2634
+
2635
+ .components-guide__page-control .components-button { height: 30px; min-width: 20px; }
2636
+
2637
+ .components-guide .components-modal__content { padding: 0; }
2638
+
2639
+ .components-modal__frame.components-guide { border: none; min-width: 312px; height: 80vh; max-height: 575px; }
2640
+
2641
+ @media (max-width: 600px) { .components-modal__frame.components-guide { bottom: 5%; left: 16px; right: 16px; top: 5%; margin: 0 auto; } }
2642
+
2643
+ .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { height: 30px; position: absolute; }
2644
+
2645
+ .components-button.components-guide__back-button, .components-button.components-guide__forward-button { font-size: 13px; padding: 4px 2px; }
2646
+
2647
+ .components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { margin: 0; }
2648
+
2649
+ .components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { text-decoration: underline; }
2650
+
2651
+ .components-button.components-guide__back-button { left: 32px; }
2652
+
2653
+ .components-button.components-guide__forward-button { right: 32px; color: #1386bf; font-weight: bold; }
2654
+
2655
+ .components-button.components-guide__finish-button { right: 32px; }
2656
+
2657
+ .components-button.components-guide__inline-finish-button { display: none; }
2658
+
2659
+ .components-navigate-regions.is-focusing-regions [role="region"] { position: relative; }
2660
+
2661
+ .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; outline: 4px solid transparent; box-shadow: inset 0 0 0 4px #33b3db; }
2662
+
2663
+ @supports (outline-offset: 1px) { .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: none; }
2664
+ .components-navigate-regions.is-focusing-regions [role="region"]:focus { outline-style: solid; outline-color: #33b3db; outline-width: 4px; outline-offset: -4px; } }
2665
+
2666
+ .components-menu-group + .components-menu-group { margin-top: 8px; padding-top: 8px; border-top: 1px solid #1e1e1e; }
2667
+
2668
+ .components-menu-group__label { margin-bottom: 8px; color: #757575; padding: 0; }
2669
+
2670
+ .components-menu-item__button, .components-menu-item__button.components-button { width: 100%; }
2671
+
2672
+ .components-menu-item__button .dashicon, .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button svg.components-menu-items__item-icon, .components-menu-item__button > span > svg, .components-menu-item__button.components-button .dashicon, .components-menu-item__button.components-button .components-menu-items__item-icon, .components-menu-item__button.components-button svg.components-menu-items__item-icon, .components-menu-item__button.components-button > span > svg { margin-right: 8px; }
2673
+
2674
+ .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon { display: inline-block; flex: 0 0 auto; }
2675
+
2676
+ .components-menu-item__info-wrapper { display: flex; flex-direction: column; }
2677
+
2678
+ .components-menu-item__info { margin-top: 4px; font-size: 12px; color: #757575; }
2679
+
2680
+ .components-menu-item__shortcut { -ms-grid-row-align: center; align-self: center; margin-right: 0; margin-left: auto; padding-left: 12px; color: currentColor; display: none; }
2681
+
2682
+ @media (min-width: 480px) { .components-menu-item__shortcut { display: inline; } }
2683
+
2684
+ .components-menu-items-choice, .components-menu-items-choice.components-button { padding-left: 40px; }
2685
+
2686
+ .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 8px; }
2687
+
2688
+ .components-menu-items-choice.has-icon, .components-menu-items-choice.components-button.has-icon { padding-left: 8px; }
2689
+
2690
+ .components-modal__screen-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100000; -webkit-animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation: edit-post__fade-in-animation 0.2s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
2691
+
2692
+ @media (prefers-reduced-motion: reduce) { .components-modal__screen-overlay { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
2693
+
2694
+ .components-modal__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; margin: 0; border: 1px solid #e2e4e7; background: #fff; box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); overflow: auto; }
2695
+
2696
+ @media (min-width: 600px) { .components-modal__frame { top: 50%; right: auto; bottom: auto; left: 50%; min-width: 360px; max-width: calc(100% - 16px - 16px); max-height: calc(100% - 60px - 60px); transform: translate(-50%, -50%); -webkit-animation: components-modal__appear-animation 0.1s ease-out; animation: components-modal__appear-animation 0.1s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } }
2697
+
2698
+ @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .components-modal__frame { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
2699
+
2700
+ @-webkit-keyframes components-modal__appear-animation { from { margin-top: 32px; }
2701
+ to { margin-top: 0; } }
2702
+
2703
+ @keyframes components-modal__appear-animation { from { margin-top: 32px; }
2704
+ to { margin-top: 0; } }
2705
+
2706
+ .components-modal__header { box-sizing: border-box; border-bottom: 1px solid #e2e4e7; padding: 0 24px; display: flex; flex-direction: row; justify-content: space-between; background: #fff; align-items: center; height: 60px; z-index: 10; position: relative; position: -webkit-sticky; position: sticky; top: 0; margin: 0 -24px 24px; }
2707
+
2708
+ @supports (-ms-ime-align: auto) { .components-modal__header { position: fixed; width: 100%; } }
2709
+
2710
+ .components-modal__header .components-modal__header-heading { font-size: 1rem; font-weight: 600; }
2711
+
2712
+ .components-modal__header h1 { line-height: 1; margin: 0; }
2713
+
2714
+ .components-modal__header .components-button { position: relative; left: 8px; }
2715
+
2716
+ .components-modal__header-heading-container { align-items: center; flex-grow: 1; display: flex; flex-direction: row; justify-content: left; }
2717
+
2718
+ .components-modal__header-icon-container { display: inline-block; }
2719
+
2720
+ .components-modal__header-icon-container svg { max-width: 36px; max-height: 36px; padding: 8px; }
2721
+
2722
+ .components-modal__content { box-sizing: border-box; height: 100%; padding: 0 24px 24px; }
2723
+
2724
+ @supports (-ms-ime-align: auto) { .components-modal__content { padding-top: 60px; } }
2725
+
2726
+ .components-notice { display: flex; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #e5f5fa; border-left: 4px solid #00a0d2; margin: 5px 15px 2px; padding: 8px 12px; align-items: center; }
2727
+
2728
+ .components-notice.is-dismissible { padding-right: 36px; position: relative; }
2729
+
2730
+ .components-notice.is-success { border-left-color: #4ab866; background-color: #eff9f1; }
2731
+
2732
+ .components-notice.is-warning { border-left-color: #f0b849; background-color: #fef8ee; }
2733
+
2734
+ .components-notice.is-error { border-left-color: #d94f4f; background-color: #f9e2e2; }
2735
+
2736
+ .components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0; }
2737
+
2738
+ .components-notice__action.components-button, .components-notice__action.components-button.is-link { margin-left: 12px; }
2739
+
2740
+ .components-notice__action.components-button.is-secondary { vertical-align: initial; }
2741
+
2742
+ .components-notice__dismiss { color: #6c7781; align-self: flex-start; flex-shrink: 0; }
2743
+
2744
+ .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus { color: #191e23; background-color: transparent; }
2745
+
2746
+ .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { box-shadow: none; }
2747
+
2748
+ .components-notice-list { max-width: 100vw; box-sizing: border-box; z-index: 29; }
2749
+
2750
+ .components-notice-list .components-notice__content { margin-top: 12px; margin-bottom: 12px; line-height: 2; }
2751
+
2752
+ .components-notice-list .components-notice__action.components-button { display: block; margin-left: 0; margin-top: 8px; }
2753
+
2754
+ .components-panel { background: #fff; border: 1px solid #e2e4e7; }
2755
+
2756
+ .components-panel > .components-panel__header:first-child, .components-panel > .components-panel__body:first-child { margin-top: -1px; }
2757
+
2758
+ .components-panel > .components-panel__header:last-child, .components-panel > .components-panel__body:last-child { border-bottom-width: 0; }
2759
+
2760
+ .components-panel + .components-panel { margin-top: -1px; }
2761
+
2762
+ .components-panel__body { border-top: 1px solid #e2e4e7; border-bottom: 1px solid #e2e4e7; }
2763
+
2764
+ .components-panel__body h3 { margin: 0 0 0.5em; }
2765
+
2766
+ .components-panel__body.is-opened { padding: 16px; }
2767
+
2768
+ .components-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; height: 50px; border-top: 1px solid #e2e4e7; border-bottom: 1px solid #e2e4e7; }
2769
+
2770
+ .components-panel__header h2 { margin: 0; font-size: inherit; color: inherit; }
2771
+
2772
+ .components-panel__body + .components-panel__body, .components-panel__body + .components-panel__header, .components-panel__header + .components-panel__body, .components-panel__header + .components-panel__header { margin-top: -1px; }
2773
+
2774
+ .components-panel__body > .components-panel__body-title { display: block; padding: 0; font-size: inherit; margin-top: 0; margin-bottom: 0; transition: 0.1s background ease-in-out; }
2775
+
2776
+ @media (prefers-reduced-motion: reduce) { .components-panel__body > .components-panel__body-title { transition-duration: 0s; } }
2777
+
2778
+ .components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; }
2779
+
2780
+ .components-panel__body > .components-panel__body-title:hover { background: #f3f4f5; border: none; }
2781
+
2782
+ .components-panel__body-toggle.components-button { position: relative; padding: 15px; outline: none; width: 100%; font-weight: 600; text-align: left; color: #191e23; border: none; box-shadow: none; transition: 0.1s background ease-in-out; height: auto; /* rtl:begin:ignore */ /* rtl:end:ignore */ }
2783
+
2784
+ @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button { transition-duration: 0s; } }
2785
+
2786
+ .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #007cba; border-radius: 0; }
2787
+
2788
+ body.admin-color-sunrise .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
2789
+
2790
+ body.admin-color-ocean .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
2791
+
2792
+ body.admin-color-midnight .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
2793
+
2794
+ body.admin-color-ectoplasm .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
2795
+
2796
+ body.admin-color-coffee .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
2797
+
2798
+ body.admin-color-blue .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
2799
+
2800
+ body.admin-color-light .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
2801
+
2802
+ .components-panel__body-toggle.components-button .components-panel__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #191e23; fill: currentColor; transition: 0.1s color ease-in-out; }
2803
+
2804
+ @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-duration: 0s; } }
2805
+
2806
+ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; -webkit-filter: FlipH; filter: FlipH; margin-top: -10px; }
2807
+
2808
+ .components-panel__icon { color: #555d66; margin: -2px 0 -2px 6px; }
2809
+
2810
+ .components-panel__body-toggle-icon { margin-right: -5px; }
2811
+
2812
+ .components-panel__color-title { float: left; height: 19px; }
2813
+
2814
+ .components-panel__row { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
2815
+
2816
+ .components-panel__row select { min-width: 0; }
2817
+
2818
+ .components-panel__row label { margin-right: 10px; flex-shrink: 0; max-width: 75%; }
2819
+
2820
+ .components-panel__row:empty, .components-panel__row:first-of-type { margin-top: 0; }
2821
+
2822
+ .components-panel .circle-picker { padding-bottom: 20px; }
2823
+
2824
+ .components-placeholder.components-placeholder { position: relative; padding: 1em; min-height: 200px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; outline: 1px solid transparent; }
2825
+
2826
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .components-placeholder.components-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } }
2827
+
2828
+ .components-placeholder.components-placeholder .components-base-control__label { font-size: 13px; }
2829
+
2830
+ .components-placeholder__error, .components-placeholder__instructions, .components-placeholder__label, .components-placeholder__fieldset { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
2831
+
2832
+ .components-placeholder__label { display: flex; font-weight: 600; margin-bottom: 16px; align-items: center; }
2833
+
2834
+ .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { fill: currentColor; margin-right: 1ch; }
2835
+
2836
+ .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; z-index: 1; }
2837
+
2838
+ .components-placeholder__fieldset p, .components-placeholder__fieldset form p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
2839
+
2840
+ .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; }
2841
+
2842
+ .components-placeholder__input[type="url"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin: 0 8px 0 0; flex: 1 1 auto; }
2843
+
2844
+ @media (prefers-reduced-motion: reduce) { .components-placeholder__input[type="url"] { transition-duration: 0s; } }
2845
+
2846
+ @media (min-width: 600px) { .components-placeholder__input[type="url"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
2847
+
2848
+ .components-placeholder__input[type="url"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2849
+
2850
+ body.admin-color-sunrise .components-placeholder__input[type="url"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2851
+
2852
+ body.admin-color-ocean .components-placeholder__input[type="url"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2853
+
2854
+ body.admin-color-midnight .components-placeholder__input[type="url"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2855
+
2856
+ body.admin-color-ectoplasm .components-placeholder__input[type="url"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2857
+
2858
+ body.admin-color-coffee .components-placeholder__input[type="url"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2859
+
2860
+ body.admin-color-blue .components-placeholder__input[type="url"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2861
+
2862
+ body.admin-color-light .components-placeholder__input[type="url"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2863
+
2864
+ .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2865
+
2866
+ .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
2867
+
2868
+ .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2869
+
2870
+ .is-dark-theme .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2871
+
2872
+ .is-dark-theme .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
2873
+
2874
+ .is-dark-theme .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2875
+
2876
+ .components-placeholder__instructions { margin-bottom: 1em; }
2877
+
2878
+ .components-placeholder__error { margin-top: 1em; width: 100%; }
2879
+
2880
+ .components-placeholder__preview img { margin: 3%; width: 50%; }
2881
+
2882
+ .components-placeholder__fieldset .components-button { margin-right: 12px; margin-bottom: 12px; }
2883
+
2884
+ .components-placeholder__fieldset .components-button:last-child { margin-bottom: 0; margin-right: 0; }
2885
+
2886
+ .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { margin-left: 10px; margin-right: 10px; }
2887
+
2888
+ .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { margin-right: 0; }
2889
+
2890
+ .components-placeholder.is-large .components-placeholder__label { font-size: 18pt; font-weight: normal; }
2891
+
2892
+ .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { display: none; }
2893
+
2894
+ .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 { flex-direction: column; }
2895
+
2896
+ .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { margin-right: auto; }
2897
+
2898
+ .components-placeholder.is-small .components-button { padding: 0 8px 2px; }
2899
+
2900
+ /*!rtl:begin:ignore*/
2901
+ .components-popover { position: fixed; z-index: 1000000; top: 0; left: 0; opacity: 0; }
2902
+
2903
+ .components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] { opacity: 1; }
2904
+
2905
+ .components-popover.is-expanded { top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; }
2906
+
2907
+ .components-popover:not(.is-without-arrow) { margin-left: 2px; }
2908
+
2909
+ .components-popover:not(.is-without-arrow)::before { border: 8px solid #1e1e1e; }
2910
+
2911
+ .components-popover:not(.is-without-arrow)::after { border: 8px solid #fff; }
2912
+
2913
+ .components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after { content: ""; position: absolute; height: 0; width: 0; line-height: 0; }
2914
+
2915
+ .components-popover:not(.is-without-arrow)[data-y-axis="top"] { margin-top: -8px; }
2916
+
2917
+ .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before { bottom: -8px; }
2918
+
2919
+ .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { bottom: -6px; }
2920
+
2921
+ .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-style: solid; margin-left: -10px; }
2922
+
2923
+ .components-popover:not(.is-without-arrow)[data-y-axis="bottom"] { margin-top: 8px; }
2924
+
2925
+ .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before { top: -8px; }
2926
+
2927
+ .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { top: -6px; }
2928
+
2929
+ .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; border-top: none; margin-left: -10px; }
2930
+
2931
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"] { margin-left: -8px; }
2932
+
2933
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before { right: -8px; }
2934
+
2935
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { right: -6px; }
2936
+
2937
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { border-bottom-color: transparent; border-left-style: solid; border-right: none; border-top-color: transparent; }
2938
+
2939
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"] { margin-left: 8px; }
2940
+
2941
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before { left: -8px; }
2942
+
2943
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { left: -6px; }
2944
+
2945
+ .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { border-bottom-color: transparent; border-left: none; border-right-style: solid; border-top-color: transparent; }
2946
+
2947
+ .components-popover[data-y-axis="top"] { bottom: 100%; }
2948
+
2949
+ .components-popover[data-y-axis="bottom"] { top: 100%; }
2950
+
2951
+ .components-popover[data-y-axis="middle"] { align-items: center; display: flex; }
2952
+
2953
+ .components-popover.is-from-top { margin-top: 12px; }
2954
+
2955
+ .components-popover.is-from-bottom { margin-top: -12px; }
2956
+
2957
+ .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) { margin-left: 12px; }
2958
+
2959
+ .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) { margin-right: 12px; }
2960
+
2961
+ .components-popover__content { height: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border-radius: 2px; }
2962
+
2963
+ .is-alternate .components-popover__content { border: 1px solid #1e1e1e; box-shadow: none; }
2964
+
2965
+ .components-popover .components-popover__content { position: absolute; height: auto; overflow-y: auto; min-width: 260px; }
2966
+
2967
+ .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 50px); overflow-y: visible; min-width: auto; border: none; border-top: 1px solid #1e1e1e; }
2968
+
2969
+ .components-popover[data-y-axis="top"] .components-popover__content { bottom: 100%; }
2970
+
2971
+ .components-popover[data-x-axis="center"] .components-popover__content { left: 50%; transform: translateX(-50%); }
2972
+
2973
+ .components-popover[data-x-axis="right"] .components-popover__content { position: absolute; left: 100%; }
2974
+
2975
+ .components-popover:not([data-y-axis="middle"])[data-x-axis="right"] .components-popover__content { margin-left: -24px; }
2976
+
2977
+ .components-popover[data-x-axis="left"] .components-popover__content { position: absolute; right: 100%; }
2978
+
2979
+ .components-popover:not([data-y-axis="middle"])[data-x-axis="left"] .components-popover__content { margin-right: -24px; }
2980
+
2981
+ .components-popover__content > div { height: 100%; }
2982
+
2983
+ .components-popover__header { align-items: center; background: #fff; display: flex; height: 50px; justify-content: space-between; padding: 0 8px 0 16px; }
2984
+
2985
+ .components-popover__header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
2986
+
2987
+ .components-popover__close.components-button { z-index: 5; }
2988
+
2989
+ /*!rtl:end:ignore*/
2990
+ .components-radio-control { display: flex; flex-direction: column; }
2991
+
2992
+ .components-radio-control .components-base-control__help { margin-top: 0; }
2993
+
2994
+ .components-radio-control .components-base-control__field { margin-bottom: 0; }
2995
+
2996
+ .components-radio-control__option:not(:last-child) { margin-bottom: 4px; }
2997
+
2998
+ .components-radio-control__input[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 2px solid #757575; margin-right: 12px; transition: none; border-radius: 50%; margin-top: 0; margin-right: 6px; }
2999
+
3000
+ @media (prefers-reduced-motion: reduce) { .components-radio-control__input[type="radio"] { transition-duration: 0s; } }
3001
+
3002
+ @media (min-width: 600px) { .components-radio-control__input[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
3003
+
3004
+ .components-radio-control__input[type="radio"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
3005
+
3006
+ body.admin-color-sunrise .components-radio-control__input[type="radio"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
3007
+
3008
+ body.admin-color-ocean .components-radio-control__input[type="radio"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
3009
+
3010
+ body.admin-color-midnight .components-radio-control__input[type="radio"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
3011
+
3012
+ body.admin-color-ectoplasm .components-radio-control__input[type="radio"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
3013
+
3014
+ body.admin-color-coffee .components-radio-control__input[type="radio"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
3015
+
3016
+ body.admin-color-blue .components-radio-control__input[type="radio"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
3017
+
3018
+ body.admin-color-light .components-radio-control__input[type="radio"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
3019
+
3020
+ .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3021
+
3022
+ .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
3023
+
3024
+ .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3025
+
3026
+ .is-dark-theme .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3027
+
3028
+ .is-dark-theme .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
3029
+
3030
+ .is-dark-theme .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3031
+
3032
+ .components-radio-control__input[type="radio"]:checked::before { width: 6px; height: 6px; margin: 6px 0 0 6px; background-color: #fff; }
3033
+
3034
+ @media (min-width: 782px) { .components-radio-control__input[type="radio"]:checked::before { margin: 3px 0 0 3px; } }
3035
+
3036
+ .components-radio-control__input[type="radio"]:focus { border-color: #757575; box-shadow: 0 0 0 1px #757575; }
3037
+
3038
+ .components-radio-control__input[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
3039
+
3040
+ body.admin-color-sunrise .components-radio-control__input[type="radio"]:checked { background: #c8b03c; border-color: #c8b03c; }
3041
+
3042
+ body.admin-color-ocean .components-radio-control__input[type="radio"]:checked { background: #a3b9a2; border-color: #a3b9a2; }
3043
+
3044
+ body.admin-color-midnight .components-radio-control__input[type="radio"]:checked { background: #77a6b9; border-color: #77a6b9; }
3045
+
3046
+ body.admin-color-ectoplasm .components-radio-control__input[type="radio"]:checked { background: #a7b656; border-color: #a7b656; }
3047
+
3048
+ body.admin-color-coffee .components-radio-control__input[type="radio"]:checked { background: #c2a68c; border-color: #c2a68c; }
3049
+
3050
+ body.admin-color-blue .components-radio-control__input[type="radio"]:checked { background: #82b4cb; border-color: #82b4cb; }
3051
+
3052
+ body.admin-color-light .components-radio-control__input[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
3053
+
3054
+ .components-radio-control__input[type="radio"]:checked:focus { box-shadow: 0 0 0 1.5px #757575; }
3055
+
3056
+ .components-resizable-box__handle { display: none; width: 23px; height: 23px; }
3057
+
3058
+ .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; }
3059
+
3060
+ .components-resizable-box__handle::after { display: block; content: ""; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; background: #0085ba; cursor: inherit; position: absolute; top: calc(50% - 8px); right: calc(50% - 8px); }
3061
+
3062
+ body.admin-color-sunrise .components-resizable-box__handle::after { background: #d1864a; }
3063
+
3064
+ body.admin-color-ocean .components-resizable-box__handle::after { background: #a3b9a2; }
3065
+
3066
+ body.admin-color-midnight .components-resizable-box__handle::after { background: #e14d43; }
3067
+
3068
+ body.admin-color-ectoplasm .components-resizable-box__handle::after { background: #a7b656; }
3069
+
3070
+ body.admin-color-coffee .components-resizable-box__handle::after { background: #c2a68c; }
3071
+
3072
+ body.admin-color-blue .components-resizable-box__handle::after { background: #82b4cb; }
3073
+
3074
+ body.admin-color-light .components-resizable-box__handle::after { background: #0085ba; }
3075
+
3076
+ .components-resizable-box__side-handle::before { display: block; content: ""; width: 7px; height: 7px; border: 2px solid #fff; background: #0085ba; cursor: inherit; position: absolute; top: calc(50% - 4px); right: calc(50% - 4px); transition: transform 0.1s ease-in; opacity: 0; }
3077
+
3078
+ body.admin-color-sunrise .components-resizable-box__side-handle::before { background: #d1864a; }
3079
+
3080
+ body.admin-color-ocean .components-resizable-box__side-handle::before { background: #a3b9a2; }
3081
+
3082
+ body.admin-color-midnight .components-resizable-box__side-handle::before { background: #e14d43; }
3083
+
3084
+ body.admin-color-ectoplasm .components-resizable-box__side-handle::before { background: #a7b656; }
3085
+
3086
+ body.admin-color-coffee .components-resizable-box__side-handle::before { background: #c2a68c; }
3087
+
3088
+ body.admin-color-blue .components-resizable-box__side-handle::before { background: #82b4cb; }
3089
+
3090
+ body.admin-color-light .components-resizable-box__side-handle::before { background: #0085ba; }
3091
+
3092
+ @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle::before { transition-duration: 0s; } }
3093
+
3094
+ .is-dark-theme .components-resizable-box__side-handle::before, .is-dark-theme .components-resizable-box__handle::after { border-color: #d7dade; }
3095
+
3096
+ .components-resizable-box__handle { z-index: 2; }
3097
+
3098
+ .components-resizable-box__side-handle { z-index: 2; }
3099
+
3100
+ .components-resizable-box__corner-handle { z-index: 2; }
3101
+
3102
+ .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-top::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { width: 100%; left: 0; border-left: 0; border-right: 0; }
3103
+
3104
+ .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-left::before, .components-resizable-box__side-handle.components-resizable-box__handle-right::before { height: 100%; top: 0; border-top: 0; border-bottom: 0; }
3105
+
3106
+ .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { -webkit-animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3107
+
3108
+ @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3109
+
3110
+ .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { -webkit-animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3111
+
3112
+ @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3113
+
3114
+ @-webkit-keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0);
3115
+ opacity: 0; }
3116
+ to { transform: scaleX(1);
3117
+ opacity: 1; } }
3118
+
3119
+ @keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0);
3120
+ opacity: 0; }
3121
+ to { transform: scaleX(1);
3122
+ opacity: 1; } }
3123
+
3124
+ @-webkit-keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0);
3125
+ opacity: 0; }
3126
+ to { transform: scaleY(1);
3127
+ opacity: 1; } }
3128
+
3129
+ @keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0);
3130
+ opacity: 0; }
3131
+ to { transform: scaleY(1);
3132
+ opacity: 1; } }
3133
+
3134
+ /*!rtl:begin:ignore*/
3135
+ .components-resizable-box__handle-right { right: calc(11.5px * -1); }
3136
+
3137
+ .components-resizable-box__handle-left { left: calc(11.5px * -1); }
3138
+
3139
+ .components-resizable-box__handle-top { top: calc(11.5px * -1); }
3140
+
3141
+ .components-resizable-box__handle-bottom { bottom: calc(11.5px * -1); }
3142
+
3143
+ /*!rtl:end:ignore*/
3144
+ .components-responsive-wrapper { position: relative; max-width: 100%; }
3145
+
3146
+ .components-responsive-wrapper, .components-responsive-wrapper > span { display: block; }
3147
+
3148
+ .components-responsive-wrapper__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; }
3149
+
3150
+ .components-sandbox { overflow: hidden; }
3151
+
3152
+ iframe.components-sandbox { width: 100%; }
3153
+
3154
+ html.lockscroll, body.lockscroll { overflow: hidden; }
3155
+
3156
+ .components-select-control__input { background: #fff; height: 36px; line-height: 36px; margin: 1px; outline: 0; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
3157
+
3158
+ @media (min-width: 782px) { .components-select-control__input { height: 28px; line-height: 28px; } }
3159
+
3160
+ @media (max-width: 782px) { .components-base-control .components-base-control__field .components-select-control__input { font-size: 16px; } }
3161
+
3162
+ .components-snackbar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #32373c; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); color: #fff; padding: 16px 24px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; }
3163
+
3164
+ @media (min-width: 600px) { .components-snackbar { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }
3165
+
3166
+ .components-snackbar:hover { background-color: #191e23; }
3167
+
3168
+ .components-snackbar:focus { background-color: #191e23; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
3169
+
3170
+ body.admin-color-sunrise .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
3171
+
3172
+ body.admin-color-ocean .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
3173
+
3174
+ body.admin-color-midnight .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
3175
+
3176
+ body.admin-color-ectoplasm .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
3177
+
3178
+ body.admin-color-coffee .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
3179
+
3180
+ body.admin-color-blue .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
3181
+
3182
+ body.admin-color-light .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
3183
+
3184
+ .components-snackbar__action.components-button { margin-left: 32px; color: #fff; height: auto; flex-shrink: 0; line-height: 1.4; padding: 0; }
3185
+
3186
+ .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) { text-decoration: underline; background-color: transparent; }
3187
+
3188
+ .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus { color: #fff; box-shadow: none; outline: 1px dotted #fff; }
3189
+
3190
+ .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { color: #33b3db; }
3191
+
3192
+ .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; }
3193
+
3194
+ .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; }
3195
+
3196
+ .components-snackbar-list__notice-container { position: relative; padding-top: 8px; }
3197
+
3198
+ .components-spinner { display: inline-block; background-color: #7e8993; width: 18px; height: 18px; opacity: 0.7; margin: 5px 11px 0; border-radius: 100%; position: relative; }
3199
+
3200
+ .components-spinner::before { /* rtl:begin:ignore */ content: ""; position: absolute; background-color: #fff; top: 3px; left: 3px; width: 4px; height: 4px; border-radius: 100%; transform-origin: 6px 6px; -webkit-animation: components-spinner__animation 1s infinite linear; animation: components-spinner__animation 1s infinite linear; /* rtl:end:ignore */ }
3201
+
3202
+ @-webkit-keyframes components-spinner__animation { from { transform: rotate(0deg); }
3203
+ to { transform: rotate(360deg); } }
3204
+
3205
+ @keyframes components-spinner__animation { from { transform: rotate(0deg); }
3206
+ to { transform: rotate(360deg); } }
3207
+
3208
+ .components-tab-panel__tabs { display: flex; align-items: stretch; }
3209
+
3210
+ .components-tab-panel__tabs-item { background: transparent; border: none; box-shadow: none; border-radius: 0; cursor: pointer; height: 48px; padding: 3px 16px; margin-left: 0; font-weight: 500; transition: box-shadow 0.1s linear; box-sizing: border-box; }
3211
+
3212
+ .components-tab-panel__tabs-item::after { content: attr(data-label); display: block; height: 0; overflow: hidden; speak: none; visibility: hidden; }
3213
+
3214
+ .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #007cba; }
3215
+
3216
+ body.admin-color-sunrise .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #d1864a; }
3217
+
3218
+ body.admin-color-ocean .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #a3b9a2; }
3219
+
3220
+ body.admin-color-midnight .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #e14d43; }
3221
+
3222
+ body.admin-color-ectoplasm .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #a7b656; }
3223
+
3224
+ body.admin-color-coffee .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #c2a68c; }
3225
+
3226
+ body.admin-color-blue .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #d9ab59; }
3227
+
3228
+ body.admin-color-light .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #0085ba; }
3229
+
3230
+ .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; position: relative; }
3231
+
3232
+ body.admin-color-sunrise .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d1864a; }
3233
+
3234
+ body.admin-color-ocean .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a3b9a2; }
3235
+
3236
+ body.admin-color-midnight .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #e14d43; }
3237
+
3238
+ body.admin-color-ectoplasm .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a7b656; }
3239
+
3240
+ body.admin-color-coffee .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #c2a68c; }
3241
+
3242
+ body.admin-color-blue .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d9ab59; }
3243
+
3244
+ body.admin-color-light .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #0085ba; }
3245
+
3246
+ .components-tab-panel__tabs-item.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 4px solid transparent; }
3247
+
3248
+ .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #007cba; }
3249
+
3250
+ body.admin-color-sunrise .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
3251
+
3252
+ body.admin-color-ocean .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
3253
+
3254
+ body.admin-color-midnight .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
3255
+
3256
+ body.admin-color-ectoplasm .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
3257
+
3258
+ body.admin-color-coffee .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
3259
+
3260
+ body.admin-color-blue .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
3261
+
3262
+ body.admin-color-light .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
3263
+
3264
+ .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; }
3265
+
3266
+ body.admin-color-sunrise .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 -4px 0 0 #d1864a; }
3267
+
3268
+ body.admin-color-ocean .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 -4px 0 0 #a3b9a2; }
3269
+
3270
+ body.admin-color-midnight .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 -4px 0 0 #e14d43; }
3271
+
3272
+ body.admin-color-ectoplasm .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 -4px 0 0 #a7b656; }
3273
+
3274
+ body.admin-color-coffee .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 -4px 0 0 #c2a68c; }
3275
+
3276
+ body.admin-color-blue .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 -4px 0 0 #d9ab59; }
3277
+
3278
+ body.admin-color-light .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 -4px 0 0 #0085ba; }
3279
+
3280
+ .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
3281
+
3282
+ @media (prefers-reduced-motion: reduce) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { transition-duration: 0s; } }
3283
+
3284
+ @media (min-width: 600px) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
3285
+
3286
+ .components-text-control__input:focus, .components-text-control__input[type="text"]:focus, .components-text-control__input[type="tel"]:focus, .components-text-control__input[type="time"]:focus, .components-text-control__input[type="url"]:focus, .components-text-control__input[type="week"]:focus, .components-text-control__input[type="password"]:focus, .components-text-control__input[type="color"]:focus, .components-text-control__input[type="date"]:focus, .components-text-control__input[type="datetime"]:focus, .components-text-control__input[type="datetime-local"]:focus, .components-text-control__input[type="email"]:focus, .components-text-control__input[type="month"]:focus, .components-text-control__input[type="number"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
3287
+
3288
+ body.admin-color-sunrise .components-text-control__input:focus, body.admin-color-sunrise .components-text-control__input[type="text"]:focus, body.admin-color-sunrise .components-text-control__input[type="tel"]:focus, body.admin-color-sunrise .components-text-control__input[type="time"]:focus, body.admin-color-sunrise .components-text-control__input[type="url"]:focus, body.admin-color-sunrise .components-text-control__input[type="week"]:focus, body.admin-color-sunrise .components-text-control__input[type="password"]:focus, body.admin-color-sunrise .components-text-control__input[type="color"]:focus, body.admin-color-sunrise .components-text-control__input[type="date"]:focus, body.admin-color-sunrise .components-text-control__input[type="datetime"]:focus, body.admin-color-sunrise .components-text-control__input[type="datetime-local"]:focus, body.admin-color-sunrise .components-text-control__input[type="email"]:focus, body.admin-color-sunrise .components-text-control__input[type="month"]:focus, body.admin-color-sunrise .components-text-control__input[type="number"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
3289
+
3290
+ body.admin-color-ocean .components-text-control__input:focus, body.admin-color-ocean .components-text-control__input[type="text"]:focus, body.admin-color-ocean .components-text-control__input[type="tel"]:focus, body.admin-color-ocean .components-text-control__input[type="time"]:focus, body.admin-color-ocean .components-text-control__input[type="url"]:focus, body.admin-color-ocean .components-text-control__input[type="week"]:focus, body.admin-color-ocean .components-text-control__input[type="password"]:focus, body.admin-color-ocean .components-text-control__input[type="color"]:focus, body.admin-color-ocean .components-text-control__input[type="date"]:focus, body.admin-color-ocean .components-text-control__input[type="datetime"]:focus, body.admin-color-ocean .components-text-control__input[type="datetime-local"]:focus, body.admin-color-ocean .components-text-control__input[type="email"]:focus, body.admin-color-ocean .components-text-control__input[type="month"]:focus, body.admin-color-ocean .components-text-control__input[type="number"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
3291
+
3292
+ body.admin-color-midnight .components-text-control__input:focus, body.admin-color-midnight .components-text-control__input[type="text"]:focus, body.admin-color-midnight .components-text-control__input[type="tel"]:focus, body.admin-color-midnight .components-text-control__input[type="time"]:focus, body.admin-color-midnight .components-text-control__input[type="url"]:focus, body.admin-color-midnight .components-text-control__input[type="week"]:focus, body.admin-color-midnight .components-text-control__input[type="password"]:focus, body.admin-color-midnight .components-text-control__input[type="color"]:focus, body.admin-color-midnight .components-text-control__input[type="date"]:focus, body.admin-color-midnight .components-text-control__input[type="datetime"]:focus, body.admin-color-midnight .components-text-control__input[type="datetime-local"]:focus, body.admin-color-midnight .components-text-control__input[type="email"]:focus, body.admin-color-midnight .components-text-control__input[type="month"]:focus, body.admin-color-midnight .components-text-control__input[type="number"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
3293
+
3294
+ body.admin-color-ectoplasm .components-text-control__input:focus, body.admin-color-ectoplasm .components-text-control__input[type="text"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="tel"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="time"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="url"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="week"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="password"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="color"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="date"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="datetime"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="datetime-local"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="email"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="month"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="number"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
3295
+
3296
+ body.admin-color-coffee .components-text-control__input:focus, body.admin-color-coffee .components-text-control__input[type="text"]:focus, body.admin-color-coffee .components-text-control__input[type="tel"]:focus, body.admin-color-coffee .components-text-control__input[type="time"]:focus, body.admin-color-coffee .components-text-control__input[type="url"]:focus, body.admin-color-coffee .components-text-control__input[type="week"]:focus, body.admin-color-coffee .components-text-control__input[type="password"]:focus, body.admin-color-coffee .components-text-control__input[type="color"]:focus, body.admin-color-coffee .components-text-control__input[type="date"]:focus, body.admin-color-coffee .components-text-control__input[type="datetime"]:focus, body.admin-color-coffee .components-text-control__input[type="datetime-local"]:focus, body.admin-color-coffee .components-text-control__input[type="email"]:focus, body.admin-color-coffee .components-text-control__input[type="month"]:focus, body.admin-color-coffee .components-text-control__input[type="number"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
3297
+
3298
+ body.admin-color-blue .components-text-control__input:focus, body.admin-color-blue .components-text-control__input[type="text"]:focus, body.admin-color-blue .components-text-control__input[type="tel"]:focus, body.admin-color-blue .components-text-control__input[type="time"]:focus, body.admin-color-blue .components-text-control__input[type="url"]:focus, body.admin-color-blue .components-text-control__input[type="week"]:focus, body.admin-color-blue .components-text-control__input[type="password"]:focus, body.admin-color-blue .components-text-control__input[type="color"]:focus, body.admin-color-blue .components-text-control__input[type="date"]:focus, body.admin-color-blue .components-text-control__input[type="datetime"]:focus, body.admin-color-blue .components-text-control__input[type="datetime-local"]:focus, body.admin-color-blue .components-text-control__input[type="email"]:focus, body.admin-color-blue .components-text-control__input[type="month"]:focus, body.admin-color-blue .components-text-control__input[type="number"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
3299
+
3300
+ body.admin-color-light .components-text-control__input:focus, body.admin-color-light .components-text-control__input[type="text"]:focus, body.admin-color-light .components-text-control__input[type="tel"]:focus, body.admin-color-light .components-text-control__input[type="time"]:focus, body.admin-color-light .components-text-control__input[type="url"]:focus, body.admin-color-light .components-text-control__input[type="week"]:focus, body.admin-color-light .components-text-control__input[type="password"]:focus, body.admin-color-light .components-text-control__input[type="color"]:focus, body.admin-color-light .components-text-control__input[type="date"]:focus, body.admin-color-light .components-text-control__input[type="datetime"]:focus, body.admin-color-light .components-text-control__input[type="datetime-local"]:focus, body.admin-color-light .components-text-control__input[type="email"]:focus, body.admin-color-light .components-text-control__input[type="month"]:focus, body.admin-color-light .components-text-control__input[type="number"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
3301
+
3302
+ .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type="text"]::-webkit-input-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-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"]::-webkit-input-placeholder, .components-text-control__input[type="datetime-local"]::-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 { color: rgba(14, 28, 46, 0.62); }
3303
+
3304
+ .components-text-control__input::-moz-placeholder, .components-text-control__input[type="text"]::-moz-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-moz-placeholder, .components-text-control__input[type="color"]::-moz-placeholder, .components-text-control__input[type="date"]::-moz-placeholder, .components-text-control__input[type="datetime"]::-moz-placeholder, .components-text-control__input[type="datetime-local"]::-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 { opacity: 1; color: rgba(14, 28, 46, 0.62); }
3305
+
3306
+ .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type="text"]:-ms-input-placeholder, .components-text-control__input[type="tel"]:-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, .components-text-control__input[type="password"]:-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"]:-ms-input-placeholder, .components-text-control__input[type="datetime-local"]:-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 { color: rgba(14, 28, 46, 0.62); }
3307
+
3308
+ .is-dark-theme .components-text-control__input::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3309
+
3310
+ .is-dark-theme .components-text-control__input::-moz-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
3311
+
3312
+ .is-dark-theme .components-text-control__input:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3313
+
3314
+ .components-textarea-control__input { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
3315
+
3316
+ @media (prefers-reduced-motion: reduce) { .components-textarea-control__input { transition-duration: 0s; } }
3317
+
3318
+ @media (min-width: 600px) { .components-textarea-control__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
3319
+
3320
+ .components-textarea-control__input:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
3321
+
3322
+ body.admin-color-sunrise .components-textarea-control__input:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
3323
+
3324
+ body.admin-color-ocean .components-textarea-control__input:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
3325
+
3326
+ body.admin-color-midnight .components-textarea-control__input:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
3327
+
3328
+ body.admin-color-ectoplasm .components-textarea-control__input:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
3329
+
3330
+ body.admin-color-coffee .components-textarea-control__input:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
3331
+
3332
+ body.admin-color-blue .components-textarea-control__input:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
3333
+
3334
+ body.admin-color-light .components-textarea-control__input:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
3335
+
3336
+ .components-textarea-control__input::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3337
+
3338
+ .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
3339
+
3340
+ .components-textarea-control__input:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3341
+
3342
+ .is-dark-theme .components-textarea-control__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3343
+
3344
+ .is-dark-theme .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
3345
+
3346
+ .is-dark-theme .components-textarea-control__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3347
+
3348
+ .components-tip { display: flex; color: #555d66; }
3349
+
3350
+ .components-tip svg { -ms-grid-row-align: center; align-self: center; fill: #f0b849; flex-shrink: 0; margin-right: 16px; }
3351
+
3352
+ .components-tip p { margin: 0; }
3353
+
3354
+ .components-toggle-control .components-base-control__field { display: flex; margin-bottom: 12px; line-height: initial; align-items: center; }
3355
+
3356
+ .components-toggle-control .components-base-control__field .components-form-toggle { margin-right: 16px; }
3357
+
3358
+ .components-toggle-control .components-base-control__field .components-toggle-control__label { display: block; }
3359
+
3360
+ .components-accessible-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; flex-shrink: 0; }
3361
+
3362
+ .components-accessible-toolbar > .components-toolbar-group:last-child { border-right: none; }
3363
+
3364
+ .components-accessible-toolbar .components-button, .components-toolbar .components-button { position: relative; height: 48px; z-index: 1; padding-left: 16px; padding-right: 16px; }
3365
+
3366
+ .components-accessible-toolbar .components-button:focus:enabled, .components-toolbar .components-button:focus:enabled { box-shadow: none; outline: none; }
3367
+
3368
+ .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; min-width: 32px; left: 8px; right: 8px; z-index: -1; -webkit-animation: components-button__appear-animation 0.1s ease; animation: components-button__appear-animation 0.1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3369
+
3370
+ @media (prefers-reduced-motion: reduce) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3371
+
3372
+ .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { position: relative; margin-left: auto; margin-right: auto; }
3373
+
3374
+ .components-accessible-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed { background: transparent; }
3375
+
3376
+ .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed:hover { background: transparent; }
3377
+
3378
+ .components-accessible-toolbar .components-button.is-pressed::before, .components-toolbar .components-button.is-pressed::before { background: #1e1e1e; }
3379
+
3380
+ .components-accessible-toolbar .components-button:focus::before, .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; outline: 2px solid transparent; }
3381
+
3382
+ body.admin-color-sunrise .components-accessible-toolbar .components-button:focus::before, body.admin-color-sunrise .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 4px #fff; }
3383
+
3384
+ body.admin-color-ocean .components-accessible-toolbar .components-button:focus::before, body.admin-color-ocean .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 4px #fff; }
3385
+
3386
+ body.admin-color-midnight .components-accessible-toolbar .components-button:focus::before, body.admin-color-midnight .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 4px #fff; }
3387
+
3388
+ body.admin-color-ectoplasm .components-accessible-toolbar .components-button:focus::before, body.admin-color-ectoplasm .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 4px #fff; }
3389
+
3390
+ body.admin-color-coffee .components-accessible-toolbar .components-button:focus::before, body.admin-color-coffee .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 4px #fff; }
3391
+
3392
+ body.admin-color-blue .components-accessible-toolbar .components-button:focus::before, body.admin-color-blue .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 0 0 4px #fff; }
3393
+
3394
+ body.admin-color-light .components-accessible-toolbar .components-button:focus::before, body.admin-color-light .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 4px #fff; }
3395
+
3396
+ .components-accessible-toolbar .components-button.has-icon, .components-toolbar .components-button.has-icon { padding-left: 8px; padding-right: 8px; min-width: 48px; justify-content: center; }
3397
+
3398
+ .components-accessible-toolbar .components-button.components-tab-button, .components-toolbar .components-button.components-tab-button { font-weight: 500; }
3399
+
3400
+ .components-accessible-toolbar .components-button.components-tab-button span, .components-toolbar .components-button.components-tab-button span { display: inline-block; padding-left: 0; padding-right: 0; position: relative; }
3401
+
3402
+ @-webkit-keyframes components-button__appear-animation { from { transform: scaleY(0); }
3403
+ to { transform: scaleY(1); } }
3404
+
3405
+ @keyframes components-button__appear-animation { from { transform: scaleY(0); }
3406
+ to { transform: scaleY(1); } }
3407
+
3408
+ .components-toolbar__control.components-button { position: relative; }
3409
+
3410
+ .components-toolbar__control.components-button[data-subscript] svg { padding: 5px 10px 5px 0; }
3411
+
3412
+ .components-toolbar__control.components-button[data-subscript]::after { content: attr(data-subscript); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; font-weight: 600; line-height: 12px; position: absolute; right: 8px; bottom: 10px; }
3413
+
3414
+ .components-toolbar__control.components-button:active::before { display: none; }
3415
+
3416
+ .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { color: #fff; }
3417
+
3418
+ .components-toolbar-group { min-height: 48px; border-right: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; line-height: 0; }
3419
+
3420
+ .components-toolbar-group .components-toolbar-group { border-width: 0; margin: 0; }
3421
+
3422
+ .components-toolbar { min-height: 48px; margin: 0; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; }
3423
+
3424
+ div.components-toolbar > div { display: block; margin: 0; }
3425
+
3426
+ @supports ((position: -webkit-sticky) or (position: sticky)) { div.components-toolbar > div { display: flex; } }
3427
+
3428
+ div.components-toolbar > div + div.has-left-divider { margin-left: 6px; position: relative; overflow: visible; }
3429
+
3430
+ div.components-toolbar > div + div.has-left-divider::before { display: inline-block; content: ""; box-sizing: content-box; background-color: #e2e4e7; position: absolute; top: 8px; left: -3px; width: 1px; height: 20px; }
3431
+
3432
+ .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon, .components-toolbar div > .components-button.components-button.has-icon { min-width: 36px; padding-left: 6px; padding-right: 6px; }
3433
+
3434
+ .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon svg, .components-toolbar div > .components-button.components-button.has-icon svg { min-width: 24px; }
3435
+
3436
+ .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon::before, .components-toolbar div > .components-button.components-button.has-icon::before { left: 2px; right: 2px; }
3437
+
3438
+ .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon, .components-toolbar div:first-child .components-button.has-icon { min-width: 42px; padding-left: 11px; padding-right: 6px; }
3439
+
3440
+ .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon::before, .components-toolbar div:first-child .components-button.has-icon::before { left: 8px; right: 2px; }
3441
+
3442
+ .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon, .components-toolbar div:last-child .components-button.has-icon { min-width: 42px; padding-left: 6px; padding-right: 11px; }
3443
+
3444
+ .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon::before, .components-toolbar div:last-child .components-button.has-icon::before { left: 2px; right: 8px; }
3445
+
3446
+ .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon, .components-toolbar div:first-child:last-child > .components-button.has-icon { min-width: 48px; padding-left: 12px; padding-right: 12px; }
3447
+
3448
+ .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon::before, .components-toolbar div:first-child:last-child > .components-button.has-icon::before { left: 8px; right: 8px; }
3449
+
3450
+ .components-tooltip.components-popover { z-index: 1000002; }
3451
+
3452
+ .components-tooltip.components-popover .components-popover__content { min-width: 0; }
3453
+
3454
+ .components-tooltip .components-popover__content { padding: 4px 8px; background: #1e1e1e; border-radius: 2px; border-width: 0; color: #fff; white-space: nowrap; text-align: center; pointer-events: none; }
3455
+
3456
+ .components-tooltip__shortcut { display: inline-block; margin-left: 8px; }
3457
+
3458
+ .components-visually-hidden { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
3459
+
3460
+ .components-visually-hidden:focus { background-color: #e2e4e7; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
3461
+
3462
+ /** Colors */
3463
+ /** Breakpoints & Media Queries */
3464
+ /** Colors */
3465
+ /** Fonts & basic variables. */
3466
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
3467
+ /** Dimensions. */
3468
+ /** Shadows. */
3469
+ /** Editor widths. */
3470
+ /** Block UI. */
3471
+ /** Border radii. */
3472
+ /** Breakpoint mixins */
3473
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
3474
+ /** Focus styles. */
3475
+ /** Applies editor left position to the selector passed as argument */
3476
+ /** Styles that are reused verbatim in a few places */
3477
+ /** Allows users to opt-out of animations via OS-level preferences. */
3478
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
3479
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
3480
+ #start-resizable-editor-section { display: none; }
3481
+
3482
+ .block-editor-autocompleters__block .block-editor-block-icon { margin-right: 8px; }
3483
+
3484
+ .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content { min-width: 0; padding: 8px; width: auto; }
3485
+
3486
+ .block-editor-block-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; }
3487
+
3488
+ .block-editor-block-icon.has-colors svg { fill: currentColor; }
3489
+
3490
+ .block-editor-block-icon svg { min-width: 20px; min-height: 20px; max-width: 24px; max-height: 24px; }
3491
+
3492
+ .block-editor-block-inspector .components-base-control { margin-bottom: 24px; }
3493
+
3494
+ .block-editor-block-inspector .components-base-control:last-child { margin-bottom: 8px; }
3495
+
3496
+ .block-editor-block-inspector .components-panel__body { border: none; border-top: 1px solid #e2e4e7; }
3497
+
3498
+ .block-editor-block-inspector .block-editor-block-card { padding: 16px; }
3499
+
3500
+ .block-editor-block-inspector__no-blocks { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; }
3501
+
3502
+ .block-editor-block-list__layout .block-editor-block-list__block.is-dragging > * { background: #f8f9f9; }
3503
+
3504
+ .block-editor-block-list__layout .block-editor-block-list__block.is-dragging > * > * { visibility: hidden; }
3505
+
3506
+ .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { z-index: 1; }
3507
+
3508
+ .block-editor-block-styles .block-editor-block-list__block { margin: 0; }
3509
+
3510
+ /** Notices & Block Selected/Hover Styles. */
3511
+ .block-editor-block-list__layout .block-editor-block-list__block { position: relative; overflow-wrap: break-word; /** Notices */ /** Block Layout */ }
3512
+
3513
+ .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { margin: -10px 0 12px 0; }
3514
+
3515
+ .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { margin: 0 0 12px 0; width: 100%; }
3516
+
3517
+ .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { margin-left: 0; margin-right: 0; }
3518
+
3519
+ .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { font-size: 13px; }
3520
+
3521
+ .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { outline: none; }
3522
+
3523
+ .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; left: 1px; right: 1px; box-shadow: 0 0 0 1.5px #007cba; border-radius: 1px; }
3524
+
3525
+ body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #d1864a; }
3526
+
3527
+ body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #a3b9a2; }
3528
+
3529
+ body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #e14d43; }
3530
+
3531
+ body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #a7b656; }
3532
+
3533
+ body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #c2a68c; }
3534
+
3535
+ body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #d9ab59; }
3536
+
3537
+ body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #0085ba; }
3538
+
3539
+ .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #fff; }
3540
+
3541
+ .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { opacity: 0.5; transition: opacity 0.1s linear; }
3542
+
3543
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { transition-duration: 0s; } }
3544
+
3545
+ .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { opacity: 1; }
3546
+
3547
+ .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; right: 0; left: 0; top: -14px; border-radius: 2px; border-top: 4px solid #007cba; }
3548
+
3549
+ body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #d1864a; }
3550
+
3551
+ body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #a3b9a2; }
3552
+
3553
+ body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #e14d43; }
3554
+
3555
+ body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #a7b656; }
3556
+
3557
+ body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #c2a68c; }
3558
+
3559
+ body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #d9ab59; }
3560
+
3561
+ body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #0085ba; }
3562
+
3563
+ /** Cross-Block Selection */
3564
+ .block-editor-block-list__layout { position: relative; }
3565
+
3566
+ .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; left: 1px; right: 1px; }
3567
+
3568
+ .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #007cba; border-radius: 1px; transition: box-shadow 0.2s ease-out; outline: 2px solid transparent; }
3569
+
3570
+ body.admin-color-sunrise .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #d1864a; }
3571
+
3572
+ body.admin-color-ocean .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #a3b9a2; }
3573
+
3574
+ body.admin-color-midnight .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #e14d43; }
3575
+
3576
+ body.admin-color-ectoplasm .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #a7b656; }
3577
+
3578
+ body.admin-color-coffee .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #c2a68c; }
3579
+
3580
+ body.admin-color-blue .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #d9ab59; }
3581
+
3582
+ body.admin-color-light .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #0085ba; }
3583
+
3584
+ @media (prefers-reduced-motion: reduce) { .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { transition-duration: 0s; } }
3585
+
3586
+ .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #fff; }
3587
+
3588
+ .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::-moz-selection { background: transparent; }
3589
+
3590
+ .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { background: transparent; }
3591
+
3592
+ /** Block styles and alignments */
3593
+ .block-editor-block-list__layout .block-editor-block-list__block.has-warning { min-height: 36px; }
3594
+
3595
+ .block-editor-block-list__layout .block-editor-block-list__block::after { content: ""; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; box-shadow: 0 0 0 1.5px transparent; transition: box-shadow 0.1s ease-in; }
3596
+
3597
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block::after { transition-duration: 0s; } }
3598
+
3599
+ .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { pointer-events: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
3600
+
3601
+ .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { pointer-events: all; }
3602
+
3603
+ .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.4); }
3604
+
3605
+ .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { background-color: transparent; }
3606
+
3607
+ .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { display: none; }
3608
+
3609
+ .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { display: block; }
3610
+
3611
+ .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block { cursor: default; }
3612
+
3613
+ .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { float: none; }
3614
+
3615
+ .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { left: auto; right: 8px; }
3616
+
3617
+ .block-editor-block-list__layout .wp-block { margin-left: auto; margin-right: auto; }
3618
+
3619
+ .wp-block[data-align="left"], .wp-block[data-align="right"] { width: 100%; height: 0; }
3620
+
3621
+ .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before { content: none; }
3622
+
3623
+ .wp-block[data-align="left"] > *, .wp-block[data-align="right"] > * { z-index: 21; }
3624
+
3625
+ .wp-block[data-align="left"] > * { /*!rtl:begin:ignore*/ float: left; margin-right: 2em; /*!rtl:end:ignore*/ }
3626
+
3627
+ .wp-block[data-align="right"] > * { /*!rtl:begin:ignore*/ float: right; margin-left: 2em; /*!rtl:end:ignore*/ }
3628
+
3629
+ .wp-block[data-align="full"], .wp-block[data-align="wide"] { clear: both; }
3630
+
3631
+ /** In-Canvas Inserter */
3632
+ .block-editor-block-list .block-editor-inserter { margin: 8px; cursor: move; cursor: -webkit-grab; cursor: grab; }
3633
+
3634
+ .block-editor-block-list__insertion-point { position: relative; z-index: 6; margin-top: -14px; }
3635
+
3636
+ .block-editor-block-list__insertion-point-indicator { position: absolute; top: calc(50% - 1px); height: 1.5px; left: 0; right: 0; background: #0085ba; }
3637
+
3638
+ body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator { background: #d1864a; }
3639
+
3640
+ body.admin-color-ocean .block-editor-block-list__insertion-point-indicator { background: #a3b9a2; }
3641
+
3642
+ body.admin-color-midnight .block-editor-block-list__insertion-point-indicator { background: #e14d43; }
3643
+
3644
+ body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator { background: #a7b656; }
3645
+
3646
+ body.admin-color-coffee .block-editor-block-list__insertion-point-indicator { background: #c2a68c; }
3647
+
3648
+ body.admin-color-blue .block-editor-block-list__insertion-point-indicator { background: #82b4cb; }
3649
+
3650
+ body.admin-color-light .block-editor-block-list__insertion-point-indicator { background: #0085ba; }
3651
+
3652
+ .block-editor-block-list__insertion-point-inserter { display: none; justify-content: center; cursor: text; }
3653
+
3654
+ @media (min-width: 480px) { .block-editor-block-list__insertion-point-inserter { display: flex; } }
3655
+
3656
+ .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle { opacity: 0; pointer-events: none; }
3657
+
3658
+ .block-editor-block-list__block-popover-inserter { position: absolute; top: -9999em; margin-bottom: 14px; }
3659
+
3660
+ .block-editor-block-list__block-popover-inserter.is-visible { position: static; }
3661
+
3662
+ .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button, .block-editor-default-block-appender .block-editor-inserter__toggle.components-button, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { background: #1e1e1e; border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; }
3663
+
3664
+ .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button:hover, .block-editor-default-block-appender .block-editor-inserter__toggle.components-button:hover, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button:hover, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button:hover { color: #fff; }
3665
+
3666
+ .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { -webkit-animation: block-editor-inserter__toggle__fade-in-animation-delayed 1.2s ease; animation: block-editor-inserter__toggle__fade-in-animation-delayed 1.2s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3667
+
3668
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3669
+
3670
+ @-webkit-keyframes block-editor-inserter__toggle__fade-in-animation-delayed { 0% { opacity: 0; }
3671
+ 80% { opacity: 0; }
3672
+ 100% { opacity: 1; } }
3673
+
3674
+ @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { 0% { opacity: 0; }
3675
+ 80% { opacity: 0; }
3676
+ 100% { opacity: 1; } }
3677
+
3678
+ @-webkit-keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0;
3679
+ transform: scale(0); }
3680
+ to { opacity: 1;
3681
+ transform: scale(1); } }
3682
+
3683
+ @keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0;
3684
+ transform: scale(0); }
3685
+ to { opacity: 1;
3686
+ transform: scale(1); } }
3687
+
3688
+ .wp-block .block-list-appender .block-editor-inserter__toggle { -webkit-animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3689
+
3690
+ @media (prefers-reduced-motion: reduce) { .wp-block .block-list-appender .block-editor-inserter__toggle { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3691
+
3692
+ .wp-block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { display: none; }
3693
+
3694
+ .wp-block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { opacity: 0; transform: scale(0); }
3695
+
3696
+ .block-editor-block-list__block > .block-editor-block-list__insertion-point { position: absolute; top: -16px; height: 28px; bottom: auto; left: 14px; right: 14px; }
3697
+
3698
+ .block-editor-block-list__block .block-editor-block-list__block-html-textarea { display: block; margin: 0; width: 100%; border: none; outline: none; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; line-height: 150%; transition: padding 0.2s linear; }
3699
+
3700
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-editor-block-list__block-html-textarea { transition-duration: 0s; } }
3701
+
3702
+ .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { box-shadow: none; }
3703
+
3704
+ /** Block Toolbar, top and contextual. */
3705
+ .block-editor-block-contextual-toolbar-wrapper { padding-left: 48px; }
3706
+
3707
+ /** Block Toolbar when contextual. */
3708
+ .block-editor-block-contextual-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; }
3709
+
3710
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { border-right-color: #1e1e1e; }
3711
+
3712
+ /** Block Label for Navigation/Selection Mode */
3713
+ .block-editor-block-list__block-selection-button { display: block; z-index: 22; }
3714
+
3715
+ .block-editor-block-list__block-selection-button .components-button { font-size: 13px; height: 46px; padding: 12px 16px; position: relative; top: -1px; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; background-color: #fff; margin-left: 49px; }
3716
+
3717
+ .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #007cba; }
3718
+
3719
+ body.admin-color-sunrise .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #d1864a; }
3720
+
3721
+ body.admin-color-ocean .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
3722
+
3723
+ body.admin-color-midnight .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #e14d43; }
3724
+
3725
+ body.admin-color-ectoplasm .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #a7b656; }
3726
+
3727
+ body.admin-color-coffee .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
3728
+
3729
+ body.admin-color-blue .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
3730
+
3731
+ body.admin-color-light .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #0085ba; }
3732
+
3733
+ /** Warnings. */
3734
+ .block-editor-block-list__block .block-editor-warning { z-index: 5; position: relative; }
3735
+
3736
+ .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { margin-bottom: auto; }
3737
+
3738
+ /** Popovers. */
3739
+ .block-editor-block-list__insertion-point-popover.is-without-arrow { z-index: 28; }
3740
+
3741
+ .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { background: none; border: none; box-shadow: none; overflow-y: visible; margin-left: 0; }
3742
+
3743
+ .components-popover.block-editor-block-list__block-popover { z-index: 31; }
3744
+
3745
+ .components-popover.block-editor-block-list__block-popover .components-popover__content { margin: 0 !important; min-width: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: none; border: none; box-shadow: none; overflow-y: visible; pointer-events: none; }
3746
+
3747
+ .components-popover.block-editor-block-list__block-popover .components-popover__content > * { pointer-events: all; }
3748
+
3749
+ .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { margin-bottom: 12px; margin-left: -48px; }
3750
+
3751
+ .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar[data-align="full"], .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button[data-align="full"] { margin-left: 0; }
3752
+
3753
+ .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { opacity: 0; }
3754
+
3755
+ .is-dragging-components-draggable .components-tooltip { display: none; }
3756
+
3757
+ .block-editor-block-list__layout.is-root-container { padding-left: 14px; padding-right: 14px; }
3758
+
3759
+ @media (min-width: 600px) { .block-editor-block-list__layout.is-root-container { padding-left: 36px; padding-right: 36px; } }
3760
+
3761
+ .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: -14px; margin-right: -14px; }
3762
+
3763
+ @media (min-width: 600px) { .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: -36px; margin-right: -36px; } }
3764
+
3765
+ .block-editor-block-list__block .block-list-appender { margin: 8px 0; }
3766
+
3767
+ .has-background .block-editor-block-list__block .block-list-appender { margin: 20px 8px; }
3768
+
3769
+ .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { opacity: 1; transform: scale(1); transition: all 0.1s ease; }
3770
+
3771
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { transition-duration: 0s; } }
3772
+
3773
+ .block-list-appender.is-drop-target > div::before { content: ""; position: absolute; right: -8px; left: -8px; top: -8px; bottom: -8px; border-radius: 2px; border: 3px solid #0085ba; }
3774
+
3775
+ body.admin-color-sunrise .block-list-appender.is-drop-target > div::before { border: 3px solid #d1864a; }
3776
+
3777
+ body.admin-color-ocean .block-list-appender.is-drop-target > div::before { border: 3px solid #a3b9a2; }
3778
+
3779
+ body.admin-color-midnight .block-list-appender.is-drop-target > div::before { border: 3px solid #e14d43; }
3780
+
3781
+ body.admin-color-ectoplasm .block-list-appender.is-drop-target > div::before { border: 3px solid #a7b656; }
3782
+
3783
+ body.admin-color-coffee .block-list-appender.is-drop-target > div::before { border: 3px solid #c2a68c; }
3784
+
3785
+ body.admin-color-blue .block-list-appender.is-drop-target > div::before { border: 3px solid #82b4cb; }
3786
+
3787
+ body.admin-color-light .block-list-appender.is-drop-target > div::before { border: 3px solid #0085ba; }
3788
+
3789
+ .block-list-appender > .block-editor-inserter { display: block; }
3790
+
3791
+ .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { opacity: 0; transform: scale(0); }
3792
+
3793
+ .block-editor-block-breadcrumb { list-style: none; padding: 0; margin: 0; }
3794
+
3795
+ .block-editor-block-breadcrumb li { display: inline-block; margin: 0; }
3796
+
3797
+ .block-editor-block-breadcrumb li:not(:last-child)::after { content: "\2192"; }
3798
+
3799
+ .block-editor-block-breadcrumb__button.components-button { height: 24px; line-height: 24px; padding: 0; position: relative; }
3800
+
3801
+ .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { text-decoration: underline; box-shadow: none; }
3802
+
3803
+ .block-editor-block-breadcrumb__button.components-button:focus { box-shadow: none; }
3804
+
3805
+ .block-editor-block-breadcrumb__button.components-button:focus::before { content: ""; display: block; position: absolute; border-radius: 2px; top: 1px; right: 1px; bottom: 1px; left: 1px; box-shadow: inset 0 0 0 1.5px #007cba; }
3806
+
3807
+ body.admin-color-sunrise .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d1864a; }
3808
+
3809
+ body.admin-color-ocean .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
3810
+
3811
+ body.admin-color-midnight .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #e14d43; }
3812
+
3813
+ body.admin-color-ectoplasm .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a7b656; }
3814
+
3815
+ body.admin-color-coffee .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #c2a68c; }
3816
+
3817
+ body.admin-color-blue .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d9ab59; }
3818
+
3819
+ body.admin-color-light .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #0085ba; }
3820
+
3821
+ .block-editor-block-breadcrumb__current { cursor: default; }
3822
+
3823
+ .block-editor-block-breadcrumb__button.components-button, .block-editor-block-breadcrumb__current { color: #1e1e1e; padding: 0 8px; font-size: inherit; }
3824
+
3825
+ .block-editor-block-card { display: flex; align-items: flex-start; }
3826
+
3827
+ .block-editor-block-card__icon { border: 1px solid #ccd0d4; padding: 7px; margin-right: 10px; height: 36px; width: 36px; }
3828
+
3829
+ .block-editor-block-card__content { flex-grow: 1; }
3830
+
3831
+ .block-editor-block-card__title { font-weight: 500; }
3832
+
3833
+ .block-editor-block-card__title.block-editor-block-card__title { margin: 0 0 5px; }
3834
+
3835
+ .block-editor-block-card__description { font-size: 13px; }
3836
+
3837
+ .block-editor-block-card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; }
3838
+
3839
+ /** Invalid block comparison */
3840
+ .block-editor-block-compare { overflow: auto; height: auto; }
3841
+
3842
+ @media (min-width: 600px) { .block-editor-block-compare { max-height: 70%; } }
3843
+
3844
+ .block-editor-block-compare__wrapper { display: flex; padding-bottom: 16px; }
3845
+
3846
+ .block-editor-block-compare__wrapper > div { display: flex; justify-content: space-between; flex-direction: column; width: 50%; padding: 0 16px 0 0; min-width: 200px; }
3847
+
3848
+ .block-editor-block-compare__wrapper > div button { float: right; }
3849
+
3850
+ .block-editor-block-compare__wrapper .block-editor-block-compare__converted { border-left: 1px solid #ddd; padding-left: 15px; padding-right: 0; }
3851
+
3852
+ .block-editor-block-compare__wrapper .block-editor-block-compare__html { font-family: Menlo, Consolas, monaco, monospace; font-size: 12px; color: #23282d; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 1.7; }
3853
+
3854
+ .block-editor-block-compare__wrapper .block-editor-block-compare__html span { background-color: #e6ffed; padding-top: 3px; padding-bottom: 3px; }
3855
+
3856
+ .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { background-color: #acf2bd; }
3857
+
3858
+ .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { background-color: #d94f4f; }
3859
+
3860
+ .block-editor-block-compare__wrapper .block-editor-block-compare__preview { padding: 0; padding-top: 14px; }
3861
+
3862
+ .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { font-size: 12px; margin-top: 0; }
3863
+
3864
+ .block-editor-block-compare__wrapper .block-editor-block-compare__action { margin-top: 14px; }
3865
+
3866
+ .block-editor-block-compare__wrapper .block-editor-block-compare__heading { font-size: 1em; font-weight: 400; margin: 0.67em 0; }
3867
+
3868
+ .block-editor-block-mobile-toolbar { display: flex; flex-direction: row; border-right: 1px solid #e2e4e7; }
3869
+
3870
+ .block-editor-block-mobile-toolbar .block-editor-block-mover-button { width: 36px; height: 36px; border-radius: 4px; padding: 3px; margin: 0; justify-content: center; align-items: center; }
3871
+
3872
+ .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { margin: auto; }
3873
+
3874
+ .block-editor-block-mobile-toolbar .block-editor-block-mover { display: flex; margin-right: auto; }
3875
+
3876
+ .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { float: left; }
3877
+
3878
+ .block-editor-block-mover { display: inline-flex; flex-direction: row; }
3879
+
3880
+ .block-editor-block-mover-button__description { display: none; }
3881
+
3882
+ .block-editor-block-mover-button.has-icon { padding: 0; }
3883
+
3884
+ .block-editor-block-mover .components-toolbar-group, .block-editor-block-mover .components-toolbar { flex-direction: column; flex: 1; }
3885
+
3886
+ .block-editor-block-mover.is-horizontal .components-toolbar-group, .block-editor-block-mover.is-horizontal .components-toolbar { flex-direction: row; }
3887
+
3888
+ .block-editor-block-mover .block-editor-block-mover-button { height: 24px; width: 48px; padding: 0 !important; }
3889
+
3890
+ .block-editor-block-mover .block-editor-block-mover-button::before { left: 8px !important; right: 8px !important; }
3891
+
3892
+ .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg { margin-bottom: -8px; }
3893
+
3894
+ .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { bottom: 0; height: calc(100% - 8px); }
3895
+
3896
+ .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg { margin-top: -8px; }
3897
+
3898
+ .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { top: 0; height: calc(100% - 8px); }
3899
+
3900
+ .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { height: 48px; width: 24px !important; min-width: 24px !important; padding-left: 0; padding-right: 0; }
3901
+
3902
+ .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { top: 8px; bottom: 8px; min-width: 0; width: auto; height: auto; }
3903
+
3904
+ .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { margin-left: 0; margin-right: -8px; margin-bottom: 0; }
3905
+
3906
+ .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { left: 8px !important; right: 0 !important; }
3907
+
3908
+ .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { margin-left: -8px; margin-right: 0; margin-top: 0; }
3909
+
3910
+ .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { left: 0 !important; right: 8px !important; }
3911
+
3912
+ .block-editor-block-mover:not([draggable="false"]) { cursor: -webkit-grab; cursor: grab; }
3913
+
3914
+ .block-editor-block-mover:not([draggable="false"]) .block-editor-block-mover__control { cursor: -webkit-grab !important; cursor: grab !important; }
3915
+
3916
+ .block-editor-block-mover:not([draggable="false"]) .block-editor-block-mover__control:not(:disabled):not([aria-disabled="true"]):active { cursor: -webkit-grabbing; cursor: grabbing; }
3917
+
3918
+ .block-editor-block-navigation__container { padding: 7px; }
3919
+
3920
+ .block-editor-block-navigation__label { margin: 0 0 8px; color: #6c7781; }
3921
+
3922
+ .block-editor-block-navigation__container { padding: 7px; }
3923
+
3924
+ .block-editor-block-navigation-tree { width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
3925
+
3926
+ .block-editor-block-navigation-leaf { position: relative; }
3927
+
3928
+ .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { display: flex; align-items: center; width: calc(100% - 0.8em); height: auto; padding: 6px; text-align: left; color: #40464d; border-radius: 2px; }
3929
+
3930
+ .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { opacity: 1; -webkit-animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation: edit-post__fade-in-animation 0.2s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3931
+
3932
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3933
+
3934
+ .block-editor-block-navigation-leaf .block-editor-block-icon { align-self: flex-start; margin-right: 6px; }
3935
+
3936
+ .block-editor-block-navigation-leaf.is-selected .block-editor-block-icon svg, .block-editor-block-navigation-leaf.is-selected:focus .block-editor-block-icon svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; }
3937
+
3938
+ .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { width: 36px; opacity: 0; vertical-align: top; }
3939
+
3940
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { transition-duration: 0s; } }
3941
+
3942
+ .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { opacity: 1; -webkit-animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation: edit-post__fade-in-animation 0.2s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3943
+
3944
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3945
+
3946
+ .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { width: 24px; min-width: 24px; padding: 0; }
3947
+
3948
+ .block-editor-block-navigation-leaf .block-editor-block-mover-button { width: 36px; height: 36px; }
3949
+
3950
+ .block-editor-block-navigation-leaf .block-editor-inserter__toggle { background: #1e1e1e; color: #fff; height: 24px; margin: 6px 6px 6px 0.8em; min-width: 24px; }
3951
+
3952
+ .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { color: #fff; }
3953
+
3954
+ .block-editor-block-navigation-block-slot__description, .block-editor-block-navigation-block-select-button__description, .block-editor-block-navigation-appender__description { display: none; }
3955
+
3956
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { display: flex; }
3957
+
3958
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line { position: relative; flex-shrink: 0; width: 24px; }
3959
+
3960
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child { width: 18px; }
3961
+
3962
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item { margin-right: 6px; }
3963
+
3964
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before { content: ""; display: block; position: absolute; top: -1px; bottom: -2px; right: 0; border-right: 2px solid #a2aab2; }
3965
+
3966
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before { border-color: transparent; }
3967
+
3968
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { height: 16px; }
3969
+
3970
+ .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after { content: ""; display: block; position: absolute; top: 16px; left: 100%; width: 5px; border-bottom: 2px solid #a2aab2; }
3971
+
3972
+ .block-editor-block-parent-selector { background: #fff; border: 1px solid #1e1e1e; border-radius: 2px; padding: 8px; line-height: 1; }
3973
+
3974
+ .block-editor-block-parent-selector .block-editor-block-parent-selector__button { width: 32px; min-width: auto; height: 32px; padding: 0; }
3975
+
3976
+ .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; }
3977
+
3978
+ .block-editor-block-preview__content { position: absolute; top: 0; left: 0; transform-origin: top left; text-align: initial; margin: 0; overflow: visible; min-height: auto; }
3979
+
3980
+ .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__content .block-editor-block-drop-zone, .block-editor-block-preview__content .reusable-block-indicator, .block-editor-block-preview__content .block-list-appender { display: none; }
3981
+
3982
+ .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { padding-left: 0; padding-right: 0; }
3983
+
3984
+ .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: 0; margin-right: 0; }
3985
+
3986
+ .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { padding: 0; }
3987
+
3988
+ .block-editor-block-styles { display: flex; flex-wrap: wrap; justify-content: space-between; }
3989
+
3990
+ .block-editor-block-styles__item { width: calc(50% - 4px); margin: 4px 0; flex-shrink: 0; cursor: pointer; overflow: hidden; border-radius: 2px; padding: 6px; display: flex; flex-direction: column; }
3991
+
3992
+ .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
3993
+
3994
+ body.admin-color-sunrise .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #d1864a; }
3995
+
3996
+ body.admin-color-ocean .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
3997
+
3998
+ body.admin-color-midnight .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #e14d43; }
3999
+
4000
+ body.admin-color-ectoplasm .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #a7b656; }
4001
+
4002
+ body.admin-color-coffee .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
4003
+
4004
+ body.admin-color-blue .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
4005
+
4006
+ body.admin-color-light .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #0085ba; }
4007
+
4008
+ .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #007cba; }
4009
+
4010
+ body.admin-color-sunrise .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #d1864a; }
4011
+
4012
+ body.admin-color-ocean .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #a3b9a2; }
4013
+
4014
+ body.admin-color-midnight .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #e14d43; }
4015
+
4016
+ body.admin-color-ectoplasm .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #a7b656; }
4017
+
4018
+ body.admin-color-coffee .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #c2a68c; }
4019
+
4020
+ body.admin-color-blue .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #d9ab59; }
4021
+
4022
+ body.admin-color-light .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #0085ba; }
4023
+
4024
+ .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { font-weight: bold; }
4025
+
4026
+ .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { border: 2px solid #1e1e1e; }
4027
+
4028
+ .block-editor-block-styles__item-preview { outline: 1px solid transparent; padding: 0; border: 1px solid rgba(30, 30, 30, 0.2); border-radius: 2px; display: flex; overflow: hidden; background: #fff; align-items: center; flex-grow: 1; min-height: 80px; }
4029
+
4030
+ .block-editor-block-styles__item-label { text-align: center; padding: 4px 2px; }
4031
+
4032
+ .block-editor-block-switcher { position: relative; }
4033
+
4034
+ .block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle { position: relative; }
4035
+
4036
+ .components-button.block-editor-block-switcher__toggle, .components-button.block-editor-block-switcher__no-switcher-icon { margin: 0; display: block; height: 48px; }
4037
+
4038
+ .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin: auto; }
4039
+
4040
+ .components-button.block-editor-block-switcher__no-switcher-icon { width: 48px; }
4041
+
4042
+ .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { margin-right: auto; margin-left: auto; }
4043
+
4044
+ .components-button.block-editor-block-switcher__no-switcher-icon:disabled { opacity: 1; }
4045
+
4046
+ .components-button.block-editor-block-switcher__no-switcher-icon:disabled, .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: #1e1e1e !important; }
4047
+
4048
+ .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon { padding: 0; }
4049
+
4050
+ .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { height: 100%; position: relative; margin: 0 auto; display: flex; align-items: center; }
4051
+
4052
+ .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { top: 8px; right: 8px; bottom: 8px; left: 8px; }
4053
+
4054
+ .components-popover.block-editor-block-switcher__popover .components-popover__content { min-width: 300px; max-width: calc(340px * 2); display: flex; background: #fff; padding: 0; }
4055
+
4056
+ .components-popover.block-editor-block-switcher__popover .components-popover__content .components-menu-group { padding: 16px 24px; }
4057
+
4058
+ .components-popover.block-editor-block-switcher__popover .components-popover__content .components-menu-group + .components-menu-group { border-color: #ccc; }
4059
+
4060
+ .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__container { min-width: 300px; max-width: 340px; width: 50%; }
4061
+
4062
+ .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__label { margin-bottom: 8px; color: #757575; }
4063
+
4064
+ @media (min-width: 782px) { .block-editor-block-switcher__popover .components-popover__content { position: relative; }
4065
+ .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__preview { border-left: 1px solid #e2e4e7; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); background: #fff; width: 300px; height: auto; position: -webkit-sticky; position: sticky; -ms-grid-row-align: stretch; align-self: stretch; top: 0; padding: 10px; } }
4066
+
4067
+ .block-editor-block-switcher__popover .components-popover__content .components-panel__body { border: 0; position: relative; z-index: 1; }
4068
+
4069
+ .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { border-top: 1px solid #e2e4e7; }
4070
+
4071
+ .block-editor-block-switcher__popover .block-editor-block-styles { margin: 0 -3px; }
4072
+
4073
+ .block-editor-block-switcher__popover .block-editor-block-types-list { margin: 12px 0 0 0; }
4074
+
4075
+ .block-editor-block-switcher__preview-title { margin-bottom: 10px; color: #6c7781; }
4076
+
4077
+ .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { height: 48px; }
4078
+
4079
+ .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { width: 48px; }
4080
+
4081
+ .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { width: 48px; height: 48px; }
4082
+
4083
+ .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { padding: 12px; }
4084
+
4085
+ .block-editor-block-types-list { list-style: none; padding: 4px; margin-left: -4px; margin-right: -4px; overflow: hidden; display: flex; flex-wrap: wrap; }
4086
+
4087
+ .block-editor-block-variation-picker .components-placeholder__instructions { margin-bottom: 0; }
4088
+
4089
+ .block-editor-block-variation-picker .components-placeholder__fieldset { flex-direction: column; }
4090
+
4091
+ .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { max-width: 90%; }
4092
+
4093
+ .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 16px 0; padding: 0; list-style: none; }
4094
+
4095
+ .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { list-style: none; margin: 8px 8px 0 0; flex-shrink: 1; max-width: 100px; }
4096
+
4097
+ .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { display: flex; }
4098
+
4099
+ .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { padding: 8px; }
4100
+
4101
+ .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 12px; display: block; margin-right: 12px; text-align: center; }
4102
+
4103
+ .block-editor-block-variation-picker__variation { width: 100%; }
4104
+
4105
+ .block-editor-block-variation-picker__variation.components-button.has-icon { justify-content: center; width: auto; }
4106
+
4107
+ .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { background-color: #fff; }
4108
+
4109
+ .block-editor-block-variation-picker__variation.components-button { height: auto; padding: 0; }
4110
+
4111
+ .block-editor-block-variation-picker__variation::before { content: ""; padding-bottom: 100%; }
4112
+
4113
+ .block-editor-block-variation-picker__variation:first-child { margin-left: 0; }
4114
+
4115
+ .block-editor-block-variation-picker__variation:last-child { margin-right: 0; }
4116
+
4117
+ .block-editor-button-block-appender { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; width: 100%; height: auto; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; }
4118
+
4119
+ .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #007cba; }
4120
+
4121
+ body.admin-color-sunrise .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #d1864a; }
4122
+
4123
+ body.admin-color-ocean .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #a3b9a2; }
4124
+
4125
+ body.admin-color-midnight .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #e14d43; }
4126
+
4127
+ body.admin-color-ectoplasm .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #a7b656; }
4128
+
4129
+ body.admin-color-coffee .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #c2a68c; }
4130
+
4131
+ body.admin-color-blue .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #d9ab59; }
4132
+
4133
+ body.admin-color-light .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #0085ba; }
4134
+
4135
+ .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #007cba; }
4136
+
4137
+ body.admin-color-sunrise .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #d1864a; }
4138
+
4139
+ body.admin-color-ocean .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #a3b9a2; }
4140
+
4141
+ body.admin-color-midnight .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #e14d43; }
4142
+
4143
+ body.admin-color-ectoplasm .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #a7b656; }
4144
+
4145
+ body.admin-color-coffee .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #c2a68c; }
4146
+
4147
+ body.admin-color-blue .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #d9ab59; }
4148
+
4149
+ body.admin-color-light .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #0085ba; }
4150
+
4151
+ .block-editor-button-block-appender:active { color: #000; }
4152
+
4153
+ .block-editor-button-block-appender.block-list-appender__toggle { display: flex; flex-direction: row; color: #1e1e1e; box-shadow: none; height: 24px; padding: 0; margin-left: 8px; }
4154
+
4155
+ .block-editor-button-block-appender.block-list-appender__toggle:active { color: #fff; }
4156
+
4157
+ .block-editor-button-block-appender.block-list-appender__toggle > svg { width: 24px; background-color: #1e1e1e; color: #fff; }
4158
+
4159
+ .block-editor-button-block-appender.block-list-appender__toggle .block-editor-button-block-appender__label { display: block; margin-left: 8px; }
4160
+
4161
+ .block-editor-color-gradient-control__color-indicator { margin-bottom: 8px; }
4162
+
4163
+ .block-editor-color-gradient-control__button-tabs { display: block; margin-bottom: 8px; }
4164
+
4165
+ .block-editor-panel-color-gradient-settings .component-color-indicator { vertical-align: text-bottom; }
4166
+
4167
+ .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: inline-block; }
4168
+
4169
+ .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: none; }
4170
+
4171
+ .block-editor-contrast-checker > .components-notice { margin: 0; }
4172
+
4173
+ .block-editor-default-block-appender { clear: both; margin-left: auto; margin-right: auto; position: relative; }
4174
+
4175
+ .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { outline: 1px solid transparent; }
4176
+
4177
+ .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { font-family: inherit; font-size: inherit; border: none; background: none; box-shadow: none; display: block; cursor: text; width: 100%; outline: 1px solid transparent; transition: 0.2s outline; resize: none; margin-top: 28px; margin-bottom: 28px; padding: 0 50px 0 0; color: rgba(14, 28, 46, 0.62); }
4178
+
4179
+ @media (prefers-reduced-motion: reduce) { .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { transition-duration: 0s; } }
4180
+
4181
+ .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { color: rgba(255, 255, 255, 0.65); }
4182
+
4183
+ .block-editor-default-block-appender .components-drop-zone__content-icon { display: none; }
4184
+
4185
+ .block-editor-default-block-appender__content { line-height: 1.8; }
4186
+
4187
+ .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { position: absolute; top: 0; height: 32px; }
4188
+
4189
+ .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { margin-right: 0; }
4190
+
4191
+ .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { right: 8px; }
4192
+
4193
+ @media (min-width: 600px) { .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { display: flex; height: 100%; } }
4194
+
4195
+ .block-editor-block-list__empty-block-inserter:disabled, .block-editor-default-block-appender .block-editor-inserter:disabled { display: none; }
4196
+
4197
+ @media (min-width: 600px) { .block-editor-default-block-appender .block-editor-inserter { align-items: center; } }
4198
+
4199
+ .block-editor-link-control { position: relative; min-width: 360px; }
4200
+
4201
+ .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 360px; }
4202
+
4203
+ .block-editor-link-control__search-input-wrapper { position: relative; }
4204
+
4205
+ .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 32px); display: block; padding: 11px 16px; padding-right: 36px; margin: 16px; position: relative; border: 1px solid #e2e4e7; border-radius: 4px; }
4206
+
4207
+ @media (prefers-reduced-motion: reduce) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { transition-duration: 0s; } }
4208
+
4209
+ @media (min-width: 600px) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
4210
+
4211
+ .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
4212
+
4213
+ body.admin-color-sunrise .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
4214
+
4215
+ body.admin-color-ocean .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
4216
+
4217
+ body.admin-color-midnight .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
4218
+
4219
+ body.admin-color-ectoplasm .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
4220
+
4221
+ body.admin-color-coffee .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
4222
+
4223
+ body.admin-color-blue .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
4224
+
4225
+ body.admin-color-light .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
4226
+
4227
+ .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4228
+
4229
+ .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
4230
+
4231
+ .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4232
+
4233
+ .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4234
+
4235
+ .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
4236
+
4237
+ .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4238
+
4239
+ .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { margin-bottom: 0; }
4240
+
4241
+ .block-editor-link-control__search-error { margin: -8px 16px 16px; }
4242
+
4243
+ .block-editor-link-control__search-actions { position: absolute; /* Actions must be positioned on top of URLInput, since the input will grow when suggestions are rendered. Compensate for: - Input margin ($grid-unit-20) - Border (1px) - Vertically, for the difference in height between the input (40px) and the icon buttons. - Horizontally, pad to the minimum of: default input padding, or the equivalent of the vertical padding. */ top: 19px; right: 19px; }
4244
+
4245
+ .block-editor-link-control__search-results-wrapper { position: relative; margin-top: -15px; }
4246
+
4247
+ .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { content: ""; position: absolute; left: -1px; right: 16px; display: block; pointer-events: none; z-index: 100; }
4248
+
4249
+ .block-editor-link-control__search-results-wrapper::before { height: 8px; top: 0; bottom: auto; background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); }
4250
+
4251
+ .block-editor-link-control__search-results-wrapper::after { height: 16px; bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
4252
+
4253
+ .block-editor-link-control__search-results-label { padding: 15px 30px 0 30px; display: block; font-size: 1.1em; }
4254
+
4255
+ .block-editor-link-control__search-results { margin: 0; padding: 8px 16px 8px; max-height: 200px; overflow-y: auto; }
4256
+
4257
+ .block-editor-link-control__search-results.is-loading { opacity: 0.2; }
4258
+
4259
+ .block-editor-link-control__search-item { position: relative; display: flex; align-items: center; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; padding: 10px 15px; border-radius: 5px; height: auto; }
4260
+
4261
+ .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { background-color: #edeff0; }
4262
+
4263
+ .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba inset; }
4264
+
4265
+ body.admin-color-sunrise .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d1864a inset; }
4266
+
4267
+ body.admin-color-ocean .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a3b9a2 inset; }
4268
+
4269
+ body.admin-color-midnight .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #e14d43 inset; }
4270
+
4271
+ body.admin-color-ectoplasm .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a7b656 inset; }
4272
+
4273
+ body.admin-color-coffee .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #c2a68c inset; }
4274
+
4275
+ body.admin-color-blue .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d9ab59 inset; }
4276
+
4277
+ body.admin-color-light .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #0085ba inset; }
4278
+
4279
+ .block-editor-link-control__search-item.is-selected { background: #f3f4f5; }
4280
+
4281
+ .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { background: #fff; }
4282
+
4283
+ .block-editor-link-control__search-item.is-current { background: transparent; border: 0; width: 100%; cursor: default; padding: 16px; padding-left: 24px; }
4284
+
4285
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-header { display: block; margin-right: 24px; overflow: hidden; white-space: nowrap; }
4286
+
4287
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { margin-right: 1em; min-width: 24px; }
4288
+
4289
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-info, .block-editor-link-control__search-item .block-editor-link-control__search-item-title { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
4290
+
4291
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { color: #191e23; }
4292
+
4293
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-title { display: block; margin-bottom: 0.2em; font-weight: 500; }
4294
+
4295
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 700; color: #000; background-color: transparent; }
4296
+
4297
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { font-weight: normal; }
4298
+
4299
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-info { display: block; color: #6c7781; font-size: 0.9em; line-height: 1.3; }
4300
+
4301
+ .block-editor-link-control__search-item .block-editor-link-control__search-item-type { display: block; padding: 3px 8px; margin-left: auto; font-size: 0.9em; background-color: #f3f4f5; border-radius: 2px; }
4302
+
4303
+ .block-editor-link-control__loading { margin: 16px; display: flex; align-items: center; }
4304
+
4305
+ .block-editor-link-control__loading .components-spinner { margin-top: 0; }
4306
+
4307
+ .components-button + .block-editor-link-control__search-create { margin-top: 20px; overflow: visible; padding: 12px 15px; }
4308
+
4309
+ .components-button + .block-editor-link-control__search-create::before { content: ""; position: absolute; top: -10px; left: 0; display: block; width: 100%; border-top: 1px solid #e2e4e7; }
4310
+
4311
+ .block-editor-link-control__search-results div[role="menu"] > .block-editor-link-control__search-item.block-editor-link-control__search-item { padding: 10px; }
4312
+
4313
+ .block-editor-link-control__settings { border-top: 1px solid #e2e4e7; margin: 0; padding: 16px 24px; }
4314
+
4315
+ .block-editor-link-control__settings :last-child { margin-bottom: 0; }
4316
+
4317
+ .block-editor-link-control__setting { margin-bottom: 16px; }
4318
+
4319
+ .block-editor-link-control__setting :last-child { margin-bottom: 0; }
4320
+
4321
+ .block-editor-link-control .block-editor-link-control__search-input .components-spinner { display: block; }
4322
+
4323
+ .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { position: absolute; left: auto; bottom: auto; /* Position spinner to the left of the actions. Compensate for: - Input margin ($grid-unit-20) - Border (1px) - Vertically, for the difference in height between the input (40px) and the spinner. - Horizontally, adjust for the width occupied by the icon buttons, then artificially create spacing that mimics as if the spinner were center-padded to the same width as an icon button. */ top: 28px; right: 62px; }
4324
+
4325
+ .block-editor-link-control__search-item-action { margin-left: auto; flex-shrink: 0; }
4326
+
4327
+ .block-editor-line-height-control { margin-bottom: 24px; }
4328
+
4329
+ .block-editor-line-height-control input { display: block; max-width: 60px; }
4330
+
4331
+ .block-editor-image-size-control { margin-bottom: 1em; }
4332
+
4333
+ .block-editor-image-size-control .block-editor-image-size-control__row { display: flex; justify-content: space-between; }
4334
+
4335
+ .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-bottom: 0.5em; }
4336
+
4337
+ .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { line-height: 1.25; }
4338
+
4339
+ .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { margin-right: 5px; }
4340
+
4341
+ .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-left: 5px; }
4342
+
4343
+ .block-editor-block-list__layout.has-overlay::after { content: ""; position: absolute; top: -14px; right: -14px; bottom: -14px; left: -14px; z-index: 60; }
4344
+
4345
+ [data-align="full"] .has-overlay::after { right: 0; left: 0; }
4346
+
4347
+ .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; }
4348
+
4349
+ .components-button.block-editor-block-types-list__item { display: flex; flex-direction: column; width: 100%; font-size: 13px; color: #32373c; padding: 8px; align-items: stretch; justify-content: center; cursor: pointer; background: transparent; word-break: break-word; border-radius: 2px; border: 1px solid transparent; transition: all 0.05s ease-in-out; position: relative; height: auto; }
4350
+
4351
+ @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-types-list__item { transition-duration: 0s; } }
4352
+
4353
+ .components-button.block-editor-block-types-list__item:disabled { opacity: 0.6; cursor: default; }
4354
+
4355
+ .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #007cba; color: #007cba !important; }
4356
+
4357
+ body.admin-color-sunrise .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #d1864a; color: #d1864a !important; }
4358
+
4359
+ body.admin-color-ocean .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #a3b9a2; color: #a3b9a2 !important; }
4360
+
4361
+ body.admin-color-midnight .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #e14d43; color: #e14d43 !important; }
4362
+
4363
+ body.admin-color-ectoplasm .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #a7b656; color: #a7b656 !important; }
4364
+
4365
+ body.admin-color-coffee .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #c2a68c; color: #c2a68c !important; }
4366
+
4367
+ body.admin-color-blue .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #d9ab59; color: #d9ab59 !important; }
4368
+
4369
+ body.admin-color-light .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #0085ba; color: #0085ba !important; }
4370
+
4371
+ .components-button.block-editor-block-types-list__item:not(:disabled).is-active { color: #fff; background: #1e1e1e; outline: 2px solid transparent; outline-offset: -2px; }
4372
+
4373
+ .block-editor-block-types-list__item-icon { padding: 12px 20px; border-radius: 2px; color: #1e1e1e; transition: all 0.05s ease-in-out; }
4374
+
4375
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon { transition-duration: 0s; } }
4376
+
4377
+ .block-editor-block-types-list__item-icon .block-editor-block-icon { margin-left: auto; margin-right: auto; }
4378
+
4379
+ .block-editor-block-types-list__item-icon svg { transition: all 0.15s ease-out; }
4380
+
4381
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon svg { transition-duration: 0s; } }
4382
+
4383
+ .block-editor-block-types-list__item-title { padding: 4px 2px 8px; font-size: 12px; }
4384
+
4385
+ .modal-open .block-editor-media-replace-flow__options { display: none; }
4386
+
4387
+ .block-editor-media-replace-flow__options .components-popover__content { padding-top: 16px; }
4388
+
4389
+ .block-editor-media-replace-flow__indicator { margin-left: 4px; }
4390
+
4391
+ .block-editor-media-replace-flow__media-upload-menu { margin-bottom: 16px; }
4392
+
4393
+ .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { top: 16px; }
4394
+
4395
+ .block-editor-media-flow__url-input .block-editor-link-control { margin-top: -16px; width: auto; }
4396
+
4397
+ .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { margin-bottom: 0; }
4398
+
4399
+ .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { max-width: 180px; margin-top: 16px; }
4400
+
4401
+ .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { width: auto; padding: 0; }
4402
+
4403
+ .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { margin: 16px 0 0 0; width: 100%; }
4404
+
4405
+ .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { right: 4px; }
4406
+
4407
+ .block-editor-media-flow__error { padding: 0 20px 20px 20px; max-width: 255px; }
4408
+
4409
+ .block-editor-media-flow__error .components-with-notices-ui { max-width: 255px; }
4410
+
4411
+ .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { overflow: hidden; word-wrap: break-word; }
4412
+
4413
+ .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { position: absolute; right: 10px; }
4414
+
4415
+ .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { margin-bottom: 0; }
4416
+
4417
+ .block-editor-media-placeholder__url-input-form { display: flex; }
4418
+
4419
+ .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { width: 100%; flex-grow: 1; border: none; border-radius: 0; margin: 2px; }
4420
+
4421
+ @media (min-width: 600px) { .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { width: 300px; } }
4422
+
4423
+ .block-editor-media-placeholder__url-input-submit-button { flex-shrink: 1; }
4424
+
4425
+ .block-editor-media-placeholder__button { margin-bottom: 0.5rem; }
4426
+
4427
+ .block-editor-media-placeholder__cancel-button.is-link { margin: 1em; display: block; }
4428
+
4429
+ .block-editor-media-placeholder.is-appender { min-height: 0; }
4430
+
4431
+ .block-editor-media-placeholder.is-appender:hover { cursor: pointer; box-shadow: 0 0 0 1px #007cba; }
4432
+
4433
+ body.admin-color-sunrise .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #d1864a; }
4434
+
4435
+ body.admin-color-ocean .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #a3b9a2; }
4436
+
4437
+ body.admin-color-midnight .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #e14d43; }
4438
+
4439
+ body.admin-color-ectoplasm .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #a7b656; }
4440
+
4441
+ body.admin-color-coffee .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #c2a68c; }
4442
+
4443
+ body.admin-color-blue .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #d9ab59; }
4444
+
4445
+ body.admin-color-light .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #0085ba; }
4446
+
4447
+ .block-editor-multi-selection-inspector__card { display: flex; align-items: flex-start; padding: 16px; }
4448
+
4449
+ .block-editor-multi-selection-inspector__card-content { flex-grow: 1; }
4450
+
4451
+ .block-editor-multi-selection-inspector__card-title { font-weight: 500; margin-bottom: 5px; }
4452
+
4453
+ .block-editor-multi-selection-inspector__card-description { font-size: 13px; }
4454
+
4455
+ .block-editor-multi-selection-inspector__card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; }
4456
+
4457
+ .block-editor .block-editor-plain-text { box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; border: none; padding: 0; margin: 0; width: 100%; }
4458
+
4459
+ .block-editor-responsive-block-control { margin-bottom: 28px; border-bottom: 1px solid #d7dade; padding-bottom: 14px; }
4460
+
4461
+ .block-editor-responsive-block-control:last-child { padding-bottom: 0; border-bottom: 0; }
4462
+
4463
+ .block-editor-responsive-block-control__title { margin: 0; margin-bottom: 0.6em; margin-left: -3px; }
4464
+
4465
+ .block-editor-responsive-block-control__label { font-weight: 600; margin-bottom: 0.6em; margin-left: -3px; }
4466
+
4467
+ .block-editor-responsive-block-control__inner { margin-left: -1px; }
4468
+
4469
+ .block-editor-responsive-block-control__toggle { margin-left: 1px; }
4470
+
4471
+ .block-editor-responsive-block-control .components-base-control__help { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
4472
+
4473
+ .block-editor-format-toolbar .components-dropdown-menu__toggle { justify-content: center; }
4474
+
4475
+ .block-editor-rich-text__editable > p:first-child { margin-top: 0; }
4476
+
4477
+ .block-editor-rich-text__editable [data-rich-text-placeholder] { pointer-events: none; }
4478
+
4479
+ .block-editor-rich-text__editable [data-rich-text-placeholder]::after { content: attr(data-rich-text-placeholder); opacity: 0.62; }
4480
+
4481
+ .block-editor-rich-text__editable:focus { outline: none; }
4482
+
4483
+ .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { border-radius: 2px; }
4484
+
4485
+ .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after { display: none; }
4486
+
4487
+ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { opacity: 0.8; }
4488
+
4489
+ .components-popover.block-editor-rich-text__inline-format-toolbar { z-index: 99998; }
4490
+
4491
+ .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { width: auto; min-width: auto; margin-bottom: 8px; box-shadow: none; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; }
4492
+
4493
+ .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { border: none; }
4494
+
4495
+ .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { min-width: 48px; min-height: 48px; padding-left: 12px; padding-right: 12px; }
4496
+
4497
+ .block-editor-skip-to-selected-block { position: absolute; top: -9999em; }
4498
+
4499
+ .block-editor-skip-to-selected-block:focus { height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: #11a0d2; line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: none; z-index: 100000; }
4500
+
4501
+ body.admin-color-sunrise .block-editor-skip-to-selected-block:focus { color: #c8b03c; }
4502
+
4503
+ body.admin-color-ocean .block-editor-skip-to-selected-block:focus { color: #a89d8a; }
4504
+
4505
+ body.admin-color-midnight .block-editor-skip-to-selected-block:focus { color: #77a6b9; }
4506
+
4507
+ body.admin-color-ectoplasm .block-editor-skip-to-selected-block:focus { color: #c77430; }
4508
+
4509
+ body.admin-color-coffee .block-editor-skip-to-selected-block:focus { color: #9fa47b; }
4510
+
4511
+ body.admin-color-blue .block-editor-skip-to-selected-block:focus { color: #d9ab59; }
4512
+
4513
+ body.admin-color-light .block-editor-skip-to-selected-block:focus { color: #c75726; }
4514
+
4515
+ .block-editor-tool-selector__help { margin-top: 8px; margin-left: -12px; margin-right: -12px; margin-bottom: -12px; padding: 12px 20px; border-top: 1px solid #e2e4e7; color: #6c7781; }
4516
+
4517
+ .block-editor-block-list__block .block-editor-url-input, .components-popover .block-editor-url-input, .block-editor-url-input { flex-grow: 1; position: relative; padding: 1px; }
4518
+
4519
+ .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 100%; padding: 8px; border: none; border-radius: 0; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; }
4520
+
4521
+ @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 300px; } }
4522
+
4523
+ @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { font-size: 13px; } }
4524
+
4525
+ .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear, .components-popover .block-editor-url-input input[type="text"]::-ms-clear, .block-editor-url-input input[type="text"]::-ms-clear { display: none; }
4526
+
4527
+ .block-editor-block-list__block .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width { width: 100%; }
4528
+
4529
+ .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] { width: 100%; }
4530
+
4531
+ .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width__suggestions { width: 100%; }
4532
+
4533
+ .block-editor-block-list__block .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner { position: absolute; right: 8px; bottom: 17px; margin: 0; }
4534
+
4535
+ .block-editor-url-input__input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
4536
+
4537
+ @media (prefers-reduced-motion: reduce) { .block-editor-url-input__input[type="text"] { transition-duration: 0s; } }
4538
+
4539
+ @media (min-width: 600px) { .block-editor-url-input__input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
4540
+
4541
+ .block-editor-url-input__input[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
4542
+
4543
+ body.admin-color-sunrise .block-editor-url-input__input[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
4544
+
4545
+ body.admin-color-ocean .block-editor-url-input__input[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
4546
+
4547
+ body.admin-color-midnight .block-editor-url-input__input[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
4548
+
4549
+ body.admin-color-ectoplasm .block-editor-url-input__input[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
4550
+
4551
+ body.admin-color-coffee .block-editor-url-input__input[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
4552
+
4553
+ body.admin-color-blue .block-editor-url-input__input[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
4554
+
4555
+ body.admin-color-light .block-editor-url-input__input[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
4556
+
4557
+ .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4558
+
4559
+ .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
4560
+
4561
+ .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4562
+
4563
+ .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4564
+
4565
+ .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
4566
+
4567
+ .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4568
+
4569
+ .block-editor-url-input__suggestions { max-height: 200px; transition: all 0.15s ease-in-out; padding: 4px 0; width: 302px; overflow-y: auto; }
4570
+
4571
+ @media (prefers-reduced-motion: reduce) { .block-editor-url-input__suggestions { transition-duration: 0s; } }
4572
+
4573
+ .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: none; }
4574
+
4575
+ @media (min-width: 600px) { .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: inherit; } }
4576
+
4577
+ .block-editor-url-input__suggestion { padding: 4px 8px; color: #6c7781; display: block; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; box-shadow: none; }
4578
+
4579
+ .block-editor-url-input__suggestion:hover { background: #e2e4e7; }
4580
+
4581
+ .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { background: #00719e; color: #fff; outline: none; }
4582
+
4583
+ body.admin-color-sunrise .block-editor-url-input__suggestion:focus, body.admin-color-sunrise .block-editor-url-input__suggestion.is-selected { background: #b2723f; }
4584
+
4585
+ body.admin-color-ocean .block-editor-url-input__suggestion:focus, body.admin-color-ocean .block-editor-url-input__suggestion.is-selected { background: #8b9d8a; }
4586
+
4587
+ body.admin-color-midnight .block-editor-url-input__suggestion:focus, body.admin-color-midnight .block-editor-url-input__suggestion.is-selected { background: #bf4139; }
4588
+
4589
+ body.admin-color-ectoplasm .block-editor-url-input__suggestion:focus, body.admin-color-ectoplasm .block-editor-url-input__suggestion.is-selected { background: #8e9b49; }
4590
+
4591
+ body.admin-color-coffee .block-editor-url-input__suggestion:focus, body.admin-color-coffee .block-editor-url-input__suggestion.is-selected { background: #a58d77; }
4592
+
4593
+ body.admin-color-blue .block-editor-url-input__suggestion:focus, body.admin-color-blue .block-editor-url-input__suggestion.is-selected { background: #6f99ad; }
4594
+
4595
+ body.admin-color-light .block-editor-url-input__suggestion:focus, body.admin-color-light .block-editor-url-input__suggestion.is-selected { background: #00719e; }
4596
+
4597
+ .components-toolbar-group > .block-editor-url-input__button, .components-toolbar > .block-editor-url-input__button { position: inherit; }
4598
+
4599
+ .block-editor-url-input__button .block-editor-url-input__back { margin-right: 4px; overflow: visible; }
4600
+
4601
+ .block-editor-url-input__button .block-editor-url-input__back::after { content: ""; position: absolute; display: block; width: 1px; height: 24px; right: -1px; background: #e2e4e7; }
4602
+
4603
+ .block-editor-url-input__button-modal { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border: 1px solid #e2e4e7; background: #fff; }
4604
+
4605
+ .block-editor-url-input__button-modal-line { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: flex-start; }
4606
+
4607
+ .block-editor-url-input__button-modal-line .components-button { flex-shrink: 0; width: 36px; height: 36px; }
4608
+
4609
+ .block-editor-url-popover__additional-controls { border-top: 1px solid #e2e4e7; }
4610
+
4611
+ .block-editor-url-popover__additional-controls > div[role="menu"] .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) > svg { box-shadow: none; }
4612
+
4613
+ .block-editor-url-popover__additional-controls div[role="menu"] > .components-button { padding-left: 2px; }
4614
+
4615
+ .block-editor-url-popover__row { display: flex; }
4616
+
4617
+ .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { flex-grow: 1; }
4618
+
4619
+ .block-editor-url-popover .components-button.has-icon { padding: 3px; }
4620
+
4621
+ .block-editor-url-popover .components-button.has-icon > svg { padding: 5px; border-radius: 4px; height: 30px; width: 30px; }
4622
+
4623
+ .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { box-shadow: none; }
4624
+
4625
+ .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; outline: 2px solid transparent; }
4626
+
4627
+ body.admin-color-sunrise .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 4px #fff; }
4628
+
4629
+ body.admin-color-ocean .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 4px #fff; }
4630
+
4631
+ body.admin-color-midnight .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 4px #fff; }
4632
+
4633
+ body.admin-color-ectoplasm .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 4px #fff; }
4634
+
4635
+ body.admin-color-coffee .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 4px #fff; }
4636
+
4637
+ body.admin-color-blue .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 0 0 4px #fff; }
4638
+
4639
+ body.admin-color-light .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 4px #fff; }
4640
+
4641
+ .block-editor-url-popover__settings-toggle { flex-shrink: 0; border-radius: 0; border-left: 1px solid #e2e4e7; margin-left: 1px; }
4642
+
4643
+ .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon { transform: rotate(180deg); }
4644
+
4645
+ .block-editor-url-popover__input-container .components-base-control:last-child, .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { margin-bottom: 0; }
4646
+
4647
+ .block-editor-url-popover__settings { display: block; padding: 16px; border-top: 1px solid #e2e4e7; }
4648
+
4649
+ .block-editor-url-popover__link-editor, .block-editor-url-popover__link-viewer { display: flex; }
4650
+
4651
+ .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { margin-bottom: 0; }
4652
+
4653
+ .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { bottom: 9px; }
4654
+
4655
+ .block-editor-url-popover__link-viewer-url { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; }
4656
+
4657
+ .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #d94f4f; }
4658
+
4659
+ .block-editor-warning { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; }
4660
+
4661
+ .block-editor-warning .block-editor-warning__message { line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; margin: 1em 0; }
4662
+
4663
+ .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { min-height: auto; }
4664
+
4665
+ .block-editor-warning .block-editor-warning__contents { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; width: 100%; }
4666
+
4667
+ .block-editor-warning .block-editor-warning__actions { display: flex; }
4668
+
4669
+ .block-editor-warning .block-editor-warning__action { margin: 0 0 0 8px; }
4670
+
4671
+ .block-editor-warning__secondary { margin: auto 0 auto 8px; }
4672
+
4673
+ .block-editor-writing-flow { display: flex; flex-direction: column; }
4674
+
4675
+ .block-editor-writing-flow__click-redirect { cursor: text; }
4676
+
4677
+ .html-anchor-control .components-external-link { display: block; margin-top: 8px; }
4678
+
4679
+ #end-resizable-editor-section { display: none; }
4680
+
4681
+ /** Block Toolbar */
4682
+ .block-editor-block-toolbar { display: flex; flex-grow: 1; width: 100%; overflow: auto; position: relative; transition: border-color 0.1s linear, box-shadow 0.1s linear; }
4683
+
4684
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar { transition-duration: 0s; } }
4685
+
4686
+ @media (min-width: 600px) { .block-editor-block-toolbar { overflow: inherit; } }
4687
+
4688
+ .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar { background: none; line-height: 0; margin-top: -1px; margin-bottom: -1px; border: 0; border-right: 1px solid #e2e4e7; }
4689
+
4690
+ .block-editor-block-toolbar > :last-child, .block-editor-block-toolbar > :last-child .components-toolbar-group, .block-editor-block-toolbar > :last-child .components-toolbar { border-right: none; }
4691
+
4692
+ .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar, .block-editor-format-toolbar .components-toolbar-group, .block-editor-format-toolbar .components-toolbar { display: flex; flex-wrap: nowrap; }
4693
+
4694
+ .block-editor-block-toolbar__slot { display: inline-block; line-height: 0; }
4695
+
4696
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .block-editor-block-toolbar__slot { display: inline-flex; } }
4697
+
4698
+ .block-editor-block-toolbar__block-parent-selector-wrapper { position: absolute; top: -1px; left: -1px; opacity: 0; transition: all 60ms linear; z-index: -1; }
4699
+
4700
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar__block-parent-selector-wrapper { transition-duration: 0s; } }
4701
+
4702
+ .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper { opacity: 1; transform: translateY(-60px); }
4703
+
4704
+ .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar__block-parent-selector-wrapper { display: none; }
4705
+
4706
+ .block-editor-block-toolbar__mover-switcher-container { display: flex; }
4707
+
4708
+ .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher { display: block; }
4709
+
4710
+ @media (min-width: 782px) { .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__mover-trigger-container { bottom: -1px; left: -1px; position: absolute; top: -1px; transform: translateX(-48px); -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } }
4711
+
4712
+ .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__block-switcher-wrapper { background: #fff; border-left: 1px solid; border-radius: 0 0 2px 2px; position: relative; z-index: 1; margin-left: -1px; }
4713
+
4714
+ @media (min-width: 782px) { .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__mover-trigger-wrapper:not(:empty) { background-color: #fff; border: 1px solid #000; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: none; height: 100%; transition: all 60ms linear; } }
4715
+
4716
+ @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__mover-trigger-wrapper:not(:empty) { transition-duration: 0s; } }
4717
+
4718
+ .block-editor-inserter { display: inline-block; background: none; border: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; }
4719
+
4720
+ @media (min-width: 782px) { .block-editor-inserter { position: relative; } }
4721
+
4722
+ @media (min-width: 782px) { .block-editor-inserter__popover > .components-popover__content { overflow-y: visible; height: 100vh; padding: 0; } }
4723
+
4724
+ .block-editor-inserter__toggle.components-button { display: inline-flex; align-items: center; cursor: pointer; border: none; outline: none; padding: 0; transition: color 0.2s ease; }
4725
+
4726
+ @media (prefers-reduced-motion: reduce) { .block-editor-inserter__toggle.components-button { transition-duration: 0s; } }
4727
+
4728
+ .block-editor-inserter__menu { height: 100%; position: relative; overflow: visible; }
4729
+
4730
+ .block-editor-inserter__main-area { width: auto; display: flex; flex-direction: column; height: 100%; }
4731
+
4732
+ @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } }
4733
+
4734
+ .block-editor-inserter__inline-elements { margin-top: -1px; }
4735
+
4736
+ .block-editor-inserter__menu.is-bottom::after { border-bottom-color: #fff; }
4737
+
4738
+ .components-popover.block-editor-inserter__popover { z-index: 99998; }
4739
+
4740
+ .block-editor-inserter__search { padding: 16px; z-index: 1; flex-shrink: 0; position: relative; }
4741
+
4742
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; padding: 16px 48px 16px 16px; background: #f3f4f5; border: none; width: 100%; height: 48px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; }
4743
+
4744
+ @media (prefers-reduced-motion: reduce) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { transition-duration: 0s; } }
4745
+
4746
+ @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
4747
+
4748
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
4749
+
4750
+ body.admin-color-sunrise .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
4751
+
4752
+ body.admin-color-ocean .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
4753
+
4754
+ body.admin-color-midnight .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
4755
+
4756
+ body.admin-color-ectoplasm .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
4757
+
4758
+ body.admin-color-coffee .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
4759
+
4760
+ body.admin-color-blue .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
4761
+
4762
+ body.admin-color-light .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
4763
+
4764
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4765
+
4766
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
4767
+
4768
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4769
+
4770
+ .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4771
+
4772
+ .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
4773
+
4774
+ .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4775
+
4776
+ @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; } }
4777
+
4778
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { background: #fff; box-shadow: 0 0 0 1.5px #007cba; }
4779
+
4780
+ body.admin-color-sunrise .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #d1864a; }
4781
+
4782
+ body.admin-color-ocean .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
4783
+
4784
+ body.admin-color-midnight .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #e14d43; }
4785
+
4786
+ body.admin-color-ectoplasm .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #a7b656; }
4787
+
4788
+ body.admin-color-coffee .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
4789
+
4790
+ body.admin-color-blue .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
4791
+
4792
+ body.admin-color-light .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #0085ba; }
4793
+
4794
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: #606a73; }
4795
+
4796
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder { color: #606a73; }
4797
+
4798
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { color: #606a73; }
4799
+
4800
+ .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder { color: #606a73; }
4801
+
4802
+ .block-editor-inserter__search-icon { position: absolute; top: 28px; right: 28px; }
4803
+
4804
+ .block-editor-inserter__tabs { display: flex; flex-grow: 1; flex-direction: column; margin-top: -8px; }
4805
+
4806
+ .block-editor-inserter__tabs .components-tab-panel__tabs { border-bottom: 1px solid #e2e4e7; }
4807
+
4808
+ .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { flex-grow: 1; margin-bottom: -1px; }
4809
+
4810
+ .block-editor-inserter__tabs .components-tab-panel__tab-content { display: flex; flex-grow: 1; flex-direction: column; position: relative; }
4811
+
4812
+ .block-editor-inserter__panel-header { display: inline-flex; align-items: center; padding: 16px 16px 0; }
4813
+
4814
+ .block-editor-inserter__panel-content { padding: 0 16px; }
4815
+
4816
+ .block-editor-inserter__panel-title { color: #007cba; text-transform: uppercase; font-size: 11px; font-weight: 500; margin: 0 8px 0 0; }
4817
+
4818
+ body.admin-color-sunrise .block-editor-inserter__panel-title { color: #d1864a; }
4819
+
4820
+ body.admin-color-ocean .block-editor-inserter__panel-title { color: #a3b9a2; }
4821
+
4822
+ body.admin-color-midnight .block-editor-inserter__panel-title { color: #e14d43; }
4823
+
4824
+ body.admin-color-ectoplasm .block-editor-inserter__panel-title { color: #a7b656; }
4825
+
4826
+ body.admin-color-coffee .block-editor-inserter__panel-title { color: #c2a68c; }
4827
+
4828
+ body.admin-color-blue .block-editor-inserter__panel-title { color: #d9ab59; }
4829
+
4830
+ body.admin-color-light .block-editor-inserter__panel-title { color: #0085ba; }
4831
+
4832
+ .block-editor-inserter__block-list { flex-grow: 1; position: relative; }
4833
+
4834
+ .block-editor-inserter__scrollable { overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll; }
4835
+
4836
+ .block-editor-inserter__popover .block-editor-block-types-list { margin: 0 -8px; }
4837
+
4838
+ .block-editor-inserter__reusable-blocks-panel { position: relative; text-align: right; }
4839
+
4840
+ .block-editor-inserter__manage-reusable-blocks { display: inline-block; margin: 16px; }
4841
+
4842
+ .block-editor-inserter__no-results { padding: 32px; margin-top: 64px; text-align: center; }
4843
+
4844
+ .block-editor-inserter__no-results-icon { fill: #b5bcc2; }
4845
+
4846
+ .block-editor-inserter__child-blocks { padding: 0 16px; }
4847
+
4848
+ .block-editor-inserter__parent-block-header { display: flex; align-items: center; }
4849
+
4850
+ .block-editor-inserter__parent-block-header h2 { font-size: 13px; }
4851
+
4852
+ .block-editor-inserter__parent-block-header .block-editor-block-icon { margin-right: 8px; }
4853
+
4854
+ .block-editor-inserter__preview-container { display: none; width: 300px; background: #fff; border-radius: 2px; border: 1px solid #e2e4e7; position: absolute; top: 16px; left: calc(100% + 16px); }
4855
+
4856
+ @media (min-width: 782px) { .block-editor-inserter__preview-container { display: block; } }
4857
+
4858
+ .block-editor-inserter__preview-container .block-editor-block-card { padding: 16px; }
4859
+
4860
+ .block-editor-inserter__preview-container .block-editor-block-card__title { font-size: 13px; }
4861
+
4862
+ .block-editor-inserter__preview-content { min-height: 144px; background: #f3f4f5; display: -ms-grid; display: grid; flex-grow: 1; align-items: center; }
4863
+
4864
+ .block-editor-inserter__preview-content-missing { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 144px; color: #606a73; background: #f3f4f5; }
4865
+
4866
+ .block-editor-inserter__tips { border-top: 1px solid #e2e4e7; padding: 16px; flex-shrink: 0; }
4867
+
4868
+ .block-editor-inserter__patterns-item { border-radius: 2px; cursor: pointer; margin-top: 16px; transition: all 0.05s ease-in-out; position: relative; border: 1px solid transparent; }
4869
+
4870
+ .block-editor-inserter__patterns-item:hover { border: 1px solid #007cba; }
4871
+
4872
+ body.admin-color-sunrise .block-editor-inserter__patterns-item:hover { border: 1px solid #d1864a; }
4873
+
4874
+ body.admin-color-ocean .block-editor-inserter__patterns-item:hover { border: 1px solid #a3b9a2; }
4875
+
4876
+ body.admin-color-midnight .block-editor-inserter__patterns-item:hover { border: 1px solid #e14d43; }
4877
+
4878
+ body.admin-color-ectoplasm .block-editor-inserter__patterns-item:hover { border: 1px solid #a7b656; }
4879
+
4880
+ body.admin-color-coffee .block-editor-inserter__patterns-item:hover { border: 1px solid #c2a68c; }
4881
+
4882
+ body.admin-color-blue .block-editor-inserter__patterns-item:hover { border: 1px solid #d9ab59; }
4883
+
4884
+ body.admin-color-light .block-editor-inserter__patterns-item:hover { border: 1px solid #0085ba; }
4885
+
4886
+ .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
4887
+
4888
+ body.admin-color-sunrise .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
4889
+
4890
+ body.admin-color-ocean .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
4891
+
4892
+ body.admin-color-midnight .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
4893
+
4894
+ body.admin-color-ectoplasm .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
4895
+
4896
+ body.admin-color-coffee .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
4897
+
4898
+ body.admin-color-blue .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
4899
+
4900
+ body.admin-color-light .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
4901
+
4902
+ .block-editor-inserter__patterns-item.is-placeholder { min-height: 100px; }
4903
+
4904
+ .block-editor-inserter__patterns-item-title { padding: 4px; font-size: 12px; text-align: center; }
4905
+
4906
+ .block-editor-post-preview__dropdown { display: none; margin-right: 12px; padding: 0; }
4907
+
4908
+ .block-editor-post-preview__button-toggle { display: flex; justify-content: space-between; padding: 0 8px 0 12px; }
4909
+
4910
+ .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; }
4911
+
4912
+ body.admin-color-sunrise .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
4913
+
4914
+ body.admin-color-ocean .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
4915
+
4916
+ body.admin-color-midnight .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
4917
+
4918
+ body.admin-color-ectoplasm .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
4919
+
4920
+ body.admin-color-coffee .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
4921
+
4922
+ body.admin-color-blue .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
4923
+
4924
+ body.admin-color-light .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
4925
+
4926
+ .block-editor-post-preview__button-toggle svg { margin-left: 4px; }
4927
+
4928
+ .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { padding-left: 40px; }
4929
+
4930
+ .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { padding-left: 8px; }
4931
+
4932
+ .block-editor-post-preview__dropdown-content .components-popover__content { overflow-y: visible; }
4933
+
4934
+ .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { border-top: 1px solid #ccc; padding: 8px 12px; margin-left: -12px; margin-right: -12px; }
4935
+
4936
+ @media (min-width: 600px) { .editor-post-preview { display: none; }
4937
+ .block-editor-post-preview__dropdown { display: flex; } }
4938
+
4939
+ /** Colors */
4940
+ /** Breakpoints & Media Queries */
4941
+ /** Colors */
4942
+ /** Fonts & basic variables. */
4943
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
4944
+ /** Dimensions. */
4945
+ /** Shadows. */
4946
+ /** Editor widths. */
4947
+ /** Block UI. */
4948
+ /** Border radii. */
4949
+ /** Breakpoint mixins */
4950
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
4951
+ /** Focus styles. */
4952
+ /** Applies editor left position to the selector passed as argument */
4953
+ /** Styles that are reused verbatim in a few places */
4954
+ /** Allows users to opt-out of animations via OS-level preferences. */
4955
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
4956
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
4957
+ #start-resizable-editor-section { display: none; }
4958
+
4959
+ .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; }
4960
+
4961
+ .wp-block-audio audio { width: 100%; min-width: 300px; }
4962
+
4963
+ .wp-block-button__link { color: #fff; background-color: #32373c; border: none; border-radius: 28px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 18px; padding: 12px 24px; text-align: center; text-decoration: none; overflow-wrap: break-word; }
4964
+
4965
+ .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { color: #fff; }
4966
+
4967
+ .wp-block-button__link.aligncenter { text-align: center; }
4968
+
4969
+ .wp-block-button__link.alignright { /*rtl:ignore*/ text-align: right; }
4970
+
4971
+ .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; }
4972
+
4973
+ .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important; }
4974
+
4975
+ .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { color: #32373c; background-color: transparent; border: 2px solid; }
4976
+
4977
+ .wp-block-buttons .wp-block-button.wp-block-button { display: inline-block; margin-right: 8px; margin-bottom: 8px; }
4978
+
4979
+ .wp-block-buttons.alignright .wp-block-button { margin-right: 0; margin-left: 8px; }
4980
+
4981
+ .wp-block-buttons.aligncenter { text-align: center; }
4982
+
4983
+ .wp-block-calendar { text-align: center; }
4984
+
4985
+ .wp-block-calendar th, .wp-block-calendar tbody td { padding: 4px; border: 1px solid #e2e4e7; }
4986
+
4987
+ .wp-block-calendar tfoot td { border: none; }
4988
+
4989
+ .wp-block-calendar table { width: 100%; border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
4990
+
4991
+ .wp-block-calendar table th { font-weight: 400; background: #edeff0; }
4992
+
4993
+ .wp-block-calendar a { text-decoration: underline; }
4994
+
4995
+ .wp-block-calendar tfoot a { color: #00739c; }
4996
+
4997
+ .wp-block-calendar table tbody, .wp-block-calendar table caption { color: #40464d; }
4998
+
4999
+ .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; }
5000
+
5001
+ .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; }
5002
+
5003
+ .wp-block-columns { display: flex; margin-bottom: 28px; flex-wrap: wrap; }
5004
+
5005
+ @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } }
5006
+
5007
+ .wp-block-columns.has-background { padding: 20px 38px; }
5008
+
5009
+ .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; }
5010
+
5011
+ @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } }
5012
+
5013
+ @media (min-width: 600px) and (max-width: 781px) { .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0; }
5014
+ .wp-block-column:nth-child(even) { margin-left: 32px; } }
5015
+
5016
+ @media (min-width: 782px) { .wp-block-column { flex-basis: 0; flex-grow: 1; }
5017
+ .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
5018
+ .wp-block-column:not(:first-child) { margin-left: 32px; } }
5019
+
5020
+ /** All Columns Alignment */
5021
+ .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; }
5022
+
5023
+ .wp-block-columns.are-vertically-aligned-center { align-items: center; }
5024
+
5025
+ .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; }
5026
+
5027
+ /** Individual Column Alignment */
5028
+ .wp-block-column.is-vertically-aligned-top { align-self: flex-start; }
5029
+
5030
+ .wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; }
5031
+
5032
+ .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; }
5033
+
5034
+ .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { width: 100%; }
5035
+
5036
+ .wp-block-cover-image, .wp-block-cover { position: relative; background-size: cover; background-position: center center; min-height: 430px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 16px; }
5037
+
5038
+ .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; }
5039
+
5040
+ @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } }
5041
+
5042
+ @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } }
5043
+
5044
+ .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim { background-color: #000; }
5045
+
5046
+ .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; }
5047
+
5048
+ .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
5049
+
5050
+ .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { opacity: 0.5; }
5051
+
5052
+ .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before { opacity: 0.1; }
5053
+
5054
+ .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; }
5055
+
5056
+ .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before { opacity: 0.2; }
5057
+
5058
+ .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; }
5059
+
5060
+ .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before { opacity: 0.3; }
5061
+
5062
+ .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; }
5063
+
5064
+ .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before { opacity: 0.4; }
5065
+
5066
+ .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; }
5067
+
5068
+ .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before { opacity: 0.5; }
5069
+
5070
+ .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; }
5071
+
5072
+ .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before { opacity: 0.6; }
5073
+
5074
+ .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; }
5075
+
5076
+ .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before { opacity: 0.7; }
5077
+
5078
+ .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; }
5079
+
5080
+ .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before { opacity: 0.8; }
5081
+
5082
+ .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; }
5083
+
5084
+ .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before { opacity: 0.9; }
5085
+
5086
+ .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; }
5087
+
5088
+ .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before { opacity: 1; }
5089
+
5090
+ .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; }
5091
+
5092
+ .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 290px; width: 100%; }
5093
+
5094
+ .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit; }
5095
+
5096
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-cover-image::after, .wp-block-cover::after { content: none; } }
5097
+
5098
+ .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; }
5099
+
5100
+ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 70px); z-index: 1; color: #f8f9f9; }
5101
+
5102
+ .wp-block-cover-image p:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color) { color: inherit; }
5103
+
5104
+ .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; }
5105
+
5106
+ .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; }
5107
+
5108
+ .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; }
5109
+
5110
+ .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; }
5111
+
5112
+ .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; }
5113
+
5114
+ .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; }
5115
+
5116
+ .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; }
5117
+
5118
+ .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; }
5119
+
5120
+ .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; }
5121
+
5122
+ .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto; }
5123
+
5124
+ .wp-block-cover__video-background { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; -o-object-fit: cover; object-fit: cover; }
5125
+
5126
+ section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { color: #fff; }
5127
+
5128
+ section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:hover, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:active, .wp-block-cover-image-text a, .wp-block-cover-image-text a:hover, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:active, .wp-block-cover-text a, .wp-block-cover-text a:hover, .wp-block-cover-text a:focus, .wp-block-cover-text a:active { color: #fff; }
5129
+
5130
+ .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; }
5131
+
5132
+ .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; }
5133
+
5134
+ section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-left: 0; text-align: left; }
5135
+
5136
+ section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-right: 0; text-align: right; }
5137
+
5138
+ section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 580px; padding: 14px; text-align: center; }
5139
+
5140
+ .wp-block[data-align="left"] > [data-type^="core-embed"], .wp-block[data-align="right"] > [data-type^="core-embed"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; width: 100%; }
5141
+
5142
+ .wp-block[data-align="left"] > [data-type^="core-embed"] .wp-block-embed__wrapper, .wp-block[data-align="right"] > [data-type^="core-embed"] .wp-block-embed__wrapper, .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper { min-width: 280px; }
5143
+
5144
+ .wp-block-embed { margin-bottom: 1em; }
5145
+
5146
+ .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; }
5147
+
5148
+ .wp-block-embed iframe { max-width: 100%; }
5149
+
5150
+ .wp-block-embed__wrapper { position: relative; }
5151
+
5152
+ .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; }
5153
+
5154
+ .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
5155
+
5156
+ .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; }
5157
+
5158
+ .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; }
5159
+
5160
+ .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; }
5161
+
5162
+ .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; }
5163
+
5164
+ .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; }
5165
+
5166
+ .wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { padding-top: 66.66%; }
5167
+
5168
+ .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; }
5169
+
5170
+ .wp-block-file { margin-bottom: 1.5em; }
5171
+
5172
+ .wp-block-file.aligncenter { text-align: center; }
5173
+
5174
+ .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; }
5175
+
5176
+ .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 13px; padding: 0.5em 1em; }
5177
+
5178
+ .wp-block-file a.wp-block-file__button { text-decoration: none; }
5179
+
5180
+ .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; }
5181
+
5182
+ .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; }
5183
+
5184
+ .wp-block-gallery, .blocks-gallery-grid { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
5185
+
5186
+ .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { margin: 0 16px 16px 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; }
5187
+
5188
+ .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { margin: 0; height: 100%; }
5189
+
5190
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; } }
5191
+
5192
+ .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { display: block; max-width: 100%; height: auto; }
5193
+
5194
+ .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: 100%; }
5195
+
5196
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: auto; } }
5197
+
5198
+ .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
5199
+
5200
+ .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img, .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img { display: inline; }
5201
+
5202
+ .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { width: 100%; }
5203
+
5204
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover; } }
5205
+
5206
+ .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { width: calc(50% - 16px); }
5207
+
5208
+ .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { margin-right: 0; }
5209
+
5210
+ .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; }
5211
+
5212
+ @media (min-width: 600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item { width: calc(33.33333% - 10.66667px); margin-right: 16px; }
5213
+ .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item { width: calc(25% - 12px); margin-right: 16px; }
5214
+ .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item { width: calc(20% - 12.8px); margin-right: 16px; }
5215
+ .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item { width: calc(16.66667% - 13.33333px); margin-right: 16px; }
5216
+ .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item { width: calc(14.28571% - 13.71429px); margin-right: 16px; }
5217
+ .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item { width: calc(12.5% - 14px); margin-right: 16px; }
5218
+ .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; }
5219
+ .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; }
5220
+ .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; }
5221
+ .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; }
5222
+ .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; }
5223
+ .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; }
5224
+ .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; }
5225
+ .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } }
5226
+
5227
+ .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child, .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child { margin-right: 0; }
5228
+
5229
+ .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright { max-width: 290px; width: 100%; }
5230
+
5231
+ .wp-block-gallery.aligncenter .blocks-gallery-item figure, .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { justify-content: center; }
5232
+
5233
+ h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 20px 38px; }
5234
+
5235
+ .wp-block-image { margin-bottom: 1em; }
5236
+
5237
+ .wp-block-image img { max-width: 100%; }
5238
+
5239
+ .wp-block-image.aligncenter { text-align: center; }
5240
+
5241
+ .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; }
5242
+
5243
+ .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter, .wp-block-image.is-resized { display: table; }
5244
+
5245
+ .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { display: table-caption; caption-side: bottom; }
5246
+
5247
+ .wp-block-image .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-left: 0; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }
5248
+
5249
+ .wp-block-image .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-right: 0; margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }
5250
+
5251
+ .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; }
5252
+
5253
+ .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; }
5254
+
5255
+ .is-style-rounded img { border-radius: 9999px; }
5256
+
5257
+ .is-style-circle-mask img { border-radius: 9999px; }
5258
+
5259
+ @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .is-style-circle-mask img { /* stylelint-disable */ -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } }
5260
+
5261
+ .wp-block-latest-comments__comment { font-size: 15px; line-height: 1.1; list-style: none; margin-bottom: 1em; }
5262
+
5263
+ .has-avatars .wp-block-latest-comments__comment { min-height: 36px; list-style: none; }
5264
+
5265
+ .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 52px; }
5266
+
5267
+ .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.5; }
5268
+
5269
+ .wp-block-latest-comments__comment-excerpt p { font-size: 14px; line-height: 1.8; margin: 5px 0 20px; }
5270
+
5271
+ .wp-block-latest-comments__comment-date { color: #8f98a1; display: block; font-size: 12px; }
5272
+
5273
+ .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 24px; display: block; float: left; height: 40px; margin-right: 12px; width: 40px; }
5274
+
5275
+ .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; }
5276
+
5277
+ .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; }
5278
+
5279
+ .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; }
5280
+
5281
+ .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; }
5282
+
5283
+ .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; padding: 0; }
5284
+
5285
+ .wp-block-latest-posts.is-grid li { margin: 0 20px 20px 0; width: 100%; }
5286
+
5287
+ @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 20px); }
5288
+ .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 20px); }
5289
+ .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 20px); }
5290
+ .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 20px); }
5291
+ .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 20px); } }
5292
+
5293
+ .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; color: #6c7781; font-size: 13px; }
5294
+
5295
+ .wp-block-latest-posts__post-excerpt { margin-top: 8px; margin-bottom: 16px; }
5296
+
5297
+ .wp-block-latest-posts__featured-image img { height: auto; width: auto; }
5298
+
5299
+ .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; }
5300
+
5301
+ .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; }
5302
+
5303
+ .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; }
5304
+
5305
+ .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 20px; }
5306
+
5307
+ .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; }
5308
+
5309
+ .wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; grid-template-columns: 1fr 50%; }
5310
+
5311
+ .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { -ms-grid-row-align: start; align-self: start; }
5312
+
5313
+ .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { -ms-grid-row-align: center; align-self: center; }
5314
+
5315
+ .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { -ms-grid-row-align: end; align-self: end; }
5316
+
5317
+ .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; }
5318
+
5319
+ .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; }
5320
+
5321
+ .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ }
5322
+
5323
+ .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ }
5324
+
5325
+ .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; }
5326
+
5327
+ .wp-block-media-text.is-image-fill figure.wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; }
5328
+
5329
+ .wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
5330
+
5331
+ /* Here we here not able to use a mobile first CSS approach. Custom widths are set using inline styles, and on mobile, we need 100% width, so we use important to overwrite the inline style. If the style were set on mobile first, on desktop styles, we would have no way of setting the style again to the inline style. */
5332
+ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100% !important; grid-template-columns: 100% !important; }
5333
+ .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
5334
+ .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }
5335
+ .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }
5336
+ .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } }
5337
+
5338
+ .wp-block-navigation__container { list-style: none; margin: 0; padding-left: 0; display: flex; flex-wrap: wrap; }
5339
+
5340
+ .is-vertical .wp-block-navigation__container { display: block; }
5341
+
5342
+ .wp-block-navigation-link { display: flex; align-items: center; position: relative; margin: 0; padding: 8px; }
5343
+
5344
+ .wp-block-navigation-link .wp-block-navigation__container:empty { display: none; }
5345
+
5346
+ .has-child .wp-block-navigation__container { border: 1px solid rgba(0, 0, 0, 0.15); padding: 6px 0; background-color: inherit; color: inherit; position: absolute; left: 0; top: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 1; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; }
5347
+
5348
+ .has-child .wp-block-navigation__container > .wp-block-navigation-link { font-size: 15px; }
5349
+
5350
+ .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { flex-grow: 1; }
5351
+
5352
+ .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { padding-right: 8px; }
5353
+
5354
+ @media (min-width: 782px) { .has-child .wp-block-navigation__container { left: 24px; }
5355
+ .has-child .wp-block-navigation__container .wp-block-navigation__container { left: calc(100% + 8px); top: -7px; }
5356
+ .has-child .wp-block-navigation__container .wp-block-navigation__container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 8px; background: transparent; }
5357
+ .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { transform: rotate(0); } }
5358
+
5359
+ .has-child:hover { cursor: pointer; }
5360
+
5361
+ .has-child:hover > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; }
5362
+
5363
+ .has-child:focus-within { cursor: pointer; }
5364
+
5365
+ .has-child:focus-within > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; }
5366
+
5367
+ .wp-block-navigation-link__content { text-decoration: none; padding: 6px 16px; }
5368
+
5369
+ .has-text-color .wp-block-navigation-link__content { color: inherit; }
5370
+
5371
+ .wp-block-navigation-link__label { font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; word-break: normal; overflow-wrap: break-word; }
5372
+
5373
+ .wp-block-navigation-link__submenu-icon { height: inherit; padding: 6px 16px; }
5374
+
5375
+ .wp-block-navigation-link__submenu-icon svg { fill: currentColor; }
5376
+
5377
+ @media (min-width: 782px) { .wp-block-navigation-link__submenu-icon svg { transform: rotate(90deg); } }
5378
+
5379
+ .wp-block-navigation .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) { color: #111; }
5380
+
5381
+ .wp-block-navigation:not(.has-background) .wp-block-navigation__container, .wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container { background-color: #fff; }
5382
+
5383
+ .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) { color: #fff; }
5384
+
5385
+ .wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container { background-color: #333; }
5386
+
5387
+ .items-justified-left > ul { justify-content: flex-start; }
5388
+
5389
+ .items-justified-center > ul { justify-content: center; }
5390
+
5391
+ .items-justified-right > ul { justify-content: flex-end; }
5392
+
5393
+ .is-small-text { font-size: 14px; }
5394
+
5395
+ .is-regular-text { font-size: 16px; }
5396
+
5397
+ .is-large-text { font-size: 36px; }
5398
+
5399
+ .is-larger-text { font-size: 48px; }
5400
+
5401
+ .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; }
5402
+
5403
+ p.has-background { padding: 20px 38px; }
5404
+
5405
+ p.has-text-color a { color: inherit; }
5406
+
5407
+ .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; }
5408
+
5409
+ .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.8em; }
5410
+
5411
+ .wp-block-post-author__avatar { margin-right: 16px; }
5412
+
5413
+ .wp-block-post-author__bio { margin-top: 8px; }
5414
+
5415
+ .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; }
5416
+
5417
+ .wp-block-post-author__name { font-weight: bold; margin: 0; }
5418
+
5419
+ .wp-block-pullquote { padding: 3em 0; margin-left: 0; margin-right: 0; text-align: center; }
5420
+
5421
+ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 290px; }
5422
+
5423
+ .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; }
5424
+
5425
+ .wp-block-pullquote p { font-size: 28px; line-height: 1.6; }
5426
+
5427
+ .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; }
5428
+
5429
+ .wp-block-pullquote .has-text-color a { color: inherit; }
5430
+
5431
+ .wp-block-pullquote:not(.is-style-solid-color) { background: none; }
5432
+
5433
+ .wp-block-pullquote.is-style-solid-color { border: none; }
5434
+
5435
+ .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; }
5436
+
5437
+ .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 32px; }
5438
+
5439
+ .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; }
5440
+
5441
+ .wp-block-pullquote cite { color: inherit; }
5442
+
5443
+ .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 0 16px; padding: 0 1em; }
5444
+
5445
+ .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; font-style: italic; line-height: 1.6; }
5446
+
5447
+ .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { font-size: 18px; text-align: right; }
5448
+
5449
+ .wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; }
5450
+
5451
+ .wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; }
5452
+
5453
+ .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; }
5454
+
5455
+ .wp-block-rss.is-grid li { margin: 0 16px 16px 0; width: 100%; }
5456
+
5457
+ @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 16px); }
5458
+ .wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 16px); }
5459
+ .wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 16px); }
5460
+ .wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 16px); }
5461
+ .wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 16px); } }
5462
+
5463
+ .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; color: #6c7781; font-size: 13px; }
5464
+
5465
+ .wp-block-search { display: flex; flex-wrap: wrap; }
5466
+
5467
+ .wp-block-search .wp-block-search__label { width: 100%; }
5468
+
5469
+ .wp-block-search .wp-block-search__input { flex-grow: 1; max-width: 360px; }
5470
+
5471
+ .wp-block-search .wp-block-search__button { margin-left: 10px; }
5472
+
5473
+ .wp-block-separator.is-style-wide { border-bottom-width: 1px; }
5474
+
5475
+ .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; }
5476
+
5477
+ .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; color: currentColor; font-size: 20px; letter-spacing: 2em; /*rtl:ignore*/ padding-left: 2em; font-family: serif; }
5478
+
5479
+ .wp-block-social-links { display: flex; justify-content: flex-start; padding-left: 0; padding-right: 0; margin-left: 0; }
5480
+
5481
+ .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; }
5482
+
5483
+ .wp-social-link { display: block; width: 36px; height: 36px; border-radius: 36px; margin-right: 8px; transition: transform 0.1s ease; }
5484
+
5485
+ @media (prefers-reduced-motion: reduce) { .wp-social-link { transition-duration: 0s; } }
5486
+
5487
+ .wp-social-link a { padding: 6px; display: block; line-height: 0; transition: transform 0.1s ease; }
5488
+
5489
+ .wp-social-link a, .wp-social-link a:hover, .wp-social-link a:active, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor; }
5490
+
5491
+ .wp-social-link:hover { transform: scale(1.1); }
5492
+
5493
+ .wp-block-social-links.aligncenter { justify-content: center; display: flex; }
5494
+
5495
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444; }
5496
+
5497
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff; }
5498
+
5499
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff; }
5500
+
5501
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff; }
5502
+
5503
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff; }
5504
+
5505
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff; }
5506
+
5507
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff; }
5508
+
5509
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff; }
5510
+
5511
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff; }
5512
+
5513
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; color: #fff; }
5514
+
5515
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff; }
5516
+
5517
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff; }
5518
+
5519
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff; }
5520
+
5521
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff; }
5522
+
5523
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110; }
5524
+
5525
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff; }
5526
+
5527
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff; }
5528
+
5529
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff; }
5530
+
5531
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; color: #fff; }
5532
+
5533
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff; }
5534
+
5535
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff; }
5536
+
5537
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff; }
5538
+
5539
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff; }
5540
+
5541
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff; }
5542
+
5543
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff; }
5544
+
5545
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff; }
5546
+
5547
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000; }
5548
+
5549
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff; }
5550
+
5551
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff; }
5552
+
5553
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff; }
5554
+
5555
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff; }
5556
+
5557
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; color: #fff; }
5558
+
5559
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff; }
5560
+
5561
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff; }
5562
+
5563
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff; }
5564
+
5565
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff; }
5566
+
5567
+ .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #f00; color: #fff; }
5568
+
5569
+ .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; }
5570
+
5571
+ .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 28px; height: 28px; }
5572
+
5573
+ .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; }
5574
+
5575
+ .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3; }
5576
+
5577
+ .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe; }
5578
+
5579
+ .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26; }
5580
+
5581
+ .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b; }
5582
+
5583
+ .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89; }
5584
+
5585
+ .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff; }
5586
+
5587
+ .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800; }
5588
+
5589
+ .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1778f2; }
5590
+
5591
+ .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000; }
5592
+
5593
+ .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd; }
5594
+
5595
+ .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678; }
5596
+
5597
+ .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d; }
5598
+
5599
+ .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110; }
5600
+
5601
+ .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434; }
5602
+
5603
+ .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075; }
5604
+
5605
+ .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24; }
5606
+
5607
+ .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0d66c2; }
5608
+
5609
+ .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4; }
5610
+
5611
+ .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c; }
5612
+
5613
+ .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f; }
5614
+
5615
+ .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122; }
5616
+
5617
+ .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155; }
5618
+
5619
+ .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500; }
5620
+
5621
+ .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7; }
5622
+
5623
+ .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000; }
5624
+
5625
+ .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600; }
5626
+
5627
+ .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760; }
5628
+
5629
+ .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835; }
5630
+
5631
+ .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4; }
5632
+
5633
+ .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #1da1f2; }
5634
+
5635
+ .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea; }
5636
+
5637
+ .wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2; }
5638
+
5639
+ .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd; }
5640
+
5641
+ .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { background-color: #d32422; color: #fff; }
5642
+
5643
+ .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: #f00; }
5644
+
5645
+ .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; }
5646
+
5647
+ .wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: 16px; padding-right: 16px; }
5648
+
5649
+ .wp-block-spacer { clear: both; }
5650
+
5651
+ p.wp-block-subhead { font-size: 1.1em; font-style: italic; opacity: 0.75; }
5652
+
5653
+ .wp-block-table { overflow-x: auto; }
5654
+
5655
+ .wp-block-table table { width: 100%; }
5656
+
5657
+ .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; }
5658
+
5659
+ .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; }
5660
+
5661
+ .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { display: table; width: auto; }
5662
+
5663
+ .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word; }
5664
+
5665
+ .wp-block-table .has-subtle-light-gray-background-color { background-color: #f3f4f5; }
5666
+
5667
+ .wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5; }
5668
+
5669
+ .wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe; }
5670
+
5671
+ .wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef; }
5672
+
5673
+ .wp-block-table.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f3f4f5; }
5674
+
5675
+ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f3f4f5; }
5676
+
5677
+ .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { background-color: #f3f4f5; }
5678
+
5679
+ .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { background-color: #e9fbe5; }
5680
+
5681
+ .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { background-color: #e7f5fe; }
5682
+
5683
+ .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { background-color: #fcf0ef; }
5684
+
5685
+ .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-color: transparent; }
5686
+
5687
+ .wp-block-text-columns { display: flex; }
5688
+
5689
+ .wp-block-text-columns.aligncenter { display: flex; }
5690
+
5691
+ .wp-block-text-columns .wp-block-column { margin: 0 16px; padding: 0; }
5692
+
5693
+ .wp-block-text-columns .wp-block-column:first-child { margin-left: 0; }
5694
+
5695
+ .wp-block-text-columns .wp-block-column:last-child { margin-right: 0; }
5696
+
5697
+ .wp-block-text-columns.columns-2 .wp-block-column { width: calc(100% / 2); }
5698
+
5699
+ .wp-block-text-columns.columns-3 .wp-block-column { width: calc(100% / 3); }
5700
+
5701
+ .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4); }
5702
+
5703
+ .wp-block-video { margin-left: 0; margin-right: 0; }
5704
+
5705
+ .wp-block-video video { max-width: 100%; }
5706
+
5707
+ @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-video [poster] { -o-object-fit: cover; object-fit: cover; } }
5708
+
5709
+ .wp-block-video.aligncenter { text-align: center; }
5710
+
5711
+ .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; }
5712
+
5713
+ :root .editor-styles-wrapper, :root { /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ }
5714
+
5715
+ :root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color { background-color: #f78da7; }
5716
+
5717
+ :root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color { background-color: #cf2e2e; }
5718
+
5719
+ :root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color { background-color: #ff6900; }
5720
+
5721
+ :root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color { background-color: #fcb900; }
5722
+
5723
+ :root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color { background-color: #7bdcb5; }
5724
+
5725
+ :root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color { background-color: #00d084; }
5726
+
5727
+ :root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; }
5728
+
5729
+ :root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; }
5730
+
5731
+ :root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color { background-color: #9b51e0; }
5732
+
5733
+ :root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color { background-color: #fff; }
5734
+
5735
+ :root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color { background-color: #eee; }
5736
+
5737
+ :root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color { background-color: #abb8c3; }
5738
+
5739
+ :root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color { background-color: #313131; }
5740
+
5741
+ :root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color { background-color: #000; }
5742
+
5743
+ :root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color { color: #f78da7; }
5744
+
5745
+ :root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color { color: #cf2e2e; }
5746
+
5747
+ :root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color { color: #ff6900; }
5748
+
5749
+ :root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color { color: #fcb900; }
5750
+
5751
+ :root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color { color: #7bdcb5; }
5752
+
5753
+ :root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color { color: #00d084; }
5754
+
5755
+ :root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color { color: #8ed1fc; }
5756
+
5757
+ :root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color { color: #0693e3; }
5758
+
5759
+ :root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color { color: #9b51e0; }
5760
+
5761
+ :root .editor-styles-wrapper .has-white-color, :root .has-white-color { color: #fff; }
5762
+
5763
+ :root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color { color: #eee; }
5764
+
5765
+ :root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color { color: #abb8c3; }
5766
+
5767
+ :root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color { color: #313131; }
5768
+
5769
+ :root .editor-styles-wrapper .has-black-color, :root .has-black-color { color: #000; }
5770
+
5771
+ :root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); }
5772
+
5773
+ :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); }
5774
+
5775
+ :root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); }
5776
+
5777
+ :root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); }
5778
+
5779
+ :root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); }
5780
+
5781
+ :root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); }
5782
+
5783
+ :root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, :root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); }
5784
+
5785
+ :root .editor-styles-wrapper .has-blush-light-purple-gradient-background, :root .has-blush-light-purple-gradient-background { background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); }
5786
+
5787
+ :root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, :root .has-blush-bordeaux-gradient-background { background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); }
5788
+
5789
+ :root .editor-styles-wrapper .has-purple-crush-gradient-background, :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); }
5790
+
5791
+ :root .editor-styles-wrapper .has-luminous-dusk-gradient-background, :root .has-luminous-dusk-gradient-background { background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); }
5792
+
5793
+ :root .editor-styles-wrapper .has-hazy-dawn-gradient-background, :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); }
5794
+
5795
+ :root .editor-styles-wrapper .has-pale-ocean-gradient-background, :root .has-pale-ocean-gradient-background { background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); }
5796
+
5797
+ :root .editor-styles-wrapper .has-electric-grass-gradient-background, :root .has-electric-grass-gradient-background { background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); }
5798
+
5799
+ :root .editor-styles-wrapper .has-subdued-olive-gradient-background, :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); }
5800
+
5801
+ :root .editor-styles-wrapper .has-atomic-cream-gradient-background, :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); }
5802
+
5803
+ :root .editor-styles-wrapper .has-nightshade-gradient-background, :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); }
5804
+
5805
+ :root .editor-styles-wrapper .has-midnight-gradient-background, :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381 0%, #2874fc 100%); }
5806
+
5807
+ :root .editor-styles-wrapper .has-link-color a, :root .has-link-color a { color: var(--wp--style--color--link, #00e); }
5808
+
5809
+ .editor-styles-wrapper .has-small-font-size, .has-small-font-size { font-size: 13px; }
5810
+
5811
+ .editor-styles-wrapper .has-regular-font-size, .editor-styles-wrapper .has-normal-font-size, .has-regular-font-size, .has-normal-font-size { font-size: 16px; }
5812
+
5813
+ .editor-styles-wrapper .has-medium-font-size, .has-medium-font-size { font-size: 20px; }
5814
+
5815
+ .editor-styles-wrapper .has-large-font-size, .has-large-font-size { font-size: 36px; }
5816
+
5817
+ .editor-styles-wrapper .has-larger-font-size, .editor-styles-wrapper .has-huge-font-size, .has-larger-font-size, .has-huge-font-size { font-size: 42px; }
5818
+
5819
+ .has-text-align-center { text-align: center; }
5820
+
5821
+ .has-text-align-left { /*rtl:ignore*/ text-align: left; }
5822
+
5823
+ .has-text-align-right { /*rtl:ignore*/ text-align: right; }
5824
+
5825
+ #end-resizable-editor-section { display: none; }
5826
+
5827
+ .aligncenter { clear: both; }
5828
+
5829
+ /** Colors */
5830
+ /** Breakpoints & Media Queries */
5831
+ /** Colors */
5832
+ /** Fonts & basic variables. */
5833
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
5834
+ /** Dimensions. */
5835
+ /** Shadows. */
5836
+ /** Editor widths. */
5837
+ /** Block UI. */
5838
+ /** Border radii. */
5839
+ /** Breakpoint mixins */
5840
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
5841
+ /** Focus styles. */
5842
+ /** Applies editor left position to the selector passed as argument */
5843
+ /** Styles that are reused verbatim in a few places */
5844
+ /** Allows users to opt-out of animations via OS-level preferences. */
5845
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
5846
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
5847
+ #start-resizable-editor-section { display: none; }
5848
+
5849
+ .wp-block-audio figcaption { color: #555d66; font-size: 13px; text-align: center; }
5850
+
5851
+ .wp-block-code { font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #23282d; padding: 0.8em 1em; border: 1px solid #e2e4e7; border-radius: 4px; }
5852
+
5853
+ .wp-block-embed figcaption { color: #555d66; font-size: 13px; text-align: center; }
5854
+
5855
+ .blocks-gallery-caption { color: #555d66; font-size: 13px; text-align: center; }
5856
+
5857
+ .wp-block-image figcaption { color: #555d66; font-size: 13px; text-align: center; }
5858
+
5859
+ .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; margin-bottom: 28px; color: #40464d; }
5860
+
5861
+ .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: #40464d; text-transform: uppercase; font-size: 13px; font-style: normal; }
5862
+
5863
+ .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; }
5864
+
5865
+ .wp-block-navigation-link.wp-block-navigation-link { margin: 0; }
5866
+
5867
+ .wp-block-quote { border-left: 4px solid #000; margin: 0 0 28px 0; padding-left: 1em; }
5868
+
5869
+ .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation { color: #6c7781; font-size: 13px; margin-top: 1em; position: relative; font-style: normal; }
5870
+
5871
+ .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right { border-left: none; border-right: 4px solid #000; padding-left: 0; padding-right: 1em; }
5872
+
5873
+ .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center { border: none; padding-left: 0; }
5874
+
5875
+ .wp-block-quote.is-style-large, .wp-block-quote.is-large { border: none; }
5876
+
5877
+ .wp-block-search .wp-block-search__label { font-weight: bold; }
5878
+
5879
+ .wp-block-group.has-background { padding: 20px 30px; margin-top: 0; margin-bottom: 0; }
5880
+
5881
+ .wp-block-separator { border: none; border-bottom: 2px solid #8f98a1; margin-left: auto; margin-right: auto; }
5882
+
5883
+ .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; }
5884
+
5885
+ .wp-block-separator.has-background:not(.is-style-dots) { border-bottom: none; height: 1px; }
5886
+
5887
+ .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 2px; }
5888
+
5889
+ .wp-block-table { border-collapse: collapse; }
5890
+
5891
+ .wp-block-table thead { border-bottom: 3px solid; }
5892
+
5893
+ .wp-block-table tfoot { border-top: 3px solid; }
5894
+
5895
+ .wp-block-table td, .wp-block-table th { padding: 0.5em; border: 1px solid; word-break: normal; }
5896
+
5897
+ .wp-block-table figcaption { color: #555d66; font-size: 13px; text-align: center; }
5898
+
5899
+ .wp-block-video figcaption { color: #555d66; font-size: 13px; text-align: center; }
5900
+
5901
+ #end-resizable-editor-section { display: none; }
5902
+
5903
+ /** Colors */
5904
+ /** Breakpoints & Media Queries */
5905
+ /** Colors */
5906
+ /** Fonts & basic variables. */
5907
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
5908
+ /** Dimensions. */
5909
+ /** Shadows. */
5910
+ /** Editor widths. */
5911
+ /** Block UI. */
5912
+ /** Border radii. */
5913
+ /** Breakpoint mixins */
5914
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
5915
+ /** Focus styles. */
5916
+ /** Applies editor left position to the selector passed as argument */
5917
+ /** Styles that are reused verbatim in a few places */
5918
+ /** Allows users to opt-out of animations via OS-level preferences. */
5919
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
5920
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
5921
+ #start-resizable-editor-section { display: none; }
5922
+
5923
+ .block-editor ul.wp-block-archives { padding-left: 2.5em; }
5924
+
5925
+ .wp-block-audio { margin-left: 0; margin-right: 0; }
5926
+
5927
+ .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { min-height: auto; }
5928
+
5929
+ .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { padding-left: 0; padding-right: 0; }
5930
+
5931
+ .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { display: block; }
5932
+
5933
+ .wp-block[data-align="center"] > .wp-block-button { text-align: center; margin-left: auto; margin-right: auto; }
5934
+
5935
+ .wp-block[data-align="right"] > .wp-block-button { /*!rtl:ignore*/ text-align: right; }
5936
+
5937
+ .wp-block-button { position: relative; cursor: text; }
5938
+
5939
+ .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { color: #fff; }
5940
+
5941
+ .wp-block-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2; outline: 2px solid transparent; outline-offset: -2px; }
5942
+
5943
+ .wp-block-button[data-rich-text-placeholder]::after { opacity: 0.8; }
5944
+
5945
+ .wp-block-button__inline-link { color: #555d66; height: 0; overflow: hidden; max-width: 290px; }
5946
+
5947
+ .wp-block-button__inline-link-input__suggestions { max-width: 290px; }
5948
+
5949
+ @media (min-width: 782px) { .wp-block-button__inline-link { max-width: 260px; }
5950
+ .wp-block-button__inline-link-input__suggestions { max-width: 260px; } }
5951
+
5952
+ @media (min-width: 960px) { .wp-block-button__inline-link { max-width: 290px; }
5953
+ .wp-block-button__inline-link-input__suggestions { max-width: 290px; } }
5954
+
5955
+ .is-selected .wp-block-button__inline-link { height: auto; overflow: visible; margin-top: 16px; }
5956
+
5957
+ div[data-type="core/button"] { display: table; }
5958
+
5959
+ .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { display: inline-block; width: auto; }
5960
+
5961
+ .wp-block[data-align="center"] > .wp-block-buttons { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
5962
+
5963
+ .wp-block[data-align="right"] > .wp-block-buttons { display: flex; justify-content: flex-end; }
5964
+
5965
+ .wp-block-buttons .block-list-appender { display: inline-block; }
5966
+
5967
+ .block-editor .wp-block-categories ul { padding-left: 2.5em; }
5968
+
5969
+ .block-editor .wp-block-categories ul ul { margin-top: 6px; }
5970
+
5971
+ .wp-block-code > code { display: block; }
5972
+
5973
+ .wp-block-columns .wp-block { max-width: none; }
5974
+
5975
+ @media (min-width: 600px) { .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { margin-left: 32px; } }
5976
+
5977
+ @media (min-width: 782px) { .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { margin-left: 32px; } }
5978
+
5979
+ .block-editor-block-list__block.wp-block-column.wp-block-column { margin-top: 0; margin-bottom: 0; }
5980
+
5981
+ .wp-block-cover { position: relative; }
5982
+
5983
+ .wp-block-cover.is-placeholder { min-height: auto !important; padding: 0 !important; }
5984
+
5985
+ .wp-block-cover.components-placeholder h2 { color: inherit; }
5986
+
5987
+ .wp-block-cover .block-editor-block-list__layout { width: 100%; }
5988
+
5989
+ .wp-block-cover .wp-block-cover__inner-container { text-align: left; margin-left: 0; margin-right: 0; }
5990
+
5991
+ .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; }
5992
+
5993
+ [data-align="left"] > .wp-block-cover, [data-align="right"] > .wp-block-cover { max-width: 290px; width: 100%; }
5994
+
5995
+ .block-library-cover__reset-button { margin-left: auto; }
5996
+
5997
+ .block-library-cover__resize-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; }
5998
+
5999
+ .block-library-cover__resize-container:not(.is-resizing) { height: auto !important; }
6000
+
6001
+ .wp-block-embed { margin-left: 0; margin-right: 0; clear: both; }
6002
+
6003
+ .wp-block-embed.is-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; min-height: 200px; text-align: center; background: #f8f9f9; }
6004
+
6005
+ .wp-block-embed.is-loading p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
6006
+
6007
+ .wp-block-embed .components-placeholder__error { word-break: break-word; }
6008
+
6009
+ .wp-block-embed .components-placeholder__learn-more { margin-top: 1em; }
6010
+
6011
+ .block-library-embed__interactive-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; }
6012
+
6013
+ .wp-block-file { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
6014
+
6015
+ .wp-block-file .wp-block-file__content-wrapper { flex-grow: 1; }
6016
+
6017
+ .wp-block-file .wp-block-file__textlink { display: inline-block; min-width: 1em; }
6018
+
6019
+ .wp-block-file .wp-block-file__textlink:focus { box-shadow: none; }
6020
+
6021
+ .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin-left: 0.75em; }
6022
+
6023
+ .wp-block-file .wp-block-file__copy-url-button { margin-left: 1em; }
6024
+
6025
+ .wp-block-freeform.block-library-rich-text__tinymce { /* Remove blue highlighting of selected images in WebKit */ /* Image captions */ /* WP Views */ }
6026
+
6027
+ .wp-block-freeform.block-library-rich-text__tinymce p, .wp-block-freeform.block-library-rich-text__tinymce li { line-height: 1.8; }
6028
+
6029
+ .wp-block-freeform.block-library-rich-text__tinymce ul, .wp-block-freeform.block-library-rich-text__tinymce ol { padding-left: 2.5em; margin-left: 0; }
6030
+
6031
+ .wp-block-freeform.block-library-rich-text__tinymce blockquote { margin: 0; box-shadow: inset 0 0 0 0 #e2e4e7; border-left: 4px solid #000; padding-left: 1em; }
6032
+
6033
+ .wp-block-freeform.block-library-rich-text__tinymce pre { white-space: pre-wrap; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #23282d; }
6034
+
6035
+ .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { margin-top: 0; }
6036
+
6037
+ .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { margin-bottom: 0; }
6038
+
6039
+ .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { outline: none; }
6040
+
6041
+ .wp-block-freeform.block-library-rich-text__tinymce a { color: #007fac; }
6042
+
6043
+ .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { padding: 0 2px; margin: 0 -2px; border-radius: 2px; box-shadow: 0 0 0 1px #e5f5fa; background: #e5f5fa; }
6044
+
6045
+ .wp-block-freeform.block-library-rich-text__tinymce code { padding: 2px; border-radius: 2px; color: #23282d; background: #f3f4f5; font-family: Menlo, Consolas, monaco, monospace; font-size: 14px; }
6046
+
6047
+ .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { background: #e8eaeb; }
6048
+
6049
+ .wp-block-freeform.block-library-rich-text__tinymce .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin: 0.5em 0 0.5em 1em; }
6050
+
6051
+ .wp-block-freeform.block-library-rich-text__tinymce .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin: 0.5em 1em 0.5em 0; }
6052
+
6053
+ .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { display: block; margin-left: auto; margin-right: auto; }
6054
+
6055
+ .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { width: 96%; height: 20px; display: block; margin: 15px auto; outline: 0; cursor: default; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); background-size: 1900px 20px; background-repeat: no-repeat; background-position: center; }
6056
+
6057
+ .wp-block-freeform.block-library-rich-text__tinymce img::-moz-selection { background-color: transparent; }
6058
+
6059
+ .wp-block-freeform.block-library-rich-text__tinymce img::selection { background-color: transparent; }
6060
+
6061
+ .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { -ms-user-select: element; }
6062
+
6063
+ .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { margin: 0; /* dl browser reset */ max-width: 100%; }
6064
+
6065
+ .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { display: block; }
6066
+
6067
+ .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { -webkit-user-drag: none; }
6068
+
6069
+ .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { padding-top: 0.5em; margin: 0; /* browser dd reset */ }
6070
+
6071
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview { width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ position: relative; clear: both; margin-bottom: 16px; border: 1px solid transparent; }
6072
+
6073
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { display: block; max-width: 100%; background: transparent; }
6074
+
6075
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
6076
+
6077
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { display: none; }
6078
+
6079
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { border: 1px dashed #e8eaeb; padding: 10px; }
6080
+
6081
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { border: 1px solid #e8eaeb; padding: 1em 0; margin: 0; word-wrap: break-word; }
6082
+
6083
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { margin: 0; text-align: center; }
6084
+
6085
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { border-color: transparent; }
6086
+
6087
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { display: block; margin: 0 auto; width: 32px; height: 32px; font-size: 32px; }
6088
+
6089
+ .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { content: ""; display: table; clear: both; }
6090
+
6091
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { outline: none; }
6092
+
6093
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery a { cursor: default; }
6094
+
6095
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; }
6096
+
6097
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { float: left; margin: 0; text-align: center; padding: 6px; box-sizing: border-box; }
6098
+
6099
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { margin: 0; }
6100
+
6101
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { font-size: 13px; margin: 4px 0; }
6102
+
6103
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { width: 100%; }
6104
+
6105
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { width: 50%; }
6106
+
6107
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { width: 33.33333%; }
6108
+
6109
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { width: 25%; }
6110
+
6111
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { width: 20%; }
6112
+
6113
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { width: 16.66667%; }
6114
+
6115
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { width: 14.28571%; }
6116
+
6117
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { width: 12.5%; }
6118
+
6119
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { width: 11.11111%; }
6120
+
6121
+ .wp-block-freeform.block-library-rich-text__tinymce .gallery img { max-width: 100%; height: auto; border: none; padding: 0; }
6122
+
6123
+ div[data-type="core/freeform"]::before { transition: border-color 0.1s linear, box-shadow 0.1s linear; border: 1px solid #e2e4e7; outline: 1px solid transparent; }
6124
+
6125
+ @media (prefers-reduced-motion: reduce) { div[data-type="core/freeform"]::before { transition-duration: 0s; } }
6126
+
6127
+ div[data-type="core/freeform"].is-selected::before { border-color: #1e1e1e; }
6128
+
6129
+ div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { margin-top: 0; padding-top: 0; }
6130
+
6131
+ div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { content: ""; display: table; clear: both; }
6132
+
6133
+ .mce-toolbar-grp .mce-btn.mce-active button, .mce-toolbar-grp .mce-btn.mce-active:hover button, .mce-toolbar-grp .mce-btn.mce-active i, .mce-toolbar-grp .mce-btn.mce-active:hover i { color: #23282d; }
6134
+
6135
+ .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { margin-right: 0; margin-left: 8px; }
6136
+
6137
+ .mce-toolbar-grp .mce-btn i { font-style: normal; }
6138
+
6139
+ .block-library-classic__toolbar { display: none; width: auto; margin: 0; position: -webkit-sticky; position: sticky; z-index: 10; top: 8px; border: 1px solid #e2e4e7; border-bottom: none; border-radius: 2px; margin-bottom: 8px; padding: 0; }
6140
+
6141
+ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { display: block; border-color: #1e1e1e; }
6142
+
6143
+ .block-library-classic__toolbar .mce-tinymce { box-shadow: none; }
6144
+
6145
+ @media (min-width: 600px) { .block-library-classic__toolbar { padding: 0; } }
6146
+
6147
+ .block-library-classic__toolbar:empty { display: block; background: #f5f5f5; border-bottom: 1px solid #e2e4e7; }
6148
+
6149
+ .block-library-classic__toolbar:empty::before { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; content: attr(data-placeholder); color: #555d66; line-height: 37px; padding: 14px; }
6150
+
6151
+ .block-library-classic__toolbar div.mce-toolbar-grp { border-bottom: 1px solid #1e1e1e; }
6152
+
6153
+ .block-library-classic__toolbar .mce-tinymce-inline, .block-library-classic__toolbar .mce-tinymce-inline > div, .block-library-classic__toolbar div.mce-toolbar-grp, .block-library-classic__toolbar div.mce-toolbar-grp > div, .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar .mce-menubar > div { height: auto !important; width: 100% !important; }
6154
+
6155
+ .block-library-classic__toolbar .mce-container-body.mce-abs-layout { overflow: visible; }
6156
+
6157
+ .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar div.mce-toolbar-grp { position: static; }
6158
+
6159
+ .block-library-classic__toolbar .mce-toolbar-grp > div { padding: 1px 3px; }
6160
+
6161
+ .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { display: none; }
6162
+
6163
+ .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { display: block; }
6164
+
6165
+ .wp-block-gallery li { list-style-type: none; }
6166
+
6167
+ .wp-block-gallery .block-editor-media-placeholder { margin-bottom: 12px; padding: 12px; }
6168
+
6169
+ .wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { display: none; }
6170
+
6171
+ .wp-block-gallery .block-editor-media-placeholder .components-button { margin-bottom: 0; }
6172
+
6173
+ figure.wp-block-gallery { display: block; margin: 0; }
6174
+
6175
+ .blocks-gallery-grid.blocks-gallery-grid { padding-left: 0; margin-left: 0; margin-bottom: 0; }
6176
+
6177
+ .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; }
6178
+
6179
+ .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; border-radius: 2px; outline: 2px solid transparent; }
6180
+
6181
+ body.admin-color-sunrise .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
6182
+
6183
+ body.admin-color-ocean .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
6184
+
6185
+ body.admin-color-midnight .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
6186
+
6187
+ body.admin-color-ectoplasm .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
6188
+
6189
+ body.admin-color-coffee .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
6190
+
6191
+ body.admin-color-blue .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
6192
+
6193
+ body.admin-color-light .blocks-gallery-item figure.is-selected { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
6194
+
6195
+ .blocks-gallery-item figure.is-selected img { border-radius: 2px; }
6196
+
6197
+ .blocks-gallery-item figure.is-transient img { opacity: 0.3; }
6198
+
6199
+ .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu, .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { background: #fff; border: 1px solid #1e1e1e; border-radius: 2px; transition: box-shadow 0.2s ease-out; }
6200
+
6201
+ @media (prefers-reduced-motion: reduce) { .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu, .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { transition-duration: 0s; } }
6202
+
6203
+ .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu:hover, .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
6204
+
6205
+ .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button { color: #1e1e1e; min-width: 24px; height: 24px; }
6206
+
6207
+ @media (min-width: 600px) { .columns-7 .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, .columns-8 .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button, .columns-7 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button, .columns-8 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button { padding: 0; width: inherit; height: inherit; } }
6208
+
6209
+ .blocks-gallery-item .is-selected .block-library-gallery-item__move-menu .components-button:focus, .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu .components-button:focus { color: inherit; }
6210
+
6211
+ .block-library-gallery-item__move-menu, .block-library-gallery-item__inline-menu { margin: 8px; display: inline-flex; z-index: 20; }
6212
+
6213
+ .block-library-gallery-item__move-menu .components-button, .block-library-gallery-item__inline-menu .components-button { color: transparent; }
6214
+
6215
+ @media (min-width: 600px) { .columns-7 .block-library-gallery-item__move-menu, .columns-8 .block-library-gallery-item__move-menu, .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { padding: 2px; } }
6216
+
6217
+ .block-library-gallery-item__inline-menu { position: absolute; top: -2px; right: -2px; }
6218
+
6219
+ .block-library-gallery-item__move-menu { position: absolute; top: -2px; left: -2px; }
6220
+
6221
+ .blocks-gallery-item__move-backward.components-button, .blocks-gallery-item__move-forward.components-button, .blocks-gallery-item__remove.components-button { padding: 0; }
6222
+
6223
+ .blocks-gallery-item .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; }
6224
+
6225
+ /** Group: All Alignment Settings */
6226
+ .wp-block-group { margin-top: 0; margin-bottom: 0; }
6227
+
6228
+ .wp-block-group .block-editor-block-list__insertion-point { left: 0; right: 0; }
6229
+
6230
+ .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { margin-left: auto; margin-right: auto; }
6231
+
6232
+ .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { margin-left: -30px; width: calc(100% + 60px); }
6233
+
6234
+ /** Group: Full Width Alignment */
6235
+ [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { padding-left: 14px; padding-right: 14px; }
6236
+
6237
+ @media (min-width: 600px) { [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { padding-left: 0; padding-right: 0; } }
6238
+
6239
+ [data-align="full"] .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { padding-right: 0; padding-left: 0; left: 0; width: 100%; max-width: none; }
6240
+
6241
+ [data-align="full"] .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { width: calc(100% + 60px); }
6242
+
6243
+ [data-type="core/group"].is-selected .block-list-appender { margin-left: 0; margin-right: 0; }
6244
+
6245
+ [data-type="core/group"].is-selected .has-background .block-list-appender { margin-top: 18px; margin-bottom: 18px; }
6246
+
6247
+ .block-library-heading-level-dropdown .components-popover__content { padding: 0; min-width: 230px; }
6248
+
6249
+ .block-library-heading-level-toolbar { border: none; }
6250
+
6251
+ .wp-block-html { margin-bottom: 28px; }
6252
+
6253
+ .wp-block-html .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
6254
+
6255
+ .wp-block-html .block-editor-plain-text { font-family: Menlo, Consolas, monaco, monospace; color: #23282d; padding: 0.8em 1em; border: 1px solid #e2e4e7; border-radius: 4px; max-height: 250px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; }
6256
+
6257
+ @media (min-width: 600px) { .wp-block-html .block-editor-plain-text { font-size: 13px; } }
6258
+
6259
+ .wp-block-html .block-editor-plain-text:focus { box-shadow: none; }
6260
+
6261
+ figure.wp-block-image:not(.wp-block) { margin: 0; }
6262
+
6263
+ .wp-block-image { position: relative; }
6264
+
6265
+ .wp-block-image.is-transient img { opacity: 0.3; }
6266
+
6267
+ .wp-block-image figcaption img { display: inline; }
6268
+
6269
+ .wp-block-image .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; }
6270
+
6271
+ .wp-block-image .components-resizable-box__container { display: inline-block; }
6272
+
6273
+ .wp-block-image .components-resizable-box__container img { display: block; width: inherit; height: inherit; }
6274
+
6275
+ .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { position: absolute; left: 0; right: 0; margin: -1px 0; }
6276
+
6277
+ @media (min-width: 600px) { .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { margin: -1px; } }
6278
+
6279
+ [data-align="wide"] > .wp-block-image img, [data-align="full"] > .wp-block-image img { width: 100%; }
6280
+
6281
+ .wp-block[data-align="left"] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; }
6282
+
6283
+ .wp-block[data-align="right"] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; }
6284
+
6285
+ .wp-block[data-align="center"] > .wp-block-image { margin-left: auto; margin-right: auto; text-align: center; }
6286
+
6287
+ .wp-block-latest-comments.has-avatars .avatar { margin-right: 10px; }
6288
+
6289
+ .wp-block-latest-comments__comment-excerpt p { font-size: 14px; line-height: 1.8; margin: 5px 0 20px; padding-top: 0; }
6290
+
6291
+ .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { min-height: 36px; }
6292
+
6293
+ .block-editor .wp-block-latest-posts { padding-left: 2.5em; }
6294
+
6295
+ .block-editor .wp-block-latest-posts.is-grid { padding-left: 0; }
6296
+
6297
+ .wp-block-latest-posts li a > div { display: inline; }
6298
+
6299
+ .wp-block-legacy-widget__edit-container .widget-inside { border: none; display: block; box-shadow: none; }
6300
+
6301
+ .wp-block-legacy-widget__edit-container .widget.open { z-index: 0; }
6302
+
6303
+ .wp-block-legacy-widget__update-button { margin-left: auto; display: block; }
6304
+
6305
+ .wp-block-legacy-widget__preview { overflow: auto; }
6306
+
6307
+ .wp-block-legacy-widget__preview, .wp-block-legacy-widget__edit-container, .wp-block-legacy-widget__edit-widget-title { padding: 8px 14px; }
6308
+
6309
+ .wp-block-legacy-widget__edit-widget-title { background: #f8f9f9; color: #555d66; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 8px 14px; font-weight: 600; }
6310
+
6311
+ .wp-block-media-text .__resizable_base__ { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; -ms-grid-row: 2; grid-row: 2; }
6312
+
6313
+ .wp-block-media-text.is-vertically-aligned-top .block-editor-inner-blocks, .wp-block-media-text.is-vertically-aligned-top .editor-media-container__resizer { -ms-grid-row-align: start; align-self: start; }
6314
+
6315
+ .wp-block-media-text .block-editor-inner-blocks, .wp-block-media-text .editor-media-container__resizer, .wp-block-media-text.is-vertically-aligned-center .block-editor-inner-blocks, .wp-block-media-text.is-vertically-aligned-center .editor-media-container__resizer { -ms-grid-row-align: center; align-self: center; }
6316
+
6317
+ .wp-block-media-text.is-vertically-aligned-bottom .block-editor-inner-blocks, .wp-block-media-text.is-vertically-aligned-bottom .editor-media-container__resizer { -ms-grid-row-align: end; align-self: end; }
6318
+
6319
+ .wp-block-media-text .editor-media-container__resizer { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; width: 100% !important; }
6320
+
6321
+ .wp-block-media-text.is-image-fill .editor-media-container__resizer { height: 100% !important; }
6322
+
6323
+ .wp-block-media-text.has-media-on-the-right .editor-media-container__resizer { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; }
6324
+
6325
+ .wp-block-media-text > .block-editor-inner-blocks { word-break: break-word; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; text-align: initial; padding: 0 8% 0 8%; }
6326
+
6327
+ .wp-block-media-text.has-media-on-the-right .block-editor-inner-blocks { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
6328
+
6329
+ .wp-block-media-text > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block { max-width: unset; }
6330
+
6331
+ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile .block-editor-inner-blocks { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }
6332
+ .wp-block-media-text.is-stacked-on-mobile .editor-media-container__resizer { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
6333
+ .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .block-editor-inner-blocks { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
6334
+ .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .editor-media-container__resizer { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } }
6335
+
6336
+ .block-editor-block-list__block[data-type="core/more"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; }
6337
+
6338
+ .block-editor .wp-block-more { display: block; text-align: center; white-space: nowrap; }
6339
+
6340
+ .block-editor .wp-block-more input[type="text"] { position: relative; font-size: 13px; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #6c7781; border: none; box-shadow: none; white-space: nowrap; text-align: center; margin: 0; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; max-width: 100%; }
6341
+
6342
+ .block-editor .wp-block-more input[type="text"]:focus { box-shadow: none; }
6343
+
6344
+ .block-editor .wp-block-more::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccd0d4; }
6345
+
6346
+ .editor-styles-wrapper .wp-block-navigation ul, .editor-styles-wrapper .wp-block-navigation ol { margin-bottom: 0; margin-left: 0; padding-left: 0; }
6347
+
6348
+ .editor-styles-wrapper .wp-block-navigation .block-editor-block-list__block { margin: 0; }
6349
+
6350
+ .wp-block-navigation .block-list-appender { margin: 0; display: flex; align-items: center; }
6351
+
6352
+ .wp-block-navigation.is-vertical .block-list-appender { margin: 8px; }
6353
+
6354
+ .wp-block-navigation__inserter-content { padding: 16px; }
6355
+
6356
+ .wp-block-navigation__container.is-parent-of-selected-block { visibility: visible; opacity: 1; }
6357
+
6358
+ .has-child > .wp-block-navigation__container, .has-child:hover > .wp-block-navigation__container { opacity: 0; visibility: hidden; }
6359
+
6360
+ .has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container { opacity: 1; visibility: visible; }
6361
+
6362
+ .has-child .wp-block-navigation__container .block-list-appender .block-editor-button-block-appender { margin-left: 16px; }
6363
+
6364
+ /** Colors Selector component */
6365
+ .block-library-colors-selector { width: auto; }
6366
+
6367
+ .block-library-colors-selector .block-library-colors-selector__toggle { display: block; margin: 0 auto; padding: 3px; width: auto; }
6368
+
6369
+ .block-library-colors-selector .block-library-colors-selector__icon-container { height: 30px; position: relative; margin: 0 auto; padding: 3px; display: flex; align-items: center; border-radius: 4px; }
6370
+
6371
+ .block-library-colors-selector .block-library-colors-selector__state-selection { margin-left: auto; margin-right: auto; }
6372
+
6373
+ .block-library-colors-selector .block-library-colors-selector__state-selection { border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); width: 22px; min-width: 22px; height: 22px; min-height: 22px; line-height: 20px; padding: 2px; }
6374
+
6375
+ .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { color: inherit; }
6376
+
6377
+ .block-library-colors-selector__popover .color-palette-controller-container { padding: 16px; }
6378
+
6379
+ .block-library-colors-selector__popover .components-base-control__label { height: 20px; line-height: 20px; }
6380
+
6381
+ .block-library-colors-selector__popover .component-color-indicator { float: right; margin-top: 2px; }
6382
+
6383
+ .block-library-colors-selector__popover .components-panel__body-title { display: none; }
6384
+
6385
+ .is-editing > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; }
6386
+
6387
+ .wp-block-navigation-link__field .components-text-control__input.components-text-control__input, .wp-block-navigation-link__container { border-radius: 0; line-height: 36px; min-height: 36px; }
6388
+
6389
+ /** Adjust Navigation Item. */
6390
+ .wp-block-navigation-link .block-editor-block-list__layout { display: block; }
6391
+
6392
+ .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { min-width: 20px; }
6393
+
6394
+ .wp-block-navigation-link .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus)[data-rich-text-placeholder]::after { display: inline-block; }
6395
+
6396
+ .wp-block-navigation-link .block-list-appender { margin: 16px; margin-left: 10px; margin-top: 10px; }
6397
+
6398
+ .wp-block-navigation-link__nofollow-external-link { display: block; }
6399
+
6400
+ .wp-block-navigation-link__separator { margin: 8px 0 8px; border-top: 1px solid #e2e4e7; }
6401
+
6402
+ .components-popover.wp-block-navigation-link__dropdown-content { margin-top: -1px; margin-left: -4px; }
6403
+
6404
+ .wp-block-navigation-link__dropdown-content .components-popover__content { padding: 8px 0; }
6405
+
6406
+ .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { display: none; }
6407
+
6408
+ .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; margin-top: 28px; margin-bottom: 28px; }
6409
+
6410
+ .wp-block-nextpage { display: block; text-align: center; white-space: nowrap; }
6411
+
6412
+ .wp-block-nextpage > span { font-size: 13px; position: relative; display: inline-block; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #6c7781; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; }
6413
+
6414
+ .wp-block-nextpage::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccd0d4; }
6415
+
6416
+ .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { min-height: auto !important; }
6417
+
6418
+ .wp-block-post-excerpt__excerpt.is-inline { display: inline-block; }
6419
+
6420
+ .block-editor__container .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; }
6421
+
6422
+ .wp-block-post-author__byline { color: #6c7781; font-size: 13px; margin-top: 0; position: relative; font-style: normal; }
6423
+
6424
+ .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; }
6425
+
6426
+ .block-editor__container .wp-block-post-author__avatar img { margin: 0; }
6427
+
6428
+ .block-editor__container .wp-block-post-author__name { margin: 0; margin-top: -8px; margin-bottom: -8px; font-weight: bold; }
6429
+
6430
+ .block-editor__container .wp-block-post-author__bio { margin: 0; margin-top: 16px; }
6431
+
6432
+ .wp-block[data-align="left"] > .wp-block-pullquote p, .wp-block[data-align="right"] > .wp-block-pullquote p { font-size: 20px; }
6433
+
6434
+ .wp-block-pullquote blockquote p { font-size: 28px; line-height: 1.6; }
6435
+
6436
+ .wp-block-pullquote.is-style-solid-color { margin-left: 0; margin-right: 0; }
6437
+
6438
+ .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; }
6439
+
6440
+ .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { text-transform: none; font-style: normal; }
6441
+
6442
+ .wp-block-pullquote .wp-block-pullquote__citation { color: inherit; }
6443
+
6444
+ .wp-block-quote__citation { font-size: 13px; }
6445
+
6446
+ .richimage__working { position: relative; }
6447
+
6448
+ .richimage__working .richimage__working-spinner { position: absolute; z-index: 1; left: 50%; top: calc(50% - 48px); transform: translate(-50%, -50%); }
6449
+
6450
+ .richimage__working img { opacity: 0.6; transition: all 0.4s ease; }
6451
+
6452
+ .richimage__working.richimage__working__flipv img { transform: scale(1, -1); }
6453
+
6454
+ .richimage__working.richimage__working__fliph img { transform: scale(-1, 1); }
6455
+
6456
+ .richimage-toolbar__working { padding: 0 6px; }
6457
+
6458
+ .richimage-crop .components-resizable-box__handle { display: block; }
6459
+
6460
+ .richimage__crop-area { position: relative; max-width: 100%; width: 100%; }
6461
+
6462
+ .richimage__crop-icon { padding: 0 8px; min-width: 48px; display: flex; justify-content: center; align-items: center; }
6463
+
6464
+ .richimage__crop-icon svg { fill: currentColor; }
6465
+
6466
+ .richimage__zoom-control { border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; margin-top: 12px; margin-bottom: 12px; padding: 12px 12px 8px; line-height: 1; }
6467
+
6468
+ .components-toolbar.richimage-toolbar__dropdown { padding: 0; border-left: none; border-right: none; }
6469
+
6470
+ .components-toolbar.richimage-toolbar__dropdown .components-icon-button.has-text svg { margin-right: 0; }
6471
+
6472
+ .components-toolbar.richimage-toolbar__dropdown .components-dropdown-menu__indicator { display: none; }
6473
+
6474
+ .richimage-toolbar__dropdown > .components-button, .richimage-toolbar__dropdown, .richimage-toolbar__control { padding: 6px; }
6475
+
6476
+ .block-editor .wp-block-rss { padding-left: 2.5em; }
6477
+
6478
+ .block-editor .wp-block-rss.is-grid { padding-left: 0; }
6479
+
6480
+ .wp-block-rss li a > div { display: inline; }
6481
+
6482
+ .wp-block-rss__placeholder-form { display: flex; align-items: stretch; }
6483
+
6484
+ .wp-block-rss__placeholder-form > * { margin-bottom: 8px; }
6485
+
6486
+ @media (min-width: 782px) { .wp-block-rss__placeholder-form > * { margin-bottom: 0; } }
6487
+
6488
+ .wp-block-rss__placeholder-input { display: flex; align-items: stretch; flex-grow: 1; }
6489
+
6490
+ .wp-block-rss__placeholder-input .components-base-control__field { margin: 0; display: flex; align-items: stretch; flex-grow: 1; margin-right: 8px; }
6491
+
6492
+ .wp-block-search__input { border-radius: 4px; border: 1px solid #7e8993; color: rgba(14, 28, 46, 0.62); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 8px; }
6493
+
6494
+ .wp-block-search__input:focus { outline: none; }
6495
+
6496
+ .wp-block-search__button { background: #f7f7f7; border-radius: 4px; border: 1px solid #ccc; box-shadow: inset 0 -1px 0 #ccc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 10px; }
6497
+
6498
+ .block-editor-block-list__block[data-type="core/separator"] { padding-top: 0.1px; padding-bottom: 0.1px; }
6499
+
6500
+ .block-editor-block-list__block[data-type="core/separator"].block-editor-block-list__block { margin-top: 0; margin-bottom: 0; }
6501
+
6502
+ .wp-block-shortcode { display: flex; flex-direction: column; padding: 14px; background-color: rgba(139, 139, 150, 0.1); font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin-bottom: 28px; }
6503
+
6504
+ .wp-block-shortcode label { display: flex; align-items: center; white-space: nowrap; font-weight: 600; flex-shrink: 0; }
6505
+
6506
+ .wp-block-shortcode .block-editor-plain-text { max-height: 250px; }
6507
+
6508
+ .wp-block-shortcode .dashicon { margin-right: 8px; }
6509
+
6510
+ .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
6511
+
6512
+ @media (prefers-reduced-motion: reduce) { .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { transition-duration: 0s; } }
6513
+
6514
+ @media (min-width: 600px) { .block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
6515
+
6516
+ .block-editor .blocks-shortcode__textarea:focus, .blocks-shortcode__textarea:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
6517
+
6518
+ body.admin-color-sunrise .block-editor .blocks-shortcode__textarea:focus, body.admin-color-sunrise .blocks-shortcode__textarea:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
6519
+
6520
+ body.admin-color-ocean .block-editor .blocks-shortcode__textarea:focus, body.admin-color-ocean .blocks-shortcode__textarea:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
6521
+
6522
+ body.admin-color-midnight .block-editor .blocks-shortcode__textarea:focus, body.admin-color-midnight .blocks-shortcode__textarea:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
6523
+
6524
+ body.admin-color-ectoplasm .block-editor .blocks-shortcode__textarea:focus, body.admin-color-ectoplasm .blocks-shortcode__textarea:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
6525
+
6526
+ body.admin-color-coffee .block-editor .blocks-shortcode__textarea:focus, body.admin-color-coffee .blocks-shortcode__textarea:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
6527
+
6528
+ body.admin-color-blue .block-editor .blocks-shortcode__textarea:focus, body.admin-color-blue .blocks-shortcode__textarea:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
6529
+
6530
+ body.admin-color-light .block-editor .blocks-shortcode__textarea:focus, body.admin-color-light .blocks-shortcode__textarea:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
6531
+
6532
+ .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .blocks-shortcode__textarea::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
6533
+
6534
+ .block-editor .blocks-shortcode__textarea::-moz-placeholder, .blocks-shortcode__textarea::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
6535
+
6536
+ .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .blocks-shortcode__textarea:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
6537
+
6538
+ .is-dark-theme .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
6539
+
6540
+ .is-dark-theme .block-editor .blocks-shortcode__textarea::-moz-placeholder, .is-dark-theme .blocks-shortcode__textarea::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
6541
+
6542
+ .is-dark-theme .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
6543
+
6544
+ .wp-block-social-links .wp-social-link button { color: currentColor; padding: 6px; }
6545
+
6546
+ .wp-block-social-links.is-style-pill-shape .wp-social-link button { padding-left: 16px; padding-right: 16px; }
6547
+
6548
+ .wp-block-social-links div.block-editor-url-input { display: inline-block; margin-left: 8px; }
6549
+
6550
+ .editor-styles-wrapper .wp-block-social-link { margin: 0; margin-right: 8px; }
6551
+
6552
+ .editor-styles-wrapper .wp-block-social-links { padding: 0; }
6553
+
6554
+ .wp-block-social-links .block-list-appender { margin: 0; display: flex; align-items: center; }
6555
+
6556
+ .wp-block[data-align="center"] > .wp-block-social-links { justify-content: center; }
6557
+
6558
+ .block-editor-block-preview__content .wp-social-link:disabled { opacity: 1; }
6559
+
6560
+ [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links { min-height: 36px; }
6561
+
6562
+ [data-type="core/social-links"] .wp-social-link__is-incomplete { transition: transform 0.1s ease; transform-origin: center center; }
6563
+
6564
+ [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete { opacity: 0; transform: scale(0); width: 0; padding: 0; margin-right: 0; }
6565
+
6566
+ .wp-social-link.wp-social-link__is-incomplete { opacity: 0.5; }
6567
+
6568
+ @media (prefers-reduced-motion: reduce) { .wp-social-link.wp-social-link__is-incomplete { transition-duration: 0s; } }
6569
+
6570
+ .wp-block-social-links .is-selected .wp-social-link__is-incomplete, .wp-social-link.wp-social-link__is-incomplete:hover, .wp-social-link.wp-social-link__is-incomplete:focus { opacity: 1; }
6571
+
6572
+ [data-type="core/social-links"] .wp-social-link:focus { opacity: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba; outline: 2px solid transparent; }
6573
+
6574
+ body.admin-color-sunrise [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d1864a; }
6575
+
6576
+ body.admin-color-ocean [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #a3b9a2; }
6577
+
6578
+ body.admin-color-midnight [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e14d43; }
6579
+
6580
+ body.admin-color-ectoplasm [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #a7b656; }
6581
+
6582
+ body.admin-color-coffee [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #c2a68c; }
6583
+
6584
+ body.admin-color-blue [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d9ab59; }
6585
+
6586
+ body.admin-color-light [data-type="core/social-links"] .wp-social-link:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0085ba; }
6587
+
6588
+ .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"].is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after { right: 8px; }
6589
+
6590
+ .block-library-spacer__resize-container.has-show-handle { background: #f3f4f5; }
6591
+
6592
+ .is-dark-theme .block-library-spacer__resize-container.has-show-handle { background: rgba(255, 255, 255, 0.15); }
6593
+
6594
+ .block-library-spacer__resize-container { clear: both; margin-bottom: 28px; }
6595
+
6596
+ .block-library-spacer__resize-container .components-resizable-box__handle::before { content: none; }
6597
+
6598
+ .edit-post-visual-editor p.wp-block-subhead { color: #6c7781; font-size: 1.1em; font-style: italic; }
6599
+
6600
+ .wp-block[data-align="left"] > .wp-block-table, .wp-block[data-align="right"] > .wp-block-table, .wp-block[data-align="center"] > .wp-block-table { height: auto; }
6601
+
6602
+ .wp-block[data-align="left"] > .wp-block-table table, .wp-block[data-align="right"] > .wp-block-table table, .wp-block[data-align="center"] > .wp-block-table table { width: auto; }
6603
+
6604
+ .wp-block[data-align="left"] > .wp-block-table td, .wp-block[data-align="left"] > .wp-block-table th, .wp-block[data-align="right"] > .wp-block-table td, .wp-block[data-align="right"] > .wp-block-table th, .wp-block[data-align="center"] > .wp-block-table td, .wp-block[data-align="center"] > .wp-block-table th { word-break: break-word; }
6605
+
6606
+ .wp-block[data-align="center"] > .wp-block-table { text-align: initial; }
6607
+
6608
+ .wp-block[data-align="center"] > .wp-block-table table { margin: 0 auto; }
6609
+
6610
+ .wp-block-table { margin: 0; }
6611
+
6612
+ .wp-block-table table { border-collapse: collapse; }
6613
+
6614
+ .wp-block-table td, .wp-block-table th { border: 1px solid; }
6615
+
6616
+ .wp-block-table td.is-selected, .wp-block-table th.is-selected { border-color: #00a0d2; box-shadow: inset 0 0 0 1px #00a0d2; border-style: double; }
6617
+
6618
+ .wp-block-table figcaption { color: #555d66; font-size: 13px; text-align: center; }
6619
+
6620
+ .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; align-items: flex-start; }
6621
+
6622
+ .blocks-table__placeholder-form.blocks-table__placeholder-form > * { margin-bottom: 8px; }
6623
+
6624
+ @media (min-width: 782px) { .blocks-table__placeholder-form.blocks-table__placeholder-form { flex-direction: row; align-items: flex-end; }
6625
+ .blocks-table__placeholder-form.blocks-table__placeholder-form > * { margin-bottom: 0; } }
6626
+
6627
+ .blocks-table__placeholder-input { width: 112px; margin-right: 8px; margin-bottom: 0; }
6628
+
6629
+ .blocks-table__placeholder-input input { height: 36px; }
6630
+
6631
+ .blocks-table__placeholder-input .components-base-control__field { margin-bottom: 0; }
6632
+
6633
+ .block-editor .wp-block-tag-cloud a { display: inline-block; margin-right: 5px; }
6634
+
6635
+ .block-editor .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; color: #8f98a1; text-decoration: none; }
6636
+
6637
+ .wp-block-template-part__placeholder-input-container { display: flex; flex-wrap: wrap; width: 100%; }
6638
+
6639
+ .wp-block-template-part__placeholder-input { margin: 5px; }
6640
+
6641
+ .wp-block-template-part__placeholder-preview { margin-bottom: 15px; width: 100%; }
6642
+
6643
+ .wp-block-template-part__placeholder-preview .block-editor-block-preview__container { padding: 1px; }
6644
+
6645
+ .wp-block-template-part__placeholder-preview-title { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
6646
+
6647
+ .wp-block-text-columns .block-editor-rich-text__editable:focus { outline: 1px solid #e2e4e7; }
6648
+
6649
+ pre.wp-block-verse { color: #191e23; white-space: nowrap; font-family: inherit; font-size: inherit; padding: 1em; overflow: auto; }
6650
+
6651
+ .wp-block[data-align="center"] > .wp-block-video { text-align: center; }
6652
+
6653
+ .editor-video-poster-control .components-base-control__label { display: block; }
6654
+
6655
+ .editor-video-poster-control .components-button { margin-right: 8px; }
6656
+
6657
+ .wp-block[data-type="core/widget-area"] { max-width: 700px; }
6658
+
6659
+ .wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks { padding-top: 24px; }
6660
+
6661
+ /** Import styles from internal editor components used by the blocks. */
6662
+ .block-editor-block-list__layout .reusable-block-edit-panel { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border-radius: 2px; background-color: #fff; box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent; }
6663
+
6664
+ .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { margin-right: auto; }
6665
+
6666
+ .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { margin-right: 8px; white-space: nowrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
6667
+
6668
+ .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { flex: 1 1 100%; }
6669
+
6670
+ .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { flex-shrink: 0; }
6671
+
6672
+ @media (min-width: 960px) { .block-editor-block-list__layout .reusable-block-edit-panel { flex-wrap: nowrap; }
6673
+ .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { margin: 0; }
6674
+ .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { margin: 0 0 0 8px; } }
6675
+
6676
+ .reusable-block-edit-panel__title[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
6677
+
6678
+ @media (prefers-reduced-motion: reduce) { .reusable-block-edit-panel__title[type="text"] { transition-duration: 0s; } }
6679
+
6680
+ @media (min-width: 600px) { .reusable-block-edit-panel__title[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
6681
+
6682
+ .reusable-block-edit-panel__title[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
6683
+
6684
+ body.admin-color-sunrise .reusable-block-edit-panel__title[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
6685
+
6686
+ body.admin-color-ocean .reusable-block-edit-panel__title[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
6687
+
6688
+ body.admin-color-midnight .reusable-block-edit-panel__title[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
6689
+
6690
+ body.admin-color-ectoplasm .reusable-block-edit-panel__title[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
6691
+
6692
+ body.admin-color-coffee .reusable-block-edit-panel__title[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
6693
+
6694
+ body.admin-color-blue .reusable-block-edit-panel__title[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
6695
+
6696
+ body.admin-color-light .reusable-block-edit-panel__title[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
6697
+
6698
+ .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
6699
+
6700
+ .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
6701
+
6702
+ .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
6703
+
6704
+ .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
6705
+
6706
+ .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
6707
+
6708
+ .is-dark-theme .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
6709
+
6710
+ .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #007cba; }
6711
+
6712
+ body.admin-color-sunrise .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #d1864a; }
6713
+
6714
+ body.admin-color-ocean .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #a3b9a2; }
6715
+
6716
+ body.admin-color-midnight .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #e14d43; }
6717
+
6718
+ body.admin-color-ectoplasm .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #a7b656; }
6719
+
6720
+ body.admin-color-coffee .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #c2a68c; }
6721
+
6722
+ body.admin-color-blue .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #d9ab59; }
6723
+
6724
+ body.admin-color-light .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #0085ba; }
6725
+
6726
+ .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #007cba; }
6727
+
6728
+ body.admin-color-sunrise .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #d1864a; }
6729
+
6730
+ body.admin-color-ocean .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #a3b9a2; }
6731
+
6732
+ body.admin-color-midnight .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #e14d43; }
6733
+
6734
+ body.admin-color-ectoplasm .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #a7b656; }
6735
+
6736
+ body.admin-color-coffee .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #c2a68c; }
6737
+
6738
+ body.admin-color-blue .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #d9ab59; }
6739
+
6740
+ body.admin-color-light .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { box-shadow: 0 0 0 1px #0085ba; }
6741
+
6742
+ /** Editor Normalization Styles These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. This allows us to create normalization styles that are easily overridden by editor styles. */
6743
+ .block-editor-block-list__block { margin-top: 28px; margin-bottom: 28px; }
6744
+
6745
+ #end-resizable-editor-section { display: none; }
6746
+
6747
+ /** Colors */
6748
+ /** Breakpoints & Media Queries */
6749
+ /** Colors */
6750
+ /** Fonts & basic variables. */
6751
+ /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
6752
+ /** Dimensions. */
6753
+ /** Shadows. */
6754
+ /** Editor widths. */
6755
+ /** Block UI. */
6756
+ /** Border radii. */
6757
+ /** Breakpoint mixins */
6758
+ /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
6759
+ /** Focus styles. */
6760
+ /** Applies editor left position to the selector passed as argument */
6761
+ /** Styles that are reused verbatim in a few places */
6762
+ /** Allows users to opt-out of animations via OS-level preferences. */
6763
+ /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
6764
+ /** Reset the WP Admin page styles for Gutenberg-like pages. */
6765
+ .block-editor-format-toolbar__image-container-content { display: flex; }
6766
+
6767
+ .block-editor-format-toolbar__image-container-content .components-button { align-self: flex-end; height: 30px; margin-bottom: 8px; margin-right: 8px; padding: 0 6px; }
6768
+
6769
+ .block-editor-format-toolbar__image-container-value { margin: 7px; flex-grow: 1; flex-shrink: 1; white-space: nowrap; min-width: 150px; max-width: 500px; }
6770
+
6771
+ .block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { margin-bottom: 0; }
6772
+
6773
+ .block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label { display: block; }
6774
+
6775
+ .block-editor-format-toolbar__link-container-content { display: flex; }
6776
+
6777
+ .block-editor-format-toolbar__link-container-value { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; }
6778
+
6779
+ .block-editor-format-toolbar__link-container-value.has-invalid-link { color: #d94f4f; }
6780
+
6781
+ .components-inline-color__indicator { position: absolute; background: #000; height: 3px; width: 20px; bottom: 6px; left: auto; right: auto; margin: 0 5px; }
6782
+
6783
+ .components-inline-color-popover .components-popover__content { padding: 20px 18px; }
6784
+
6785
+ .components-inline-color-popover .components-popover__content .components-color-palette { margin-top: 0.6rem; }
6786
+
6787
+ .components-inline-color-popover .components-popover__content .components-base-control__title { display: block; margin-bottom: 16px; font-weight: 600; color: #191e23; }
6788
+
6789
+ .components-inline-color-popover .components-popover__content .component-color-indicator { vertical-align: text-bottom; }
6790
+
6791
+ .format-library-text-color-button { position: relative; }
6792
+
6793
+ .format-library-text-color-button__indicator { height: 4px; width: 20px; position: absolute; bottom: 10px; left: 8px; }
6794
+
6795
+ /* BASICS */
6796
+ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; direction: ltr; }
6797
+
6798
+ /* PADDING */
6799
+ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ }
6800
+
6801
+ .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */ }
6802
+
6803
+ .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ }
6804
+
6805
+ /* GUTTER */
6806
+ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; }
6807
+
6808
+ .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; }
6809
+
6810
+ .CodeMirror-guttermarker { color: black; }
6811
+
6812
+ .CodeMirror-guttermarker-subtle { color: #999; }
6813
+
6814
+ /* CURSOR */
6815
+ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; }
6816
+
6817
+ /* Shown when moving in bi-directional text */
6818
+ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; }
6819
+
6820
+ .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; }
6821
+
6822
+ .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; }
6823
+
6824
+ .cm-fat-cursor-mark { background-color: rgba(20, 255, 20, 0.5); -webkit-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; }
6825
+
6826
+ .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background-color: #7e7; }
6827
+
6828
+ @-webkit-keyframes blink { 0% { }
6829
+ 50% { background-color: transparent; }
6830
+ 100% { } }
6831
+
6832
+ @keyframes blink { 0% { }
6833
+ 50% { background-color: transparent; }
6834
+ 100% { } }
6835
+
6836
+ /* Can style cursor different in overwrite (non-insert) mode */
6837
+ .cm-tab { display: inline-block; text-decoration: inherit; }
6838
+
6839
+ .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; }
6840
+
6841
+ .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; }
6842
+
6843
+ /* DEFAULT THEME */
6844
+ .cm-s-default .cm-header { color: blue; }
6845
+
6846
+ .cm-s-default .cm-quote { color: #090; }
6847
+
6848
+ .cm-negative { color: #d44; }
6849
+
6850
+ .cm-positive { color: #292; }
6851
+
6852
+ .cm-header, .cm-strong { font-weight: bold; }
6853
+
6854
+ .cm-em { font-style: italic; }
6855
+
6856
+ .cm-link { text-decoration: underline; }
6857
+
6858
+ .cm-strikethrough { text-decoration: line-through; }
6859
+
6860
+ .cm-s-default .cm-keyword { color: #708; }
6861
+
6862
+ .cm-s-default .cm-atom { color: #219; }
6863
+
6864
+ .cm-s-default .cm-number { color: #164; }
6865
+
6866
+ .cm-s-default .cm-def { color: #00f; }
6867
+
6868
+ .cm-s-default .cm-variable-2 { color: #05a; }
6869
+
6870
+ .cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: #085; }
6871
+
6872
+ .cm-s-default .cm-comment { color: #a50; }
6873
+
6874
+ .cm-s-default .cm-string { color: #a11; }
6875
+
6876
+ .cm-s-default .cm-string-2 { color: #f50; }
6877
+
6878
+ .cm-s-default .cm-meta { color: #555; }
6879
+
6880
+ .cm-s-default .cm-qualifier { color: #555; }
6881
+
6882
+ .cm-s-default .cm-builtin { color: #30a; }
6883
+
6884
+ .cm-s-default .cm-bracket { color: #997; }
6885
+
6886
+ .cm-s-default .cm-tag { color: #170; }
6887
+
6888
+ .cm-s-default .cm-attribute { color: #00c; }
6889
+
6890
+ .cm-s-default .cm-hr { color: #999; }
6891
+
6892
+ .cm-s-default .cm-link { color: #00c; }
6893
+
6894
+ .cm-s-default .cm-error { color: #f00; }
6895
+
6896
+ .cm-invalidchar { color: #f00; }
6897
+
6898
+ .CodeMirror-composing { border-bottom: 2px solid; }
6899
+
6900
+ /* Default styles for common addons */
6901
+ div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0; }
6902
+
6903
+ div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22; }
6904
+
6905
+ .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); }
6906
+
6907
+ .CodeMirror-activeline-background { background: #e8f2ff; }
6908
+
6909
+ /* STOP */
6910
+ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */
6911
+ .CodeMirror { position: relative; overflow: hidden; background: white; }
6912
+
6913
+ .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; }
6914
+
6915
+ .CodeMirror-sizer { position: relative; border-right: 30px solid transparent; }
6916
+
6917
+ /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */
6918
+ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; }
6919
+
6920
+ .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; }
6921
+
6922
+ .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; }
6923
+
6924
+ .CodeMirror-scrollbar-filler { right: 0; bottom: 0; }
6925
+
6926
+ .CodeMirror-gutter-filler { left: 0; bottom: 0; }
6927
+
6928
+ .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; }
6929
+
6930
+ .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -30px; }
6931
+
6932
+ .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; }
6933
+
6934
+ .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; }
6935
+
6936
+ .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
6937
+
6938
+ .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent; }
6939
+
6940
+ .CodeMirror-gutter-wrapper ::selection { background-color: transparent; }
6941
+
6942
+ .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent; }
6943
+
6944
+ .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ }
6945
+
6946
+ .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { /* Reset some styles that the rest of the page might have set */ border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual; }
6947
+
6948
+ .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal; }
6949
+
6950
+ .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
6951
+
6952
+ .CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; /* Force widget margins to stay inside of the container */ }
6953
+
6954
+ .CodeMirror-rtl pre { direction: rtl; }
6955
+
6956
+ .CodeMirror-code { outline: none; }
6957
+
6958
+ /* Force content-box sizing for the elements where we expect it */
6959
+ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { box-sizing: content-box; }
6960
+
6961
+ .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; }
6962
+
6963
+ .CodeMirror-cursor { position: absolute; pointer-events: none; }
6964
+
6965
+ .CodeMirror-measure pre { position: static; }
6966
+
6967
+ div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; }
6968
+
6969
+ div.CodeMirror-dragcursors { visibility: visible; }
6970
+
6971
+ .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; }
6972
+
6973
+ .CodeMirror-selected { background: #d9d9d9; }
6974
+
6975
+ .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
6976
+
6977
+ .CodeMirror-crosshair { cursor: crosshair; }
6978
+
6979
+ .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
6980
+
6981
+ .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
6982
+
6983
+ .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
6984
+
6985
+ .cm-searching { background-color: #ffa; background-color: rgba(255, 255, 0, 0.4); }
6986
+
6987
+ /* Used to force a border model for a node */
6988
+ .cm-force-border { padding-right: .1px; }
6989
+
6990
+ @media print { /* Hide the cursor when printing */
6991
+ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } }
6992
+
6993
+ /* See issue #2901 */
6994
+ .cm-tab-wrap-hack:after { content: ''; }
6995
+
6996
+ /* Help users use markselection to safely style text background */
6997
+ span.CodeMirror-selectedtext { background: none; }
6998
+
6999
+ /* neo theme for codemirror */
7000
+ /* Color scheme */
7001
+ .cm-s-neo.CodeMirror { background-color: #ffffff; color: #2e383c; line-height: 1.4375; }
7002
+
7003
+ .cm-s-neo .cm-comment { color: #75787b; }
7004
+
7005
+ .cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color: #1d75b3; }
7006
+
7007
+ .cm-s-neo .cm-atom, .cm-s-neo .cm-number { color: #75438a; }
7008
+
7009
+ .cm-s-neo .cm-node, .cm-s-neo .cm-tag { color: #9c3328; }
7010
+
7011
+ .cm-s-neo .cm-string { color: #b35e14; }
7012
+
7013
+ .cm-s-neo .cm-variable, .cm-s-neo .cm-qualifier { color: #047d65; }
7014
+
7015
+ /* Editor styling */
7016
+ .cm-s-neo pre { padding: 0; }
7017
+
7018
+ .cm-s-neo .CodeMirror-gutters { border: none; border-right: 10px solid transparent; background-color: transparent; }
7019
+
7020
+ .cm-s-neo .CodeMirror-linenumber { padding: 0; color: #e0e2e5; }
7021
+
7022
+ .cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
7023
+
7024
+ .cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }
7025
+
7026
+ .cm-s-neo .CodeMirror-cursor { width: auto; border: 0; background: rgba(155, 157, 162, 0.37); z-index: 1; }
7027
+
7028
+ .mailpoet_custom_select .mailpoet_select { padding: 0 24px 0 8px; }
7029
+
7030
+ .edit-post-visual-editor .mailpoet_custom_date select, .edit-post-visual-editor .mailpoet_custom_field_add_form select, .mailpoet_form_editor_sidebar select { padding: 0 24px 0 8px; }
7031
+
7032
+ .mailpoet_custom_field_add_form { width: 100%; }
7033
+
7034
+ .mailpoet_custom_field_add_form .components-base-control, .mailpoet_custom_field_add_form .custom-field-settings { text-align: left; }
7035
+
7036
+ .components-placeholder.mailpoet_custom_field_add_placeholder { align-items: center; }
7037
+
7038
+ .components-placeholder.mailpoet_custom_field_add_placeholder .components-placeholder__label { align-items: center; }
7039
+
7040
+ .components-placeholder.mailpoet_custom_field_add_placeholder .components-placeholder__fieldset { justify-content: center; max-width: 400px; text-align: center; }
7041
+
7042
+ .editor-post-title .editor-post-title__input { overflow: hidden; overflow-wrap: break-word; resize: none; }
7043
+
7044
+ .mailpoet-editor-header-button { padding-left: 8px; padding-right: 8px; }
7045
+
7046
+ @media (min-width: 600px) { .mailpoet-editor-header-button { margin-right: 12px; padding: 0 12px; } }
7047
+
7048
+ .mailpoet-preview-button { margin-right: 6px; }
7049
+
7050
+ .admin_page_mailpoet-form-editor .BeaconFabButtonFrame, .admin_page_mailpoet-form-editor .BeaconContainer { left: 175px; }
7051
+
7052
+ .admin_page_mailpoet-form-editor.folded .BeaconFabButtonFrame, .admin_page_mailpoet-form-editor.folded .BeaconContainer { left: 50px; }
7053
+
7054
+ @media screen and (max-width: 960px) { .admin_page_mailpoet-form-editor .BeaconFabButtonFrame, .admin_page_mailpoet-form-editor .BeaconContainer { left: 50px; } }
7055
+
7056
+ @media screen and (max-width: 782px) { .admin_page_mailpoet-form-editor .BeaconFabButtonFrame, .admin_page_mailpoet-form-editor .BeaconContainer { left: 15px; } }
7057
+
7058
+ .form-placement-option-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin: 0 -8px; }
7059
+
7060
+ .form-placement-option { background-color: #fff; border: solid 1px #e5e9f8; border-radius: 4px; box-shadow: 0 1px 2px 0 #e5e9f8; cursor: pointer; display: flex; flex-direction: column; height: 142px; justify-content: space-between; margin-bottom: 16px; padding: 6px; pointer-events: auto; position: relative; text-align: center; width: 116px; }
7061
+
7062
+ .form-placement-settings-overlay { background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 3; }
7063
+
7064
+ .form-placement-option-active { border: solid 2px #ff5301; box-shadow: 0 4px 8px 0 rgba(156, 166, 204, 0.5); }
7065
+
7066
+ .form-placement-settings { width: 400px; }
7067
+
7068
+ .form-placement-option-label { align-items: center; color: #23282d; display: flex; font-size: 14px; height: 40px; justify-content: center; pointer-events: none; width: 100%; z-index: 2; }
7069
+
7070
+ .form-placement-option-label p { margin-bottom: 0; }
7071
+
7072
+ .form-placement-option-settings { display: flex; flex-direction: row; height: 25px; justify-content: space-between; pointer-events: none; width: 100%; z-index: 4; }
7073
+
7074
+ .form-placement-settings-oval { background-color: #dcdcdc; border: solid 1px #969ca1; border-radius: 7px; height: 13px; pointer-events: none; width: 13px; }
7075
+
7076
+ .form-placement-settings-check { height: 13px; pointer-events: none; width: 13px; z-index: 4; }
7077
+
7078
+ .form-placement-settings-icon { height: 14px; pointer-events: none; width: 14px; z-index: 4; }
7079
+
7080
+ .form-placement-settings-icon svg { fill: #e5e9f8; }
7081
+
7082
+ .form-placement-settings-icon-hover svg { fill: white; }
7083
+
7084
+ .form-placement-option-icon { background-color: #fff; box-shadow: 0 4px 18px 0 rgba(68, 75, 102, 0.15); height: 63px; margin: 0 auto; -o-object-fit: contain; object-fit: contain; pointer-events: none; width: 76px; z-index: 2; }
7085
+
7086
+ .form-placement-option-icon svg { height: 63px; width: 76px; }
7087
+
7088
+ .mailpoet-form-placement-save { display: flex; flex-direction: row; justify-content: flex-end; }
7089
+
7090
+ .mailpoet_spinner_wrapper { align-items: center; background: #fff; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; }
7091
+
7092
+ .mailpoet_form_preview_modal .mailpoet-modal-content { align-items: stretch; display: flex; flex-direction: column; position: relative; }
7093
+
7094
+ .mailpoet_form_preview_modal .mailpoet_browser_preview { display: flex; flex-direction: column; height: 100%; width: 100%; }
7095
+
7096
+ .mailpoet_form_preview_modal .mailpoet_browser_preview .mailpoet_spinner_wrapper { left: 0; position: absolute; top: 0; }
7097
+
7098
+ .mailpoet_form_preview_modal .mailpoet_browser_preview_container { height: 100%; }
7099
+
7100
+ .mailpoet_form_preview_modal .mailpoet_browser_preview_border { position: relative; }
7101
+
7102
+ .mailpoet_form_preview_modal .mailpoet_form_preview_iframe { height: 100%; max-height: 100%; width: 100%; }
7103
+
7104
+ .mailpoet_form_preview_modal .mailpoet_preview_form_type_selection label { font-weight: bold; }
7105
+
7106
+ .mailpoet_form_preview_modal_overlay { z-index: 100010; }
7107
+
7108
+ .mailpoet_form_preview_disclaimer { bottom: 10px; font-size: .9em; position: absolute; right: 0; width: 380px; }
7109
+
7110
+ .mailpoet_preview_content_wrapper { display: flex; flex-direction: row; height: 100%; }
7111
+
7112
+ .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar { padding: 42px 20px 10px 0; width: 300px; }
7113
+
7114
+ .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar > .components-base-control, .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar > p, .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar > hr { margin-bottom: 18px; }
7115
+
7116
+ .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar .components-base-control__label { display: block; }
7117
+
7118
+ .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar .components-radio-control__option { display: inline-block; margin-right: 1em; width: auto; }
7119
+
7120
+ .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar .mailpoet-styles-settings-heading { color: initial; font-size: 13px; font-weight: normal; margin-bottom: 4px; }
7121
+
7122
+ .mailpoet_preview_content_wrapper .mailpoet_preview_sidebar .mailpoet-size-settings-control .components-range-control__number { min-width: 5em; }
7123
+
7124
+ .mailpoet-form-submit-button .block-editor-block-toolbar > .components-toolbar-group, .mailpoet-form-email-input .block-editor-block-toolbar > .components-toolbar-group { display: none; }
7125
+
7126
+ .mailpoet-form-submit-button .block-editor-block-toolbar .components-toolbar-group, .mailpoet-form-email-input .block-editor-block-toolbar .components-toolbar-group { border-right: none; }
7127
+
7128
+ .interface-interface-skeleton__body, .is-sidebar-opened .interface-interface-skeleton__sidebar { overflow: hidden; }
7129
+
7130
+ .edit-post-header { flex-direction: row-reverse; justify-content: space-between; }
7131
+
7132
+ .mailpoet-html-block-editor-content-wrapper { position: relative; }
7133
+
7134
+ .mailpoet-html-block-editor-content-wrapper:after { background: transparent; content: ' '; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
7135
+
7136
+ h2 { font-size: 1.7em; }
7137
+
7138
+ .mailpoet-form-background > div > .block-editor-block-list__layout > .block-editor-block-list__block:first-child { margin-top: 0; }
7139
+
7140
+ .block-editor-block-list__layout .mailpoet_text { min-height: 0; }
7141
+
7142
+ .block-editor-block-list__layout .mailpoet_paragraph .mailpoet_text, .block-editor-block-list__layout .mailpoet_paragraph .mailpoet_submit { font-size: 1em; line-height: 1.5; }
7143
+
7144
+ .block-editor-block-list__layout .mailpoet_paragraph .mailpoet_text_label { font-size: 1em; line-height: 1.2; }
7145
+
7146
+ .mailpoet_toolbar_item { align-items: center; background-color: white; display: flex; padding-left: 8px; }
7147
+
7148
+ .mailpoet_toolbar_item .mailpoet-font-family-select { width: 272px; }
7149
+
7150
+ @media screen and (min-width: 782px) { .interface-complementary-area { width: 300px; } }
7151
+
7152
+ .block-editor-inserter__popover { z-index: 100000 !important; }
7153
+
7154
+ .edit-post-visual-editor .block-editor-writing-flow__click-redirect { height: 0; min-height: 0; }
7155
+
7156
+ .components-panel .select2-container { width: 100% !important; }
7157
+
7158
+ .components-panel .select2-container input.select2-search__field:focus { border: 0; box-shadow: none; }
7159
+
7160
+ .components-panel .select2-container .select2-selection { border-color: #7e8993; }
7161
+
7162
+ .components-panel .select2-container.select2-container--focus .select2-selection { border-color: #007cba; box-shadow: 0 0 0 1px #007cba; }
7163
+
7164
+ .components-panel .mailpoet-form-missing-lists .select2-selection { border-color: red; }
7165
+
7166
+ .components-panel .mailpoet-form-missing-lists .mailpoet-form-lists-error { color: red; }
7167
+
7168
+ .components-base-control.mailpoet-form-success-types__control { margin-bottom: 0; }
7169
+
7170
+ .components-base-control.mailpoet-form-success-types__control .components-base-control__label { display: block; }
7171
+
7172
+ .components-base-control.mailpoet-form-success-types__control .components-radio-control__option { display: inline-block; margin-right: 1em; }
7173
+
7174
+ .components-base-control.mailpoet-form-success-types__control .components-radio-control__option input { margin-right: 6px; }
7175
+
7176
+ .button-on-top, .button-on-top.components-button.is-link { margin-bottom: 12px; max-height: 30px; }
7177
+
7178
+ .mailpoet-dnd-items-list > div { display: flex; flex-direction: column; }
7179
+
7180
+ .mailpoet-dnd-items-list > div > * { margin-bottom: 12px; }
7181
+
7182
+ .mailpoet-form-segments-settings-list { align-items: center; display: flex; flex-direction: row; }
7183
+
7184
+ .mailpoet-form-segments-settings-list .components-base-control { flex-grow: 1; margin: 8px 0; }
7185
+
7186
+ .mailpoet-form-segments-settings-list .components-base-control .components-base-control__field { margin: 0; }
7187
+
7188
+ .mailpoet-form-segments-settings-list .mailpoet-form-segments-segment-remove { cursor: pointer; flex-grow: 0; margin: 8px 0; }
7189
+
7190
+ .components-circular-option-picker { width: 245px; }
7191
+
7192
+ @media screen and (max-width: 782px) { .components-circular-option-picker { width: 100%; } }
7193
+
7194
+ .CodeMirror { border: 1px solid #eee; }
7195
+
7196
+ .CodeMirror textarea { font-size: 12px; }
7197
+
7198
+ .components-button.mailpoet-save-button { background-color: #ff5301; border-radius: 4px; color: #fff; display: block; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: bold; height: 48px; letter-spacing: normal; line-height: 1.25; margin-left: auto; padding-left: 16px; padding-right: 16px; text-align: center; }
7199
+
7200
+ .components-button.mailpoet-save-button:hover { background-color: #fff !important; color: #ff5301 !important; }
7201
+
7202
+ .mailpoet-styles-settings { display: grid; grid-auto-flow: row; grid-row-gap: 20px; }
7203
+
7204
+ .mailpoet-styles-settings .components-base-control { margin-bottom: 0; }
7205
+
7206
+ .mailpoet-styles-settings-heading { font-size: 15px; }
7207
+
7208
+ .mailpoet-styles-settings-heading .component-color-indicator { vertical-align: text-bottom; }
7209
+
7210
+ .mailpoet-font-family-select button { width: 100%; }
7211
+
7212
+ .mailpoet-styles-settings-image-url { max-width: 245px; }
7213
+
7214
+ .mailpoet-styles-settings-image-url .mailpoet-styles-settings-image-url-body { align-items: center; display: flex; flex-direction: row; margin-bottom: 4px; }
7215
+
7216
+ .mailpoet-styles-settings-image-url .mailpoet-styles-settings-image-url-body input { flex-grow: 1; flex-shrink: 1; margin-right: 4px; min-width: 100px; }
7217
+
7218
+ .mailpoet-styles-settings-image-url .mailpoet-styles-settings-image-url-body button { flex-shrink: 0; white-space: normal; }
7219
+
7220
+ .mailpoet-styles-settings-image-url .mailpoet-styles-settings-image-url-display { margin-right: 1px; }
7221
+
7222
+ .template-selection { margin: 32px; }
assets/dist/css/mailpoet-form-editor.d82a65f1.css DELETED
@@ -1,7172 +0,0 @@
1
- @charset "UTF-8";
2
- /* default Select2 placeholder color for single dropdown */
3
- /** Colors */
4
- /** Breakpoints & Media Queries */
5
- /** Colors */
6
- /** Fonts & basic variables. */
7
- /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
8
- /** Dimensions. */
9
- /** Shadows. */
10
- /** Editor widths. */
11
- /** Block UI. */
12
- /** Border radii. */
13
- /** Breakpoint mixins */
14
- /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
15
- /** Focus styles. */
16
- /** Applies editor left position to the selector passed as argument */
17
- /** Styles that are reused verbatim in a few places */
18
- /** Allows users to opt-out of animations via OS-level preferences. */
19
- /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
20
- /** Reset the WP Admin page styles for Gutenberg-like pages. */
21
- .components-panel__header.interface-complementary-area-header__small { background: #fff; padding-right: 4px; }
22
-
23
- .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
24
-
25
- @media (min-width: 782px) { .components-panel__header.interface-complementary-area-header__small { display: none; } }
26
-
27
- .interface-complementary-area-header { padding-right: 4px; background: #f3f4f5; }
28
-
29
- .interface-complementary-area-header .components-button.has-icon { display: none; margin-left: auto; }
30
-
31
- .interface-complementary-area-header .components-button.has-icon ~ .components-button { margin-left: 0; }
32
-
33
- @media (min-width: 782px) { .interface-complementary-area-header .components-button.has-icon { display: flex; } }
34
-
35
- .interface-complementary-area { background: #fff; color: #555d66; overflow: visible; }
36
-
37
- @media (min-width: 600px) { .interface-complementary-area { z-index: auto; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } }
38
-
39
- @media (min-width: 782px) { .interface-complementary-area { width: 280px; } }
40
-
41
- .interface-complementary-area > .components-panel { border-left: none; border-right: none; overflow: auto; -webkit-overflow-scrolling: touch; height: auto; max-height: calc(100vh - 146px); margin-top: -1px; margin-bottom: -1px; position: relative; }
42
-
43
- @media (min-width: 600px) { .interface-complementary-area > .components-panel { overflow: visible; height: auto; max-height: none; } }
44
-
45
- .interface-complementary-area > .components-panel .components-panel__header { position: fixed; z-index: 1; top: 0; left: 0; right: 0; height: 50px; }
46
-
47
- @media (min-width: 600px) { .interface-complementary-area > .components-panel .components-panel__header { position: inherit; top: auto; left: auto; right: auto; } }
48
-
49
- .interface-complementary-area p { margin-top: 0; }
50
-
51
- .interface-complementary-area h2, .interface-complementary-area h3 { font-size: 13px; color: #555d66; margin-bottom: 1.5em; }
52
-
53
- .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #e2e4e7; margin: 1.5em 0; }
54
-
55
- .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { box-shadow: none; margin-bottom: 1.5em; }
56
-
57
- .interface-complementary-area div.components-toolbar-group:last-child, .interface-complementary-area div.components-toolbar:last-child { margin-bottom: 0; }
58
-
59
- .interface-complementary-area .block-editor-skip-to-selected-block:focus { top: auto; right: 10px; bottom: 10px; left: auto; }
60
-
61
- @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 32px); }
62
- body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; }
63
- body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-left: 0; } }
64
-
65
- html.interface-interface-skeleton__html-container { position: fixed; width: 100%; }
66
-
67
- @media (min-width: 782px) { html.interface-interface-skeleton__html-container { position: initial; width: initial; } }
68
-
69
- .interface-interface-skeleton { display: flex; flex-direction: column; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; }
70
-
71
- @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; }
72
- .is-fullscreen-mode .interface-interface-skeleton { top: 0; } }
73
-
74
- .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; }
75
-
76
- @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } }
77
-
78
- .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
79
-
80
- @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } }
81
-
82
- @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } }
83
-
84
- /* Sidebar manually collapsed. */
85
- .folded .interface-interface-skeleton { left: 0; }
86
-
87
- @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } }
88
-
89
- /* Mobile menu opened. */
90
- @media (max-width: 783px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { left: 190px; } }
91
-
92
- /* In small screens with responsive menu expanded there is small white space. */
93
- @media (max-width: 600px) { .auto-fold .wp-responsive-open .interface-interface-skeleton { margin-left: -18px; } }
94
-
95
- body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; }
96
-
97
- .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; }
98
-
99
- .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; }
100
-
101
- .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { display: block; width: auto; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; }
102
-
103
- @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; } }
104
-
105
- @media (min-width: 782px) { .interface-interface-skeleton__sidebar { overflow: auto; border-left: 1px solid #e2e4e7; } }
106
-
107
- @media (min-width: 782px) { .interface-interface-skeleton__left-sidebar { border-right: 1px solid #e2e4e7; } }
108
-
109
- .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e2e4e7; z-index: 30; color: #1e1e1e; position: -webkit-sticky; position: sticky; top: 0; }
110
-
111
- @media (min-width: 600px) { .interface-interface-skeleton__header { position: initial; top: 0; } }
112
-
113
- .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #e2e4e7; color: #1e1e1e; display: none; }
114
-
115
- @media (min-width: 782px) { .interface-interface-skeleton__footer { display: block; } }
116
-
117
- .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; color: #1e1e1e; }
118
-
119
- .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; }
120
-
121
- .interface-pinned-items { display: flex; }
122
-
123
- .interface-pinned-items .components-button { margin-left: 4px; }
124
-
125
- .interface-pinned-items .components-button.is-pressed { margin-left: 5px; }
126
-
127
- .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; }
128
-
129
- .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; }
130
-
131
- @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } }
132
-
133
- .edit-post-header > .edit-post-header__settings { order: 1; }
134
-
135
- @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-header > .edit-post-header__settings { order: initial; } }
136
-
137
- .edit-post-header__toolbar { display: flex; flex-grow: 1; padding-left: 8px; }
138
-
139
- @media (min-width: 600px) { .edit-post-header__toolbar { padding-left: 24px; } }
140
-
141
- .edit-post-header__toolbar .table-of-contents { display: none; }
142
-
143
- @media (min-width: 600px) { .edit-post-header__toolbar .table-of-contents { display: block; } }
144
-
145
- .edit-post-header__settings { display: inline-flex; align-items: center; flex-wrap: wrap; padding-right: 4px; }
146
-
147
- @media (min-width: 600px) { .edit-post-header__settings { padding-right: 16px; } }
148
-
149
- /** Buttons in the Toolbar */
150
- .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 6px; margin-right: 4px; }
151
-
152
- @media (min-width: 600px) { .edit-post-header__settings .components-button.editor-post-save-draft, .edit-post-header__settings .editor-post-saved-state, .edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.editor-post-preview, .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 12px; margin-right: 12px; } }
153
-
154
- .edit-post-header-preview__grouping-external { display: flex; position: relative; padding-bottom: 0; }
155
-
156
- .edit-post-header-preview__button-external { padding-left: 8px; margin-right: auto; width: 100%; display: flex; justify-content: flex-start; }
157
-
158
- .edit-post-header-preview__button-external svg { margin-right: 8px; }
159
-
160
- .edit-post-post-preview-dropdown .components-popover__content { padding-bottom: 0; }
161
-
162
- .edit-post-fullscreen-mode-close.has-icon { display: none; }
163
-
164
- @media (min-width: 782px) { .edit-post-fullscreen-mode-close.has-icon { display: flex; align-items: center; align-self: stretch; border: none; background: #23282e; color: #fff; border-radius: 0; height: auto; width: 60px; }
165
- .edit-post-fullscreen-mode-close.has-icon:hover { background: #32373d; }
166
- .edit-post-fullscreen-mode-close.has-icon:active { color: #fff; }
167
- .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; }
168
- body.admin-color-sunrise .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 2.5px #fff; }
169
- body.admin-color-ocean .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 2.5px #fff; }
170
- body.admin-color-midnight .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 2.5px #fff; }
171
- body.admin-color-ectoplasm .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 2.5px #fff; }
172
- body.admin-color-coffee .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 2.5px #fff; }
173
- body.admin-color-blue .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 0 0 2.5px #fff; }
174
- body.admin-color-light .edit-post-fullscreen-mode-close.has-icon:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 2.5px #fff; } }
175
-
176
- .edit-post-header-toolbar { display: inline-flex; align-items: center; }
177
-
178
- .edit-post-header-toolbar > .components-button { display: none; }
179
-
180
- @media (min-width: 600px) { .edit-post-header-toolbar > .components-button { display: inline-flex; } }
181
-
182
- .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { display: inline-flex; }
183
-
184
- .edit-post-header-toolbar .block-editor-block-navigation { display: none; }
185
-
186
- @media (min-width: 600px) { .edit-post-header-toolbar .block-editor-block-navigation { display: flex; } }
187
-
188
- .edit-post-header-toolbar__block-toolbar { position: absolute; top: 61px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #e2e4e7; }
189
-
190
- .edit-post-header-toolbar__block-toolbar:empty { display: none; }
191
-
192
- .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { border-top: none; border-bottom: none; }
193
-
194
- .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: none; }
195
-
196
- @media (min-width: 782px) { .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: block; right: 280px; } }
197
-
198
- @media (min-width: 1280px) { .edit-post-header-toolbar__block-toolbar { padding-left: 8px; position: static; left: auto; right: auto; background: none; border-bottom: none; }
199
- .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { right: auto; }
200
- .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { border-left: 1px solid #e2e4e7; }
201
- .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { height: 60px; padding: 6px 0; } }
202
-
203
- .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle { margin-right: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; }
204
-
205
- .edit-post-more-menu { margin-left: -4px; }
206
-
207
- .edit-post-more-menu .components-button { width: auto; padding: 0 2px; }
208
-
209
- @media (min-width: 600px) { .edit-post-more-menu { margin-left: 0; }
210
- .edit-post-more-menu .components-button { padding: 0 4px; } }
211
-
212
- .edit-post-more-menu__content .components-popover__content { min-width: 260px; }
213
-
214
- @media (min-width: 480px) { .edit-post-more-menu__content .components-popover__content { width: auto; max-width: 480px; } }
215
-
216
- .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { padding: 0; }
217
-
218
- .components-popover.edit-post-more-menu__content { z-index: 99998; }
219
-
220
- .edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; }
221
-
222
- .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { margin-top: -25px; }
223
-
224
- .edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; }
225
-
226
- .edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #e2e4e7; margin-bottom: 0; }
227
-
228
- .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #e2e4e7; }
229
-
230
- .edit-post-keyboard-shortcut-help-modal__shortcut:empty { display: none; }
231
-
232
- .edit-post-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; }
233
-
234
- .edit-post-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; }
235
-
236
- .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; }
237
-
238
- .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; }
239
-
240
- .edit-post-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; }
241
-
242
- .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; }
243
-
244
- .edit-post-layout__metaboxes { flex-shrink: 0; }
245
-
246
- .edit-post-layout__metaboxes:not(:empty) { border-top: 1px solid #e2e4e7; padding: 10px 0 10px; clear: both; }
247
-
248
- .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { margin: auto 20px; }
249
-
250
- .edit-post-layout .components-editor-notices__snackbar { position: fixed; right: 0; bottom: 40px; padding-left: 16px; padding-right: 16px; }
251
-
252
- .edit-post-layout .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; }
253
-
254
- @media (min-width: 783px) { .edit-post-layout .components-editor-notices__snackbar { left: 160px; } }
255
-
256
- .auto-fold .edit-post-layout .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
257
-
258
- @media (min-width: 783px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 36px; } }
259
-
260
- @media (min-width: 961px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 160px; } }
261
-
262
- /* Sidebar manually collapsed. */
263
- .folded .edit-post-layout .components-editor-notices__snackbar { left: 0; }
264
-
265
- @media (min-width: 783px) { .folded .edit-post-layout .components-editor-notices__snackbar { left: 36px; } }
266
-
267
- /* Mobile menu opened. */
268
- @media (max-width: 783px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { left: 190px; } }
269
-
270
- /* In small screens with responsive menu expanded there is small white space. */
271
- @media (max-width: 600px) { .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { margin-left: -18px; } }
272
-
273
- body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { left: 0 !important; }
274
-
275
- .edit-post-layout .editor-post-publish-panel { position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; }
276
-
277
- @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { z-index: 99998; top: 32px; left: auto; width: 280px; border-left: 1px solid #e2e4e7; transform: translateX(100%); -webkit-animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } }
278
-
279
- @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
280
-
281
- @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; }
282
- .is-focusing-regions .edit-post-layout .editor-post-publish-panel { transform: translateX(0%); } }
283
-
284
- @-webkit-keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } }
285
-
286
- @keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } }
287
-
288
- .interface-interface-skeleton__sidebar > div { height: 100%; }
289
-
290
- .edit-post-layout .editor-post-publish-panel__header-publish-button { justify-content: center; }
291
-
292
- .edit-post-layout__toggle-publish-panel, .edit-post-layout__toogle-sidebar-panel, .edit-post-layout__toggle-entities-saved-states-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; background-color: #fff; border: 1px dotted #e2e4e7; height: auto !important; padding: 24px; display: flex; justify-content: center; }
293
-
294
- .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { top: auto; bottom: 0; }
295
-
296
- .edit-post-layout__footer { display: none; z-index: 30; }
297
-
298
- @media (min-width: 782px) { .edit-post-layout__footer { display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } }
299
-
300
- .edit-post-layout .interface-interface-skeleton__content { background-color: #ccd0d4; }
301
-
302
- .edit-post-layout__inserter-panel { height: 100%; display: flex; flex-direction: column; }
303
-
304
- .edit-post-layout__inserter-panel-header { padding-top: 8px; padding-right: 8px; display: flex; justify-content: flex-end; }
305
-
306
- @media (min-width: 782px) { .edit-post-layout__inserter-panel-header { display: none; } }
307
-
308
- .edit-post-layout__inserter-panel-content { height: calc(100% - 36px - 8px); }
309
-
310
- @media (min-width: 782px) { .edit-post-layout__inserter-panel-content { height: 100%; } }
311
-
312
- @media (min-width: 600px) { .edit-post-manage-blocks-modal { height: calc(100% - 60px - 60px); } }
313
-
314
- .edit-post-manage-blocks-modal .components-modal__content { padding-bottom: 0; display: flex; flex-direction: column; }
315
-
316
- .edit-post-manage-blocks-modal .components-modal__header { flex-shrink: 0; margin-bottom: 0; }
317
-
318
- .edit-post-manage-blocks-modal__content { display: flex; flex-direction: column; flex: 0 1 100%; min-height: 0; }
319
-
320
- .edit-post-manage-blocks-modal__no-results { font-style: italic; padding: 24px 0; text-align: center; }
321
-
322
- .edit-post-manage-blocks-modal__search { margin: 16px 0; }
323
-
324
- .edit-post-manage-blocks-modal__search .components-base-control__field { margin-bottom: 0; }
325
-
326
- .edit-post-manage-blocks-modal__search .components-base-control__label { margin-top: -4px; }
327
-
328
- .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { padding: 12px; border-radius: 4px; }
329
-
330
- .edit-post-manage-blocks-modal__disabled-blocks-count { border-top: 1px solid #e2e4e7; margin-left: -24px; margin-right: -24px; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-left: 24px; padding-right: 24px; background-color: #f3f4f5; }
331
-
332
- .edit-post-manage-blocks-modal__category { margin: 0 0 2rem 0; }
333
-
334
- .edit-post-manage-blocks-modal__category-title { position: -webkit-sticky; position: sticky; top: 0; padding: 16px 0; background-color: #fff; z-index: 1; }
335
-
336
- .edit-post-manage-blocks-modal__category-title .components-base-control__field { margin-bottom: 0; }
337
-
338
- .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { font-size: 0.9rem; font-weight: 600; }
339
-
340
- .edit-post-manage-blocks-modal__show-all { margin-right: 8px; }
341
-
342
- .edit-post-manage-blocks-modal__checklist { margin-top: 0; }
343
-
344
- .edit-post-manage-blocks-modal__checklist-item { margin-bottom: 0; padding-left: 16px; border-top: 1px solid #e2e4e7; }
345
-
346
- .edit-post-manage-blocks-modal__checklist-item:last-child { border-bottom: 1px solid #e2e4e7; }
347
-
348
- .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; }
349
-
350
- .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { margin: 0 8px; }
351
-
352
- .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 0.6rem 0 0.6rem 10px; }
353
-
354
- .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { margin-right: 10px; fill: #555d66; }
355
-
356
- .edit-post-manage-blocks-modal__results { height: 100%; overflow: auto; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-top: 1px solid #e2e4e7; }
357
-
358
- .edit-post-meta-boxes-area { position: relative; /** The wordpress default for most meta-box elements is content-box. Some elements such as textarea and input are set to border-box in forms.css. These elements therefore specifically set back to border-box here, while other elements (such as .button) are unaffected by Gutenberg's style because of their higher specificity. */ /* Match width and positioning of the meta boxes. Override default styles. */ /* Override Default meta box stylings */ }
359
-
360
- .edit-post-meta-boxes-area__container, .edit-post-meta-boxes-area .inside { box-sizing: content-box; }
361
-
362
- .edit-post-meta-boxes-area textarea, .edit-post-meta-boxes-area input { box-sizing: border-box; }
363
-
364
- .edit-post-meta-boxes-area #poststuff { margin: 0 auto; padding-top: 0; min-width: auto; }
365
-
366
- .edit-post-meta-boxes-area #poststuff h3.hndle, .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ border-bottom: 1px solid #e2e4e7; box-sizing: border-box; color: inherit; font-weight: 600; outline: none; padding: 15px; position: relative; width: 100%; }
367
-
368
- .edit-post-meta-boxes-area .postbox { border: 0; color: inherit; margin-bottom: 0; }
369
-
370
- .edit-post-meta-boxes-area .postbox > .inside { border-bottom: 1px solid #e2e4e7; color: inherit; padding: 0 14px 14px; margin: 0; }
371
-
372
- .edit-post-meta-boxes-area .postbox .handlediv { height: 44px; width: 44px; }
373
-
374
- .edit-post-meta-boxes-area.is-loading::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: transparent; z-index: 1; }
375
-
376
- .edit-post-meta-boxes-area .components-spinner { position: absolute; top: 10px; right: 20px; z-index: 5; }
377
-
378
- .edit-post-meta-boxes-area .is-hidden { display: none; }
379
-
380
- .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { border: 1px solid #6c7781; }
381
-
382
- .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { background: #fff; border-color: #6c7781; }
383
-
384
- .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { margin: -3px -4px; }
385
-
386
- .edit-post-meta-boxes-area__clear { clear: both; }
387
-
388
- .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 4px; border-top: 0; margin-top: 0; }
389
-
390
- .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: none; margin-left: auto; }
391
-
392
- @media (min-width: 782px) { .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: flex; } }
393
-
394
- .components-panel__body.is-opened.edit-post-last-revision__panel { padding: 0; }
395
-
396
- .editor-post-last-revision__title.components-button { padding: 13px 16px; }
397
-
398
- .editor-post-author__select { margin: -5px 0; width: 100%; }
399
-
400
- @supports ((position: -webkit-sticky) or (position: sticky)) { .editor-post-author__select { width: auto; } }
401
-
402
- .edit-post-post-link__link-post-name { font-weight: 600; }
403
-
404
- .edit-post-post-link__preview-label { font-weight: 400; margin: 0; }
405
-
406
- .edit-post-post-link__link { text-align: left; word-wrap: break-word; display: block; }
407
-
408
- /* rtl:begin:ignore */
409
- .edit-post-post-link__preview-link-container { direction: ltr; }
410
-
411
- /* rtl:end:ignore */
412
- .edit-post-post-schedule { width: 100%; position: relative; }
413
-
414
- .components-button.edit-post-post-schedule__toggle { text-align: right; }
415
-
416
- .editor-post-slug__input { margin: -5px 0; padding: 2px; }
417
-
418
- .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { margin-top: 15px; width: 100%; text-align: center; }
419
-
420
- .edit-post-post-visibility { width: 100%; }
421
-
422
- @media (min-width: 782px) { .edit-post-post-visibility__dialog .components-popover__content { width: 257px; } }
423
-
424
- .edit-post-post-visibility__dialog-legend { font-weight: 600; }
425
-
426
- .edit-post-post-visibility__choice { margin: 10px 0; }
427
-
428
- .edit-post-post-visibility__dialog-radio, .edit-post-post-visibility__dialog-label { vertical-align: top; }
429
-
430
- .edit-post-post-visibility__dialog-password-input { width: calc(100% - 20px); margin-left: 20px; }
431
-
432
- .edit-post-post-visibility__dialog-info { color: #7e8993; padding-left: 20px; font-style: italic; margin: 4px 0 0; line-height: 1.4; }
433
-
434
- .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 4px; border-top: 0; }
435
-
436
- .components-panel__header.edit-post-sidebar__panel-tabs ul { display: flex; }
437
-
438
- .components-panel__header.edit-post-sidebar__panel-tabs li { margin: 0; }
439
-
440
- .components-button.edit-post-sidebar__panel-tab { border-radius: 0; height: 49px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-left: 0; font-weight: 400; color: #191e23; }
441
-
442
- .components-button.edit-post-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; }
443
-
444
- .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; font-weight: 600; position: relative; }
445
-
446
- body.admin-color-sunrise .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d1864a; }
447
-
448
- body.admin-color-ocean .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a3b9a2; }
449
-
450
- body.admin-color-midnight .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #e14d43; }
451
-
452
- body.admin-color-ectoplasm .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a7b656; }
453
-
454
- body.admin-color-coffee .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #c2a68c; }
455
-
456
- body.admin-color-blue .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d9ab59; }
457
-
458
- body.admin-color-light .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #0085ba; }
459
-
460
- .components-button.edit-post-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 4px solid transparent; }
461
-
462
- .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #007cba; }
463
-
464
- body.admin-color-sunrise .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
465
-
466
- body.admin-color-ocean .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
467
-
468
- body.admin-color-midnight .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
469
-
470
- body.admin-color-ectoplasm .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
471
-
472
- body.admin-color-coffee .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
473
-
474
- body.admin-color-blue .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
475
-
476
- body.admin-color-light .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
477
-
478
- .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; }
479
-
480
- body.admin-color-sunrise .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 -4px 0 0 #d1864a; }
481
-
482
- body.admin-color-ocean .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 -4px 0 0 #a3b9a2; }
483
-
484
- body.admin-color-midnight .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 -4px 0 0 #e14d43; }
485
-
486
- body.admin-color-ectoplasm .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 -4px 0 0 #a7b656; }
487
-
488
- body.admin-color-coffee .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 -4px 0 0 #c2a68c; }
489
-
490
- body.admin-color-blue .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 -4px 0 0 #d9ab59; }
491
-
492
- body.admin-color-light .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 -4px 0 0 #0085ba; }
493
-
494
- .edit-post-text-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; }
495
-
496
- .edit-post-text-editor .wp-block.editor-post-title { max-width: none; line-height: 1.4; }
497
-
498
- .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; }
499
-
500
- .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { border: 1px solid #ccc; margin-bottom: -1px; padding: 16px; }
501
-
502
- @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { padding: 24px; } }
503
-
504
- .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { border: 1px solid #1e1e1e; }
505
-
506
- @media (min-width: 600px) { .edit-post-text-editor .wp-block.editor-post-title { padding: 0; } }
507
-
508
- .edit-post-text-editor__body { width: 100%; padding: 0 12px 12px 12px; max-width: 1080px; margin-left: auto; margin-right: auto; }
509
-
510
- @media (min-width: 960px) { .edit-post-text-editor__body { padding: 16px 24px 96px 24px; padding: 0 24px 24px 24px; } }
511
-
512
- .edit-post-text-editor__toolbar { position: -webkit-sticky; position: sticky; z-index: 1; top: 0; left: 0; right: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; }
513
-
514
- @media (min-width: 600px) { .edit-post-text-editor__toolbar { padding: 12px; } }
515
-
516
- @media (min-width: 960px) { .edit-post-text-editor__toolbar { padding: 12px 24px; } }
517
-
518
- .edit-post-text-editor__toolbar h2 { line-height: 36px; margin: 0 auto 0 0; font-size: 13px; color: #1e1e1e; }
519
-
520
- .edit-post-text-editor__toolbar .components-button svg { order: 1; }
521
-
522
- .edit-post-visual-editor { position: relative; padding-top: 50px; background-color: #fff; flex: 1 1 auto; }
523
-
524
- .edit-post-visual-editor .components-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; }
525
-
526
- .edit-post-visual-editor .components-button.is-tertiary { padding: 6px; }
527
-
528
- @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-visual-editor { flex-basis: 100%; } }
529
-
530
- .edit-post-visual-editor > .block-editor__typewriter, .edit-post-visual-editor > .block-editor__typewriter > div, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { height: 100%; }
531
-
532
- .edit-post-visual-editor .block-editor-writing-flow__click-redirect { min-height: 40vh; width: 100%; }
533
-
534
- .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { height: 0; }
535
-
536
- .edit-post-visual-editor__post-title-wrapper { padding-left: 14px; padding-right: 14px; }
537
-
538
- @media (min-width: 600px) { .edit-post-visual-editor__post-title-wrapper { padding-left: 36px; padding-right: 36px; } }
539
-
540
- .edit-post-visual-editor__post-title-wrapper .editor-post-title { margin-left: auto; margin-right: auto; margin-bottom: 32px; }
541
-
542
- .edit-post-options-modal__section { margin: 0 0 2rem 0; }
543
-
544
- .edit-post-options-modal__section-title { font-size: 0.9rem; font-weight: 600; }
545
-
546
- .edit-post-options-modal__option { border-top: 1px solid #e2e4e7; }
547
-
548
- .edit-post-options-modal__option:last-child { border-bottom: 1px solid #e2e4e7; }
549
-
550
- .edit-post-options-modal__option .components-base-control__field { align-items: center; display: flex; margin: 0; }
551
-
552
- .edit-post-options-modal__option .components-checkbox-control__label { flex-grow: 1; padding: 0.6rem 0 0.6rem 10px; }
553
-
554
- .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin: 0 0 0.6rem 48px; }
555
-
556
- @media (min-width: 782px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { margin-left: 38px; } }
557
-
558
- @media (min-width: 600px) { .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { max-width: 300px; } }
559
-
560
- .edit-post-welcome-guide { width: 312px; }
561
-
562
- .edit-post-welcome-guide__image { background: #00a0d2; height: 240px; }
563
-
564
- .edit-post-welcome-guide__image__prm-r { display: none; }
565
-
566
- @media (prefers-reduced-motion: reduce) { .edit-post-welcome-guide__image__prm-r { display: block; }
567
- .edit-post-welcome-guide__image__prm-np { display: none; } }
568
-
569
- .edit-post-welcome-guide__heading { font-family: "Noto Serif", serif; font-size: 24px; line-height: 1.4; margin: 0 0 16px 0; padding: 0 32px; }
570
-
571
- .edit-post-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; }
572
-
573
- .edit-post-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; }
574
-
575
- /** Animations */
576
- @-webkit-keyframes edit-post__fade-in-animation { from { opacity: 0; }
577
- to { opacity: 1; } }
578
- @keyframes edit-post__fade-in-animation { from { opacity: 0; }
579
- to { opacity: 1; } }
580
-
581
- html.wp-toolbar { background: #fff; }
582
-
583
- body.block-editor-page { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
584
-
585
- body.block-editor-page #wpcontent { padding-left: 0; }
586
-
587
- body.block-editor-page #wpbody-content { padding-bottom: 0; }
588
-
589
- body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { display: none; }
590
-
591
- body.block-editor-page #wpfooter { display: none; }
592
-
593
- body.block-editor-page .a11y-speak-region { left: -1px; top: -1px; }
594
-
595
- body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, body.block-editor-page ul#adminmenu > li.current > a.current::after { border-right-color: #fff; }
596
-
597
- body.block-editor-page .media-frame select.attachment-filters:last-of-type { width: auto; max-width: 100%; }
598
-
599
- .edit-post-header, .edit-post-visual-editor, .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel, .components-popover, .components-modal__frame { box-sizing: border-box; }
600
-
601
- .edit-post-header *, .edit-post-header *::before, .edit-post-header *::after, .edit-post-visual-editor *, .edit-post-visual-editor *::before, .edit-post-visual-editor *::after, .edit-post-text-editor *, .edit-post-text-editor *::before, .edit-post-text-editor *::after, .edit-post-sidebar *, .edit-post-sidebar *::before, .edit-post-sidebar *::after, .editor-post-publish-panel *, .editor-post-publish-panel *::before, .editor-post-publish-panel *::after, .components-popover *, .components-popover *::before, .components-popover *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; }
602
-
603
- @media (min-width: 600px) { .block-editor__container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100vh - 46px); } }
604
-
605
- @media (min-width: 782px) { .block-editor__container { min-height: calc(100vh - 32px); }
606
- body.is-fullscreen-mode .block-editor__container { min-height: 100vh; } }
607
-
608
- .block-editor__container img { max-width: 100%; height: auto; }
609
-
610
- .block-editor__container iframe { width: 100%; }
611
-
612
- .block-editor__container .components-navigate-regions { height: 100%; }
613
-
614
- .wp-block { max-width: 580px; }
615
-
616
- .wp-block[data-align="wide"] { max-width: 1100px; }
617
-
618
- .wp-block[data-align="full"] { max-width: none; }
619
-
620
- /** Colors */
621
- /** Breakpoints & Media Queries */
622
- /** Colors */
623
- /** Fonts & basic variables. */
624
- /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
625
- /** Dimensions. */
626
- /** Shadows. */
627
- /** Editor widths. */
628
- /** Block UI. */
629
- /** Border radii. */
630
- /** Breakpoint mixins */
631
- /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
632
- /** Focus styles. */
633
- /** Applies editor left position to the selector passed as argument */
634
- /** Styles that are reused verbatim in a few places */
635
- /** Allows users to opt-out of animations via OS-level preferences. */
636
- /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
637
- /** Reset the WP Admin page styles for Gutenberg-like pages. */
638
- .editor-autocompleters__user .editor-autocompleters__no-avatar::before { /* stylelint-disable */ font: normal 20px/1 dashicons; /* stylelint-enable */ content: "\f110"; margin-right: 5px; vertical-align: middle; }
639
-
640
- .editor-autocompleters__user .editor-autocompleters__user-avatar { margin-right: 8px; flex-grow: 0; flex-shrink: 0; max-width: none; width: 24px; height: 24px; }
641
-
642
- .editor-autocompleters__user .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; flex-shrink: 0; flex-grow: 1; }
643
-
644
- .editor-autocompleters__user .editor-autocompleters__user-slug { margin-left: 8px; color: #8f98a1; white-space: nowrap; text-overflow: ellipsis; overflow: none; max-width: 100px; flex-grow: 0; flex-shrink: 0; }
645
-
646
- .editor-autocompleters__user:hover .editor-autocompleters__user-slug { color: #66c6e4; }
647
-
648
- .document-outline { margin: 20px 0; }
649
-
650
- .document-outline ul { margin: 0; padding: 0; }
651
-
652
- .document-outline__item { display: flex; margin: 4px 0; }
653
-
654
- .document-outline__item a { text-decoration: none; }
655
-
656
- .document-outline__item .document-outline__emdash::before { color: #e2e4e7; margin-right: 4px; }
657
-
658
- .document-outline__item.is-h2 .document-outline__emdash::before { content: "—"; }
659
-
660
- .document-outline__item.is-h3 .document-outline__emdash::before { content: "——"; }
661
-
662
- .document-outline__item.is-h4 .document-outline__emdash::before { content: "———"; }
663
-
664
- .document-outline__item.is-h5 .document-outline__emdash::before { content: "————"; }
665
-
666
- .document-outline__item.is-h6 .document-outline__emdash::before { content: "—————"; }
667
-
668
- .document-outline__button { cursor: pointer; background: none; border: none; display: flex; align-items: flex-start; margin: 0 0 0 -1px; padding: 2px 5px 2px 1px; color: #23282d; text-align: left; border-radius: 2px; }
669
-
670
- .document-outline__button:disabled { cursor: default; }
671
-
672
- .document-outline__button:focus { box-shadow: 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
673
-
674
- body.admin-color-sunrise .document-outline__button:focus { box-shadow: 0 0 0 1.5px #d1864a; }
675
-
676
- body.admin-color-ocean .document-outline__button:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
677
-
678
- body.admin-color-midnight .document-outline__button:focus { box-shadow: 0 0 0 1.5px #e14d43; }
679
-
680
- body.admin-color-ectoplasm .document-outline__button:focus { box-shadow: 0 0 0 1.5px #a7b656; }
681
-
682
- body.admin-color-coffee .document-outline__button:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
683
-
684
- body.admin-color-blue .document-outline__button:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
685
-
686
- body.admin-color-light .document-outline__button:focus { box-shadow: 0 0 0 1.5px #0085ba; }
687
-
688
- .document-outline__level { background: #e2e4e7; color: #23282d; border-radius: 3px; font-size: 13px; padding: 1px 6px; margin-right: 4px; }
689
-
690
- .is-invalid .document-outline__level { background: #f0b849; }
691
-
692
- .document-outline__item-content { padding: 1px 0; }
693
-
694
- .components-editor-notices__dismissible { position: -webkit-sticky; position: sticky; top: 0; right: 0; color: #191e23; }
695
-
696
- .components-editor-notices__pinned { position: relative; left: 0; top: 0; right: 0; color: #191e23; }
697
-
698
- .components-editor-notices__dismissible .components-notice, .components-editor-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; min-height: 60px; }
699
-
700
- .components-editor-notices__dismissible .components-notice .components-notice__dismiss, .components-editor-notices__pinned .components-notice .components-notice__dismiss { margin-top: 12px; }
701
-
702
- .components-editor-notices__snackbar { width: 100%; }
703
-
704
- @media (min-width: 782px) { .components-editor-notices__snackbar { width: -webkit-fit-content; width: fit-content; width: -moz-fit-content; } }
705
-
706
- .entities-saved-states__panel { box-sizing: border-box; background: #fff; position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; box-sizing: border-box; }
707
-
708
- .entities-saved-states__panel *, .entities-saved-states__panel *::before, .entities-saved-states__panel *::after { box-sizing: inherit; }
709
-
710
- .entities-saved-states__panel .entities-saved-states__find-entity { display: none; }
711
-
712
- .entities-saved-states__panel .entities-saved-states__find-entity-small { display: block; }
713
-
714
- @media (min-width: 782px) { .entities-saved-states__panel { z-index: 99998; top: 32px; left: auto; width: 280px; border-left: 1px solid #e2e4e7; }
715
- body.is-fullscreen-mode .entities-saved-states__panel { top: 0; }
716
- .entities-saved-states__panel .entities-saved-states__find-entity { display: block; }
717
- .entities-saved-states__panel .entities-saved-states__find-entity-small { display: none; } }
718
-
719
- .entities-saved-states__panel .entities-saved-states__panel-header { background: #fff; padding-left: 8px; padding-right: 8px; height: 61px; border-bottom: 1px solid #e2e4e7; display: flex; align-items: center; align-content: space-between; }
720
-
721
- .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { margin: auto; }
722
-
723
- .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { position: absolute; right: 8px; }
724
-
725
- .entities-saved-states__panel .entities-saved-states__text-prompt { border-bottom: 1px solid #e2e4e7; padding: 16px; padding-bottom: 4px; }
726
-
727
- .editor-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); }
728
-
729
- .editor-page-attributes__template { margin-bottom: 10px; }
730
-
731
- .editor-page-attributes__template label, .editor-page-attributes__template select { width: 100%; }
732
-
733
- .editor-page-attributes__order { width: 100%; }
734
-
735
- .editor-page-attributes__order .components-base-control__field { display: flex; justify-content: space-between; align-items: center; }
736
-
737
- .editor-page-attributes__order input { width: 66px; }
738
-
739
- .editor-post-excerpt__textarea { width: 100%; margin-bottom: 10px; }
740
-
741
- .editor-post-featured-image { padding: 0; }
742
-
743
- .editor-post-featured-image__container { margin-bottom: 1em; position: relative; }
744
-
745
- .editor-post-featured-image .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; }
746
-
747
- .editor-post-featured-image .components-button + .components-button { display: block; margin-top: 1em; }
748
-
749
- .editor-post-featured-image .components-responsive-wrapper__content { max-width: 100%; width: auto; }
750
-
751
- .editor-post-featured-image__toggle, .editor-post-featured-image__preview { display: block; width: 100%; padding: 0; transition: all 0.1s ease-out; box-shadow: 0 0 0 0 #00a0d2; }
752
-
753
- @media (prefers-reduced-motion: reduce) { .editor-post-featured-image__toggle, .editor-post-featured-image__preview { transition-duration: 0s; } }
754
-
755
- .editor-post-featured-image__preview { height: auto; }
756
-
757
- .editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus { box-shadow: 0 0 0 4px #00a0d2; }
758
-
759
- .editor-post-featured-image__toggle { border: 1px dashed #a2aab2; background-color: #edeff0; min-height: 90px; line-height: 20px; padding: 8px 0; text-align: center; }
760
-
761
- .editor-post-featured-image__toggle:hover { background-color: #f8f9f9; }
762
-
763
- .editor-post-format { flex-direction: column; align-items: stretch; width: 100%; }
764
-
765
- .editor-post-format__content { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; }
766
-
767
- .editor-post-format__suggestion { text-align: right; font-size: 13px; }
768
-
769
- .editor-post-last-revision__title { width: 100%; font-weight: 600; }
770
-
771
- .editor-post-last-revision__title .dashicon { margin-right: 5px; }
772
-
773
- .components-button.editor-post-last-revision__title { height: auto; }
774
-
775
- .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { background: #f3f4f5; }
776
-
777
- .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #007cba; border-radius: 0; }
778
-
779
- body.admin-color-sunrise .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
780
-
781
- body.admin-color-ocean .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
782
-
783
- body.admin-color-midnight .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
784
-
785
- body.admin-color-ectoplasm .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
786
-
787
- body.admin-color-coffee .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
788
-
789
- body.admin-color-blue .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
790
-
791
- body.admin-color-light .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
792
-
793
- .editor-post-locked-modal { height: auto; padding-right: 10px; padding-left: 10px; padding-top: 10px; max-width: 480px; }
794
-
795
- .editor-post-locked-modal .components-modal__header { height: 36px; }
796
-
797
- .editor-post-locked-modal .components-modal__content { height: auto; }
798
-
799
- .editor-post-locked-modal__buttons { margin-top: 10px; }
800
-
801
- .editor-post-locked-modal__buttons .components-button { margin-right: 5px; }
802
-
803
- .editor-post-locked-modal__avatar { float: left; margin: 5px; margin-right: 15px; }
804
-
805
- .editor-post-publish-button__button.has-changes-dot::before { background: currentcolor; border-radius: 4px; content: ""; height: 8px; margin: auto 5px auto -3px; width: 8px; }
806
-
807
- .editor-post-publish-panel { background: #fff; }
808
-
809
- .editor-post-publish-panel__content { min-height: calc(100% - 144px); }
810
-
811
- .editor-post-publish-panel__content .components-spinner { display: block; margin: 100px auto 0; }
812
-
813
- .editor-post-publish-panel__header { background: #fff; padding-left: 8px; padding-right: 8px; height: 61px; border-bottom: 1px solid #e2e4e7; display: flex; align-items: center; align-content: space-between; }
814
-
815
- .editor-post-publish-panel__header .components-button.has-icon { position: absolute; right: 8px; }
816
-
817
- .editor-post-publish-panel__header-publish-button { display: flex; justify-content: flex-end; flex-grow: 1; text-align: right; flex-wrap: nowrap; }
818
-
819
- .editor-post-publish-panel__header-published { flex-grow: 1; }
820
-
821
- .editor-post-publish-panel__footer { padding: 16px; }
822
-
823
- .components-button.editor-post-publish-panel__toggle.is-primary { display: inline-flex; align-items: center; }
824
-
825
- .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { display: none; }
826
-
827
- .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { margin-right: -4px; }
828
-
829
- .editor-post-publish-panel__link { font-weight: 400; padding-left: 4px; }
830
-
831
- .editor-post-publish-panel__prepublish { padding: 16px; }
832
-
833
- .editor-post-publish-panel__prepublish strong { color: #191e23; }
834
-
835
- .editor-post-publish-panel__prepublish .components-panel__body { background: #fff; margin-left: -16px; margin-right: -16px; }
836
-
837
- .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { display: none; }
838
-
839
- .post-publish-panel__postpublish .components-panel__body { border-bottom: 1px solid #e2e4e7; border-top: none; }
840
-
841
- .post-publish-panel__postpublish-buttons { display: flex; align-content: space-between; flex-wrap: wrap; margin: -5px; }
842
-
843
- .post-publish-panel__postpublish-buttons > * { flex-grow: 1; margin: 5px; }
844
-
845
- .post-publish-panel__postpublish-buttons .components-button { height: auto; justify-content: center; padding: 3px 10px 4px; line-height: 1.6; text-align: center; white-space: normal; }
846
-
847
- .post-publish-panel__postpublish-buttons .components-clipboard-button { width: 100%; }
848
-
849
- .post-publish-panel__postpublish-post-address { margin-bottom: 16px; }
850
-
851
- .post-publish-panel__postpublish-post-address input[readonly] { padding: 10px; background: #e8eaeb; overflow: hidden; text-overflow: ellipsis; }
852
-
853
- .post-publish-panel__postpublish-header { font-weight: 500; }
854
-
855
- .post-publish-panel__postpublish-subheader { margin: 0 0 8px; }
856
-
857
- .post-publish-panel__tip { color: #f0b849; }
858
-
859
- .editor-post-saved-state { display: flex; align-items: center; width: 28px; padding: 12px 4px; color: #757575; overflow: hidden; white-space: nowrap; }
860
-
861
- .editor-post-saved-state svg { display: inline-block; flex: 0 0 auto; fill: currentColor; margin-right: 8px; }
862
-
863
- @media (min-width: 600px) { .editor-post-saved-state { width: auto; padding: 8px 12px; text-indent: inherit; }
864
- .editor-post-saved-state svg { margin-right: 4px; } }
865
-
866
- .editor-post-taxonomies__hierarchical-terms-list { max-height: 14em; overflow: auto; padding-left: 2px; }
867
-
868
- .editor-post-taxonomies__hierarchical-terms-choice { margin-bottom: 8px; }
869
-
870
- .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top: 8px; margin-left: 16px; }
871
-
872
- .components-button.editor-post-taxonomies__hierarchical-terms-submit, .components-button.editor-post-taxonomies__hierarchical-terms-add { margin-top: 12px; }
873
-
874
- .editor-post-taxonomies__hierarchical-terms-label { display: inline-block; margin-top: 12px; }
875
-
876
- .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; width: 100%; }
877
-
878
- .editor-post-taxonomies__hierarchical-terms-filter { margin-bottom: 8px; width: 100%; }
879
-
880
- .edit-post-text-editor__body textarea.editor-post-text-editor { border: 1px solid #ccc; display: block; margin: 0; width: 100%; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; border-radius: 0; min-height: 200px; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px !important; }
881
-
882
- @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { padding: 24px; } }
883
-
884
- @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { font-size: 15px !important; } }
885
-
886
- .edit-post-text-editor__body textarea.editor-post-text-editor:focus { border: 1px solid #1e1e1e; box-shadow: none; position: relative; }
887
-
888
- .edit-post-post-visibility__dialog, .editor-post-visibility__dialog-fieldset { padding: 4px; padding-top: 0; }
889
-
890
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { font-weight: 600; margin-bottom: 1em; margin-top: 0.5em; padding: 0; }
891
-
892
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 2px solid #757575; margin-right: 12px; transition: none; border-radius: 50%; margin-top: 2px; }
893
-
894
- @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { transition-duration: 0s; } }
895
-
896
- @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
897
-
898
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
899
-
900
- body.admin-color-sunrise .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-sunrise .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
901
-
902
- body.admin-color-ocean .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-ocean .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
903
-
904
- body.admin-color-midnight .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-midnight .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
905
-
906
- body.admin-color-ectoplasm .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-ectoplasm .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
907
-
908
- body.admin-color-coffee .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-coffee .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
909
-
910
- body.admin-color-blue .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-blue .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
911
-
912
- body.admin-color-light .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, body.admin-color-light .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
913
-
914
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
915
-
916
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
917
-
918
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
919
-
920
- .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
921
-
922
- .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
923
-
924
- .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
925
-
926
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { width: 6px; height: 6px; margin: 6px 0 0 6px; background-color: #fff; }
927
-
928
- @media (min-width: 782px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { margin: 3px 0 0 3px; } }
929
-
930
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { border-color: #757575; box-shadow: 0 0 0 1px #757575; }
931
-
932
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
933
-
934
- body.admin-color-sunrise .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-sunrise .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #c8b03c; border-color: #c8b03c; }
935
-
936
- body.admin-color-ocean .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-ocean .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #a3b9a2; border-color: #a3b9a2; }
937
-
938
- body.admin-color-midnight .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-midnight .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #77a6b9; border-color: #77a6b9; }
939
-
940
- body.admin-color-ectoplasm .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #a7b656; border-color: #a7b656; }
941
-
942
- body.admin-color-coffee .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-coffee .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #c2a68c; border-color: #c2a68c; }
943
-
944
- body.admin-color-blue .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-blue .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #82b4cb; border-color: #82b4cb; }
945
-
946
- body.admin-color-light .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, body.admin-color-light .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
947
-
948
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked:focus { box-shadow: 0 0 0 1.5px #757575; }
949
-
950
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { font-weight: 600; }
951
-
952
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { margin-top: 0; margin-left: 28px; }
953
-
954
- .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { margin-bottom: 0; }
955
-
956
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin-left: 28px; }
957
-
958
- @media (prefers-reduced-motion: reduce) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { transition-duration: 0s; } }
959
-
960
- @media (min-width: 600px) { .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
961
-
962
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
963
-
964
- body.admin-color-sunrise .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-sunrise .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
965
-
966
- body.admin-color-ocean .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-ocean .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
967
-
968
- body.admin-color-midnight .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-midnight .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
969
-
970
- body.admin-color-ectoplasm .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-ectoplasm .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
971
-
972
- body.admin-color-coffee .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-coffee .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
973
-
974
- body.admin-color-blue .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-blue .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
975
-
976
- body.admin-color-light .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, body.admin-color-light .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
977
-
978
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
979
-
980
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
981
-
982
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
983
-
984
- .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
985
-
986
- .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
987
-
988
- .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
989
-
990
- .editor-post-title { position: relative; }
991
-
992
- .editor-post-title .editor-post-title__input { display: block; width: 100%; margin: 0; box-shadow: none; background: transparent; transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 19px 0; word-break: keep-all; font-family: inherit; line-height: inherit; color: inherit; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; border-radius: 0; outline: 1px solid transparent; font-size: 2.44em; font-weight: bold; }
993
-
994
- @media (prefers-reduced-motion: reduce) { .editor-post-title .editor-post-title__input { transition-duration: 0s; } }
995
-
996
- @media (min-width: 600px) { .editor-post-title .editor-post-title__input { border-width: 1px; } }
997
-
998
- .editor-post-title .editor-post-title__input::-webkit-input-placeholder { color: rgba(22, 36, 53, 0.55); }
999
-
1000
- .editor-post-title .editor-post-title__input::-moz-placeholder { color: rgba(22, 36, 53, 0.55); }
1001
-
1002
- .editor-post-title .editor-post-title__input:-ms-input-placeholder { color: rgba(22, 36, 53, 0.55); }
1003
-
1004
- .editor-post-title .editor-post-title__input:focus { border: 1px solid transparent; outline: 1px solid transparent; box-shadow: none; }
1005
-
1006
- .editor-post-title.is-focus-mode .editor-post-title__input { opacity: 0.5; transition: opacity 0.1s linear; }
1007
-
1008
- @media (prefers-reduced-motion: reduce) { .editor-post-title.is-focus-mode .editor-post-title__input { transition-duration: 0s; } }
1009
-
1010
- .editor-post-title.is-focus-mode .editor-post-title__input:focus { opacity: 1; }
1011
-
1012
- .editor-post-trash.components-button { color: #b52727; border-color: #b52727; justify-content: center; }
1013
-
1014
- .editor-post-trash.components-button:not(:disabled):not([aria-disabled="true"]):hover, .editor-post-trash.components-button:not([aria-disabled="true"]):focus { color: #a02222; border-color: #a02222; }
1015
-
1016
- .table-of-contents__popover.components-popover .components-popover__content { min-width: 380px; }
1017
-
1018
- .components-popover.table-of-contents__popover { z-index: 99998; }
1019
-
1020
- .table-of-contents__popover .components-popover__content { padding: 16px; }
1021
-
1022
- @media (min-width: 600px) { .table-of-contents__popover .components-popover__content { max-height: calc(100vh - 120px); overflow-y: auto; } }
1023
-
1024
- .table-of-contents__popover hr { margin: 10px -16px 0; }
1025
-
1026
- .table-of-contents__wrapper:focus::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 1.5px #007cba; }
1027
-
1028
- body.admin-color-sunrise .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #d1864a; }
1029
-
1030
- body.admin-color-ocean .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
1031
-
1032
- body.admin-color-midnight .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #e14d43; }
1033
-
1034
- body.admin-color-ectoplasm .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #a7b656; }
1035
-
1036
- body.admin-color-coffee .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #c2a68c; }
1037
-
1038
- body.admin-color-blue .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #d9ab59; }
1039
-
1040
- body.admin-color-light .table-of-contents__wrapper:focus::before { box-shadow: inset 0 0 0 1.5px #0085ba; }
1041
-
1042
- .table-of-contents__counts { display: flex; flex-wrap: wrap; margin: 0; }
1043
-
1044
- .table-of-contents__count { flex-basis: 25%; display: flex; flex-direction: column; font-size: 13px; color: #6c7781; padding-right: 8px; margin-bottom: 0; }
1045
-
1046
- .table-of-contents__count:last-child { padding-right: 0; }
1047
-
1048
- .table-of-contents__number, .table-of-contents__popover .word-count { font-size: 21px; font-weight: 400; line-height: 30px; color: #555d66; }
1049
-
1050
- .table-of-contents__title { display: block; margin-top: 20px; font-size: 15px; font-weight: 600; }
1051
-
1052
- .editor-template-validation-notice { display: flex; justify-content: space-between; align-items: center; }
1053
-
1054
- .editor-template-validation-notice .components-button { margin-left: 5px; }
1055
-
1056
- /** Colors */
1057
- /** Breakpoints & Media Queries */
1058
- /** Colors */
1059
- /** Fonts & basic variables. */
1060
- /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
1061
- /** Dimensions. */
1062
- /** Shadows. */
1063
- /** Editor widths. */
1064
- /** Block UI. */
1065
- /** Border radii. */
1066
- /** Breakpoint mixins */
1067
- /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
1068
- /** Focus styles. */
1069
- /** Applies editor left position to the selector passed as argument */
1070
- /** Styles that are reused verbatim in a few places */
1071
- /** Allows users to opt-out of animations via OS-level preferences. */
1072
- /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
1073
- /** Reset the WP Admin page styles for Gutenberg-like pages. */
1074
- .components-animate__appear { -webkit-animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
1075
-
1076
- @media (prefers-reduced-motion: reduce) { .components-animate__appear { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
1077
-
1078
- .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { transform-origin: top left; }
1079
-
1080
- .components-animate__appear.is-from-top.is-from-right { transform-origin: top right; }
1081
-
1082
- .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { transform-origin: bottom left; }
1083
-
1084
- .components-animate__appear.is-from-bottom.is-from-right { transform-origin: bottom right; }
1085
-
1086
- @-webkit-keyframes components-animate__appear-animation { from { transform: translateY(-2em) scaleY(0) scaleX(0); }
1087
- to { transform: translateY(0%) scaleY(1) scaleX(1); } }
1088
-
1089
- @keyframes components-animate__appear-animation { from { transform: translateY(-2em) scaleY(0) scaleX(0); }
1090
- to { transform: translateY(0%) scaleY(1) scaleX(1); } }
1091
-
1092
- .components-animate__slide-in { -webkit-animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
1093
-
1094
- @media (prefers-reduced-motion: reduce) { .components-animate__slide-in { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
1095
-
1096
- .components-animate__slide-in.is-from-left { transform: translateX(100%); }
1097
-
1098
- .components-animate__slide-in.is-from-right { transform: translateX(-100%); }
1099
-
1100
- @-webkit-keyframes components-animate__slide-in-animation { 100% { transform: translateX(0%); } }
1101
-
1102
- @keyframes components-animate__slide-in-animation { 100% { transform: translateX(0%); } }
1103
-
1104
- .components-animate__loading { -webkit-animation: components-animate__loading 1.6s ease-in-out infinite; animation: components-animate__loading 1.6s ease-in-out infinite; }
1105
-
1106
- @-webkit-keyframes components-animate__loading { 0% { opacity: 0.5; }
1107
- 50% { opacity: 1; }
1108
- 100% { opacity: 0.5; } }
1109
-
1110
- @keyframes components-animate__loading { 0% { opacity: 0.5; }
1111
- 50% { opacity: 1; }
1112
- 100% { opacity: 0.5; } }
1113
-
1114
- .components-angle-picker-control { width: 50%; }
1115
-
1116
- .components-angle-picker-control.components-base-control .components-base-control__label { display: block; }
1117
-
1118
- .components-angle-picker-control__input-field[type="number"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 36px); max-width: 100px; }
1119
-
1120
- @media (prefers-reduced-motion: reduce) { .components-angle-picker-control__input-field[type="number"] { transition-duration: 0s; } }
1121
-
1122
- @media (min-width: 600px) { .components-angle-picker-control__input-field[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
1123
-
1124
- .components-angle-picker-control__input-field[type="number"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
1125
-
1126
- body.admin-color-sunrise .components-angle-picker-control__input-field[type="number"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
1127
-
1128
- body.admin-color-ocean .components-angle-picker-control__input-field[type="number"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
1129
-
1130
- body.admin-color-midnight .components-angle-picker-control__input-field[type="number"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
1131
-
1132
- body.admin-color-ectoplasm .components-angle-picker-control__input-field[type="number"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
1133
-
1134
- body.admin-color-coffee .components-angle-picker-control__input-field[type="number"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
1135
-
1136
- body.admin-color-blue .components-angle-picker-control__input-field[type="number"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
1137
-
1138
- body.admin-color-light .components-angle-picker-control__input-field[type="number"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
1139
-
1140
- .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1141
-
1142
- .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
1143
-
1144
- .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1145
-
1146
- .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1147
-
1148
- .is-dark-theme .components-angle-picker-control__input-field[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
1149
-
1150
- .is-dark-theme .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1151
-
1152
- .components-angle-picker-control__angle-circle { width: 28px; height: 28px; border: 2px solid #555d66; border-radius: 50%; float: left; margin-right: 4px; cursor: -webkit-grab; cursor: grab; }
1153
-
1154
- .components-angle-picker-control__angle-circle-indicator-wrapper { position: relative; width: 100%; height: 100%; }
1155
-
1156
- .components-angle-picker-control__angle-circle-indicator { width: 1px; height: 1px; border-radius: 50%; border: 3px solid #555d66; display: block; position: absolute; top: -14px; bottom: 0; left: 0; right: 0; margin: auto; background: #555d66; }
1157
-
1158
- .components-autocomplete__popover .components-popover__content { padding: 16px; }
1159
-
1160
- .components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100%; }
1161
-
1162
- .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #007cba; }
1163
-
1164
- body.admin-color-sunrise .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #d1864a; }
1165
-
1166
- body.admin-color-ocean .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #a3b9a2; }
1167
-
1168
- body.admin-color-midnight .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #e14d43; }
1169
-
1170
- body.admin-color-ectoplasm .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #a7b656; }
1171
-
1172
- body.admin-color-coffee .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #c2a68c; }
1173
-
1174
- body.admin-color-blue .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #d9ab59; }
1175
-
1176
- body.admin-color-light .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 2px #0085ba; }
1177
-
1178
- .components-base-control { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
1179
-
1180
- .components-base-control .components-base-control__field { margin-bottom: 8px; }
1181
-
1182
- .components-panel__row .components-base-control .components-base-control__field { margin-bottom: inherit; }
1183
-
1184
- .components-base-control .components-base-control__label { display: inline-block; margin-bottom: 8px; }
1185
-
1186
- .components-base-control .components-base-control__help { margin-top: -8px; font-style: italic; }
1187
-
1188
- .components-button-group { display: inline-block; }
1189
-
1190
- .components-button-group .components-button { border-radius: 0; display: inline-flex; color: #007cba; box-shadow: inset 0 0 0 1px #007cba; }
1191
-
1192
- body.admin-color-sunrise .components-button-group .components-button { color: #d1864a; box-shadow: inset 0 0 0 1px #d1864a; }
1193
-
1194
- body.admin-color-ocean .components-button-group .components-button { color: #a3b9a2; box-shadow: inset 0 0 0 1px #a3b9a2; }
1195
-
1196
- body.admin-color-midnight .components-button-group .components-button { color: #e14d43; box-shadow: inset 0 0 0 1px #e14d43; }
1197
-
1198
- body.admin-color-ectoplasm .components-button-group .components-button { color: #a7b656; box-shadow: inset 0 0 0 1px #a7b656; }
1199
-
1200
- body.admin-color-coffee .components-button-group .components-button { color: #c2a68c; box-shadow: inset 0 0 0 1px #c2a68c; }
1201
-
1202
- body.admin-color-blue .components-button-group .components-button { color: #d9ab59; box-shadow: inset 0 0 0 1px #d9ab59; }
1203
-
1204
- body.admin-color-light .components-button-group .components-button { color: #0085ba; box-shadow: inset 0 0 0 1px #0085ba; }
1205
-
1206
- .components-button-group .components-button + .components-button { margin-left: -1px; }
1207
-
1208
- .components-button-group .components-button:first-child { border-radius: 2px 0 0 2px; }
1209
-
1210
- .components-button-group .components-button:last-child { border-radius: 0 2px 2px 0; }
1211
-
1212
- .components-button-group .components-button:focus, .components-button-group .components-button.is-primary { position: relative; z-index: 1; }
1213
-
1214
- .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #007cba; }
1215
-
1216
- body.admin-color-sunrise .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #d1864a; }
1217
-
1218
- body.admin-color-ocean .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #a3b9a2; }
1219
-
1220
- body.admin-color-midnight .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #e14d43; }
1221
-
1222
- body.admin-color-ectoplasm .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #a7b656; }
1223
-
1224
- body.admin-color-coffee .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #c2a68c; }
1225
-
1226
- body.admin-color-blue .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #d9ab59; }
1227
-
1228
- body.admin-color-light .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #0085ba; }
1229
-
1230
- .components-button { display: inline-flex; text-decoration: none; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; transition: box-shadow 0.1s linear; height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; overflow: hidden; border-radius: 2px; color: #1e1e1e; /** Primary button style. */ /** Secondary and tertiary buttons. */ /** Secondary button style. */ /** Tertiary buttons. */ /** Link buttons. */ }
1231
-
1232
- @media (prefers-reduced-motion: reduce) { .components-button { transition-duration: 0s; } }
1233
-
1234
- .components-button[aria-expanded="true"], .components-button:hover { color: #007cba; }
1235
-
1236
- body.admin-color-sunrise .components-button[aria-expanded="true"], body.admin-color-sunrise .components-button:hover { color: #d1864a; }
1237
-
1238
- body.admin-color-ocean .components-button[aria-expanded="true"], body.admin-color-ocean .components-button:hover { color: #a3b9a2; }
1239
-
1240
- body.admin-color-midnight .components-button[aria-expanded="true"], body.admin-color-midnight .components-button:hover { color: #e14d43; }
1241
-
1242
- body.admin-color-ectoplasm .components-button[aria-expanded="true"], body.admin-color-ectoplasm .components-button:hover { color: #a7b656; }
1243
-
1244
- body.admin-color-coffee .components-button[aria-expanded="true"], body.admin-color-coffee .components-button:hover { color: #c2a68c; }
1245
-
1246
- body.admin-color-blue .components-button[aria-expanded="true"], body.admin-color-blue .components-button:hover { color: #d9ab59; }
1247
-
1248
- body.admin-color-light .components-button[aria-expanded="true"], body.admin-color-light .components-button:hover { color: #0085ba; }
1249
-
1250
- .components-button[aria-disabled="true"]:hover { color: initial; }
1251
-
1252
- .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba; outline: 1px solid transparent; }
1253
-
1254
- body.admin-color-sunrise .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d1864a; }
1255
-
1256
- body.admin-color-ocean .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a3b9a2; }
1257
-
1258
- body.admin-color-midnight .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #e14d43; }
1259
-
1260
- body.admin-color-ectoplasm .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a7b656; }
1261
-
1262
- body.admin-color-coffee .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #c2a68c; }
1263
-
1264
- body.admin-color-blue .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d9ab59; }
1265
-
1266
- body.admin-color-light .components-button:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #0085ba; }
1267
-
1268
- .components-button.is-primary { white-space: nowrap; background: #007cba; color: #fff; text-decoration: none; text-shadow: none; }
1269
-
1270
- body.admin-color-sunrise .components-button.is-primary { background: #d1864a; }
1271
-
1272
- body.admin-color-ocean .components-button.is-primary { background: #a3b9a2; }
1273
-
1274
- body.admin-color-midnight .components-button.is-primary { background: #e14d43; }
1275
-
1276
- body.admin-color-ectoplasm .components-button.is-primary { background: #a7b656; }
1277
-
1278
- body.admin-color-coffee .components-button.is-primary { background: #c2a68c; }
1279
-
1280
- body.admin-color-blue .components-button.is-primary { background: #d9ab59; }
1281
-
1282
- body.admin-color-light .components-button.is-primary { background: #0085ba; }
1283
-
1284
- .components-button.is-primary:hover:not(:disabled) { background: #0070a7; color: #fff; }
1285
-
1286
- body.admin-color-sunrise .components-button.is-primary:hover:not(:disabled) { background: #bc7943; }
1287
-
1288
- body.admin-color-ocean .components-button.is-primary:hover:not(:disabled) { background: #93a792; }
1289
-
1290
- body.admin-color-midnight .components-button.is-primary:hover:not(:disabled) { background: #cb453c; }
1291
-
1292
- body.admin-color-ectoplasm .components-button.is-primary:hover:not(:disabled) { background: #96a44d; }
1293
-
1294
- body.admin-color-coffee .components-button.is-primary:hover:not(:disabled) { background: #af957e; }
1295
-
1296
- body.admin-color-blue .components-button.is-primary:hover:not(:disabled) { background: #c39a50; }
1297
-
1298
- body.admin-color-light .components-button.is-primary:hover:not(:disabled) { background: #0078a7; }
1299
-
1300
- .components-button.is-primary:active:not(:disabled) { background: #006395; border-color: #006395; color: #fff; }
1301
-
1302
- body.admin-color-sunrise .components-button.is-primary:active:not(:disabled) { background: #a76b3b; border-color: #a76b3b; }
1303
-
1304
- body.admin-color-ocean .components-button.is-primary:active:not(:disabled) { background: #829482; border-color: #829482; }
1305
-
1306
- body.admin-color-midnight .components-button.is-primary:active:not(:disabled) { background: #b43e36; border-color: #b43e36; }
1307
-
1308
- body.admin-color-ectoplasm .components-button.is-primary:active:not(:disabled) { background: #869245; border-color: #869245; }
1309
-
1310
- body.admin-color-coffee .components-button.is-primary:active:not(:disabled) { background: #9b8570; border-color: #9b8570; }
1311
-
1312
- body.admin-color-blue .components-button.is-primary:active:not(:disabled) { background: #ae8947; border-color: #ae8947; }
1313
-
1314
- body.admin-color-light .components-button.is-primary:active:not(:disabled) { background: #006a95; border-color: #006a95; }
1315
-
1316
- .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; outline: 1px solid transparent; }
1317
-
1318
- body.admin-color-sunrise .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
1319
-
1320
- body.admin-color-ocean .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
1321
-
1322
- body.admin-color-midnight .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
1323
-
1324
- body.admin-color-ectoplasm .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
1325
-
1326
- body.admin-color-coffee .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
1327
-
1328
- body.admin-color-blue .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
1329
-
1330
- body.admin-color-light .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
1331
-
1332
- .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"]:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #66b0d6; background: #1989c1; border-color: #1989c1; opacity: 1; }
1333
-
1334
- body.admin-color-sunrise .components-button.is-primary:disabled, body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"], body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #e3b692; background: #d6925c; border-color: #d6925c; }
1335
-
1336
- body.admin-color-ocean .components-button.is-primary:disabled, body.admin-color-ocean .components-button.is-primary:disabled:active:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"], body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #c8d5c7; background: #acc0ab; border-color: #acc0ab; }
1337
-
1338
- body.admin-color-midnight .components-button.is-primary:disabled, body.admin-color-midnight .components-button.is-primary:disabled:active:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"], body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #ed948e; background: #e45f56; border-color: #e45f56; }
1339
-
1340
- body.admin-color-ectoplasm .components-button.is-primary:disabled, body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"], body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #cad39a; background: #b0bd67; border-color: #b0bd67; }
1341
-
1342
- body.admin-color-coffee .components-button.is-primary:disabled, body.admin-color-coffee .components-button.is-primary:disabled:active:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"], body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #dacaba; background: #c8af98; border-color: #c8af98; }
1343
-
1344
- body.admin-color-blue .components-button.is-primary:disabled, body.admin-color-blue .components-button.is-primary:disabled:active:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"], body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #e8cd9b; background: #ddb36a; border-color: #ddb36a; }
1345
-
1346
- body.admin-color-light .components-button.is-primary:disabled, body.admin-color-light .components-button.is-primary:disabled:active:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"], body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled { color: #66b6d6; background: #1991c1; border-color: #1991c1; }
1347
-
1348
- .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:focus:enabled, .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
1349
-
1350
- body.admin-color-sunrise .components-button.is-primary:disabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
1351
-
1352
- body.admin-color-ocean .components-button.is-primary:disabled:focus:enabled, body.admin-color-ocean .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
1353
-
1354
- body.admin-color-midnight .components-button.is-primary:disabled:focus:enabled, body.admin-color-midnight .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
1355
-
1356
- body.admin-color-ectoplasm .components-button.is-primary:disabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
1357
-
1358
- body.admin-color-coffee .components-button.is-primary:disabled:focus:enabled, body.admin-color-coffee .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
1359
-
1360
- body.admin-color-blue .components-button.is-primary:disabled:focus:enabled, body.admin-color-blue .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
1361
-
1362
- body.admin-color-light .components-button.is-primary:disabled:focus:enabled, body.admin-color-light .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
1363
-
1364
- .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled="true"] { color: #fff; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #007cba 28%, #006395 28%, #006395 72%, #007cba 72%); /* stylelint-enable */ border-color: #007cba; }
1365
-
1366
- body.admin-color-sunrise .components-button.is-primary.is-busy, body.admin-color-sunrise .components-button.is-primary.is-busy:disabled, body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #d1864a 28%, #a76b3b 28%, #a76b3b 72%, #d1864a 72%); border-color: #d1864a; }
1367
-
1368
- body.admin-color-ocean .components-button.is-primary.is-busy, body.admin-color-ocean .components-button.is-primary.is-busy:disabled, body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #a3b9a2 28%, #829482 28%, #829482 72%, #a3b9a2 72%); border-color: #a3b9a2; }
1369
-
1370
- body.admin-color-midnight .components-button.is-primary.is-busy, body.admin-color-midnight .components-button.is-primary.is-busy:disabled, body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #e14d43 28%, #b43e36 28%, #b43e36 72%, #e14d43 72%); border-color: #e14d43; }
1371
-
1372
- body.admin-color-ectoplasm .components-button.is-primary.is-busy, body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled, body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #a7b656 28%, #869245 28%, #869245 72%, #a7b656 72%); border-color: #a7b656; }
1373
-
1374
- body.admin-color-coffee .components-button.is-primary.is-busy, body.admin-color-coffee .components-button.is-primary.is-busy:disabled, body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #c2a68c 28%, #9b8570 28%, #9b8570 72%, #c2a68c 72%); border-color: #c2a68c; }
1375
-
1376
- body.admin-color-blue .components-button.is-primary.is-busy, body.admin-color-blue .components-button.is-primary.is-busy:disabled, body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #d9ab59 28%, #ae8947 28%, #ae8947 72%, #d9ab59 72%); border-color: #d9ab59; }
1377
-
1378
- body.admin-color-light .components-button.is-primary.is-busy, body.admin-color-light .components-button.is-primary.is-busy:disabled, body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] { background-image: linear-gradient(-45deg, #0085ba 28%, #006a95 28%, #006a95 72%, #0085ba 72%); border-color: #0085ba; }
1379
-
1380
- .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { background: #e7e8e9; color: #0070a7; box-shadow: none; }
1381
-
1382
- body.admin-color-sunrise .components-button.is-secondary:active:not(:disabled), body.admin-color-sunrise .components-button.is-tertiary:active:not(:disabled) { color: #bc7943; }
1383
-
1384
- body.admin-color-ocean .components-button.is-secondary:active:not(:disabled), body.admin-color-ocean .components-button.is-tertiary:active:not(:disabled) { color: #93a792; }
1385
-
1386
- body.admin-color-midnight .components-button.is-secondary:active:not(:disabled), body.admin-color-midnight .components-button.is-tertiary:active:not(:disabled) { color: #cb453c; }
1387
-
1388
- body.admin-color-ectoplasm .components-button.is-secondary:active:not(:disabled), body.admin-color-ectoplasm .components-button.is-tertiary:active:not(:disabled) { color: #96a44d; }
1389
-
1390
- body.admin-color-coffee .components-button.is-secondary:active:not(:disabled), body.admin-color-coffee .components-button.is-tertiary:active:not(:disabled) { color: #af957e; }
1391
-
1392
- body.admin-color-blue .components-button.is-secondary:active:not(:disabled), body.admin-color-blue .components-button.is-tertiary:active:not(:disabled) { color: #c39a50; }
1393
-
1394
- body.admin-color-light .components-button.is-secondary:active:not(:disabled), body.admin-color-light .components-button.is-tertiary:active:not(:disabled) { color: #0078a7; }
1395
-
1396
- .components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { color: #0070a7; box-shadow: inset 0 0 0 1px #0070a7; }
1397
-
1398
- body.admin-color-sunrise .components-button.is-secondary:hover:not(:disabled), body.admin-color-sunrise .components-button.is-tertiary:hover:not(:disabled) { color: #bc7943; box-shadow: inset 0 0 0 1px #bc7943; }
1399
-
1400
- body.admin-color-ocean .components-button.is-secondary:hover:not(:disabled), body.admin-color-ocean .components-button.is-tertiary:hover:not(:disabled) { color: #93a792; box-shadow: inset 0 0 0 1px #93a792; }
1401
-
1402
- body.admin-color-midnight .components-button.is-secondary:hover:not(:disabled), body.admin-color-midnight .components-button.is-tertiary:hover:not(:disabled) { color: #cb453c; box-shadow: inset 0 0 0 1px #cb453c; }
1403
-
1404
- body.admin-color-ectoplasm .components-button.is-secondary:hover:not(:disabled), body.admin-color-ectoplasm .components-button.is-tertiary:hover:not(:disabled) { color: #96a44d; box-shadow: inset 0 0 0 1px #96a44d; }
1405
-
1406
- body.admin-color-coffee .components-button.is-secondary:hover:not(:disabled), body.admin-color-coffee .components-button.is-tertiary:hover:not(:disabled) { color: #af957e; box-shadow: inset 0 0 0 1px #af957e; }
1407
-
1408
- body.admin-color-blue .components-button.is-secondary:hover:not(:disabled), body.admin-color-blue .components-button.is-tertiary:hover:not(:disabled) { color: #c39a50; box-shadow: inset 0 0 0 1px #c39a50; }
1409
-
1410
- body.admin-color-light .components-button.is-secondary:hover:not(:disabled), body.admin-color-light .components-button.is-tertiary:hover:not(:disabled) { color: #0078a7; box-shadow: inset 0 0 0 1px #0078a7; }
1411
-
1412
- .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 { color: #828282; background: #f4f5f5; transform: none; opacity: 1; box-shadow: none; }
1413
-
1414
- .components-button.is-secondary { box-shadow: inset 0 0 0 1px #007cba; outline: 1px solid transparent; white-space: nowrap; color: #007cba; background: transparent; }
1415
-
1416
- body.admin-color-sunrise .components-button.is-secondary { box-shadow: inset 0 0 0 1px #d1864a; color: #d1864a; }
1417
-
1418
- body.admin-color-ocean .components-button.is-secondary { box-shadow: inset 0 0 0 1px #a3b9a2; color: #a3b9a2; }
1419
-
1420
- body.admin-color-midnight .components-button.is-secondary { box-shadow: inset 0 0 0 1px #e14d43; color: #e14d43; }
1421
-
1422
- body.admin-color-ectoplasm .components-button.is-secondary { box-shadow: inset 0 0 0 1px #a7b656; color: #a7b656; }
1423
-
1424
- body.admin-color-coffee .components-button.is-secondary { box-shadow: inset 0 0 0 1px #c2a68c; color: #c2a68c; }
1425
-
1426
- body.admin-color-blue .components-button.is-secondary { box-shadow: inset 0 0 0 1px #d9ab59; color: #d9ab59; }
1427
-
1428
- body.admin-color-light .components-button.is-secondary { box-shadow: inset 0 0 0 1px #0085ba; color: #0085ba; }
1429
-
1430
- .components-button.is-tertiary { white-space: nowrap; color: #007cba; background: transparent; padding: 6px; }
1431
-
1432
- body.admin-color-sunrise .components-button.is-tertiary { color: #d1864a; }
1433
-
1434
- body.admin-color-ocean .components-button.is-tertiary { color: #a3b9a2; }
1435
-
1436
- body.admin-color-midnight .components-button.is-tertiary { color: #e14d43; }
1437
-
1438
- body.admin-color-ectoplasm .components-button.is-tertiary { color: #a7b656; }
1439
-
1440
- body.admin-color-coffee .components-button.is-tertiary { color: #c2a68c; }
1441
-
1442
- body.admin-color-blue .components-button.is-tertiary { color: #d9ab59; }
1443
-
1444
- body.admin-color-light .components-button.is-tertiary { color: #0085ba; }
1445
-
1446
- .components-button.is-tertiary .dashicon { display: inline-block; flex: 0 0 auto; }
1447
-
1448
- .components-button.is-link { margin: 0; padding: 0; box-shadow: none; border: 0; border-radius: 0; background: none; outline: none; text-align: left; /* Mimics the default link style in common.css */ color: #0073aa; text-decoration: underline; transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; height: auto; }
1449
-
1450
- @media (prefers-reduced-motion: reduce) { .components-button.is-link { transition-duration: 0s; } }
1451
-
1452
- .components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) { color: #00a0d2; }
1453
-
1454
- .components-button.is-link:focus { color: #124964; box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); }
1455
-
1456
- .components-button.is-link.is-destructive { color: #d94f4f; }
1457
-
1458
- .components-button:not([aria-disabled="true"]):active { color: inherit; }
1459
-
1460
- .components-button:disabled, .components-button[aria-disabled="true"] { cursor: default; opacity: 0.3; }
1461
-
1462
- .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"] { -webkit-animation: components-button__busy-animation 2500ms infinite linear; animation: components-button__busy-animation 2500ms infinite linear; opacity: 1; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #fafafa 28%, #e0e0e0 28%, #e0e0e0 72%, #fafafa 72%); /* stylelint-enable */ }
1463
-
1464
- .components-button.is-small { height: 24px; line-height: 22px; padding: 0 8px; font-size: 11px; }
1465
-
1466
- .components-button.is-small.has-icon:not(.has-text) { padding: 0 8px; width: 24px; }
1467
-
1468
- .components-button.has-icon { padding: 6px; min-width: 36px; justify-content: center; }
1469
-
1470
- .components-button.has-icon .dashicon { display: inline-block; flex: 0 0 auto; }
1471
-
1472
- .components-button.has-icon.has-text { justify-content: left; }
1473
-
1474
- .components-button.has-icon.has-text svg { margin-right: 8px; }
1475
-
1476
- .components-button.is-pressed { color: #fff; background: #1e1e1e; }
1477
-
1478
- .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
1479
-
1480
- body.admin-color-sunrise .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
1481
-
1482
- body.admin-color-ocean .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
1483
-
1484
- body.admin-color-midnight .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
1485
-
1486
- body.admin-color-ectoplasm .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
1487
-
1488
- body.admin-color-coffee .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
1489
-
1490
- body.admin-color-blue .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
1491
-
1492
- body.admin-color-light .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
1493
-
1494
- .components-button.is-pressed:hover:not(:disabled) { background: #1e1e1e; }
1495
-
1496
- .components-button svg { fill: currentColor; outline: none; }
1497
-
1498
- .components-button .components-visually-hidden { height: auto; }
1499
-
1500
- @-webkit-keyframes components-button__busy-animation { 0% { background-position: 200px 0; } }
1501
-
1502
- @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } }
1503
-
1504
- .components-checkbox-control__input[type="checkbox"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 2px solid #757575; margin-right: 12px; transition: none; border-radius: 2px; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: 24px; height: 24px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: 0.05s border-color ease-in-out; }
1505
-
1506
- @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type="checkbox"] { transition-duration: 0s; } }
1507
-
1508
- @media (min-width: 600px) { .components-checkbox-control__input[type="checkbox"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
1509
-
1510
- .components-checkbox-control__input[type="checkbox"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
1511
-
1512
- body.admin-color-sunrise .components-checkbox-control__input[type="checkbox"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
1513
-
1514
- body.admin-color-ocean .components-checkbox-control__input[type="checkbox"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
1515
-
1516
- body.admin-color-midnight .components-checkbox-control__input[type="checkbox"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
1517
-
1518
- body.admin-color-ectoplasm .components-checkbox-control__input[type="checkbox"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
1519
-
1520
- body.admin-color-coffee .components-checkbox-control__input[type="checkbox"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
1521
-
1522
- body.admin-color-blue .components-checkbox-control__input[type="checkbox"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
1523
-
1524
- body.admin-color-light .components-checkbox-control__input[type="checkbox"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
1525
-
1526
- .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1527
-
1528
- .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
1529
-
1530
- .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
1531
-
1532
- .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1533
-
1534
- .is-dark-theme .components-checkbox-control__input[type="checkbox"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
1535
-
1536
- .is-dark-theme .components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
1537
-
1538
- .components-checkbox-control__input[type="checkbox"]:focus { border-color: #757575; box-shadow: 0 0 0 1px #757575; }
1539
-
1540
- .components-checkbox-control__input[type="checkbox"]:checked { background: #11a0d2; border-color: #11a0d2; }
1541
-
1542
- body.admin-color-sunrise .components-checkbox-control__input[type="checkbox"]:checked { background: #c8b03c; border-color: #c8b03c; }
1543
-
1544
- body.admin-color-ocean .components-checkbox-control__input[type="checkbox"]:checked { background: #a3b9a2; border-color: #a3b9a2; }
1545
-
1546
- body.admin-color-midnight .components-checkbox-control__input[type="checkbox"]:checked { background: #77a6b9; border-color: #77a6b9; }
1547
-
1548
- body.admin-color-ectoplasm .components-checkbox-control__input[type="checkbox"]:checked { background: #a7b656; border-color: #a7b656; }
1549
-
1550
- body.admin-color-coffee .components-checkbox-control__input[type="checkbox"]:checked { background: #c2a68c; border-color: #c2a68c; }
1551
-
1552
- body.admin-color-blue .components-checkbox-control__input[type="checkbox"]:checked { background: #82b4cb; border-color: #82b4cb; }
1553
-
1554
- body.admin-color-light .components-checkbox-control__input[type="checkbox"]:checked { background: #11a0d2; border-color: #11a0d2; }
1555
-
1556
- .components-checkbox-control__input[type="checkbox"]:checked:focus { box-shadow: 0 0 0 1.5px #757575; }
1557
-
1558
- .components-checkbox-control__input[type="checkbox"]:checked::before, .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { margin: -3px -5px; color: #fff; }
1559
-
1560
- @media (min-width: 782px) { .components-checkbox-control__input[type="checkbox"]:checked::before, .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { margin: -4px 0 0 -5px; } }
1561
-
1562
- .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #11a0d2; border-color: #11a0d2; }
1563
-
1564
- body.admin-color-sunrise .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #c8b03c; border-color: #c8b03c; }
1565
-
1566
- body.admin-color-ocean .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #a3b9a2; border-color: #a3b9a2; }
1567
-
1568
- body.admin-color-midnight .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #77a6b9; border-color: #77a6b9; }
1569
-
1570
- body.admin-color-ectoplasm .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #a7b656; border-color: #a7b656; }
1571
-
1572
- body.admin-color-coffee .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #c2a68c; border-color: #c2a68c; }
1573
-
1574
- body.admin-color-blue .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #82b4cb; border-color: #82b4cb; }
1575
-
1576
- body.admin-color-light .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] { background: #11a0d2; border-color: #11a0d2; }
1577
-
1578
- .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { content: "\f460"; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable */ font: normal 30px/1 dashicons; /* stylelint-enable */ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
1579
-
1580
- @media (min-width: 782px) { .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]::before { float: none; font-size: 21px; } }
1581
-
1582
- .components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]:focus { box-shadow: 0 0 0 1.5px #555d66; }
1583
-
1584
- @media (min-width: 600px) { .components-checkbox-control__input[type="checkbox"] { height: 20px; width: 20px; } }
1585
-
1586
- .components-checkbox-control__input[type="checkbox"]:focus { border-color: #5b9dd9; box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); outline: 2px solid transparent; }
1587
-
1588
- .components-checkbox-control__input[type="checkbox"]:checked { background: #11a0d2; border-color: #11a0d2; }
1589
-
1590
- .components-checkbox-control__input[type="checkbox"]:checked::-ms-check { opacity: 0; }
1591
-
1592
- .components-checkbox-control__input[type="checkbox"]:focus:checked { border: none; }
1593
-
1594
- .components-checkbox-control__input[type="checkbox"]:checked::before { content: none; }
1595
-
1596
- .components-checkbox-control__input-container { position: relative; display: inline-block; margin-right: 12px; vertical-align: middle; width: 24px; height: 24px; }
1597
-
1598
- @media (min-width: 600px) { .components-checkbox-control__input-container { width: 20px; height: 20px; } }
1599
-
1600
- svg.components-checkbox-control__checked { fill: #fff; cursor: pointer; position: absolute; left: 0; top: 0; width: 24px; height: 24px; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; }
1601
-
1602
- @media (min-width: 600px) { svg.components-checkbox-control__checked { left: -2px; top: -2px; } }
1603
-
1604
- .components-circular-option-picker { display: inline-block; margin-top: 0.6rem; width: 100%; }
1605
-
1606
- .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; }
1607
-
1608
- .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; margin-right: 12px; margin-bottom: 12px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; }
1609
-
1610
- @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option-wrapper { transition-duration: 0s; } }
1611
-
1612
- .components-circular-option-picker__option-wrapper:hover { transform: scale(1.2); }
1613
-
1614
- .components-circular-option-picker__option-wrapper > div { height: 100%; width: 100%; }
1615
-
1616
- .components-circular-option-picker__option-wrapper::before { content: ""; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border-radius: 50%; z-index: -1; /* stylelint-disable-next-line function-url-quotes */ background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-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-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-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-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 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-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); }
1617
-
1618
- .components-circular-option-picker__option { display: inline-block; vertical-align: top; height: 100%; width: 100%; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; transition: 100ms box-shadow ease; cursor: pointer; }
1619
-
1620
- @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option { transition-duration: 0s; } }
1621
-
1622
- .components-circular-option-picker__option:hover { box-shadow: inset 0 0 0 14px !important; }
1623
-
1624
- .components-circular-option-picker__option.is-pressed { box-shadow: inset 0 0 0 4px; position: relative; z-index: 1; overflow: visible; }
1625
-
1626
- .components-circular-option-picker__option.is-pressed + svg { position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 2; pointer-events: none; }
1627
-
1628
- .components-circular-option-picker__option::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; }
1629
-
1630
- .components-circular-option-picker__option:focus::after { content: ""; border: 2px solid #606a73; width: 32px; height: 32px; position: absolute; top: -2px; left: -2px; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; }
1631
-
1632
- .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none; }
1633
-
1634
- .components-circular-option-picker__button-action .components-circular-option-picker__option { color: #fff; background: #fff; }
1635
-
1636
- .components-circular-option-picker__dropdown-link-action { margin-right: 16px; }
1637
-
1638
- .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; }
1639
-
1640
- .component-color-indicator { width: 25px; height: 16px; margin-left: 0.8rem; border: 1px solid #dadada; display: inline-block; }
1641
-
1642
- .component-color-indicator + .component-color-indicator { margin-left: 0.5rem; }
1643
-
1644
- /** Parts of this source were derived and modified from react-color, released under the MIT license. https://github.com/casesandberg/react-color/ Copyright (c) 2015 Case Sandberg Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
1645
- .components-color-picker { width: 100%; overflow: hidden; }
1646
-
1647
- .components-color-picker * { box-sizing: border-box; }
1648
-
1649
- .components-color-picker__saturation { width: 100%; padding-bottom: 55%; position: relative; }
1650
-
1651
- .components-color-picker__body { padding: 16px 16px 12px; }
1652
-
1653
- .components-color-picker__controls { display: flex; }
1654
-
1655
- .components-color-picker__saturation-pointer, .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { padding: 0; position: absolute; cursor: pointer; box-shadow: none; border: none; }
1656
-
1657
- /* CURRENT COLOR COMPONENT */
1658
- .components-color-picker__swatch { margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; position: relative; overflow: hidden; background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0; }
1659
-
1660
- .is-alpha-disabled .components-color-picker__swatch { width: 12px; height: 12px; margin-top: 0; }
1661
-
1662
- .components-color-picker__active { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); z-index: 2; }
1663
-
1664
- /* SATURATION COMPONENT */
1665
- .components-color-picker__saturation-color, .components-color-picker__saturation-white, .components-color-picker__saturation-black { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
1666
-
1667
- .components-color-picker__saturation-color { overflow: hidden; }
1668
-
1669
- .components-color-picker__saturation-white { /*rtl:ignore*/ background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
1670
-
1671
- .components-color-picker__saturation-black { background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }
1672
-
1673
- .components-color-picker__saturation-pointer { width: 14px; height: 14px; padding: 0; box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; background-color: transparent; transform: translate(-4px, -4px); }
1674
-
1675
- /* HUE & ALPHA BARS */
1676
- .components-color-picker__toggles { flex: 1; }
1677
-
1678
- .components-color-picker__alpha { background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0; }
1679
-
1680
- .components-color-picker__hue-gradient, .components-color-picker__alpha-gradient { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
1681
-
1682
- .components-color-picker__hue, .components-color-picker__alpha { height: 12px; position: relative; }
1683
-
1684
- .is-alpha-enabled .components-color-picker__hue { margin-bottom: 8px; }
1685
-
1686
- .components-color-picker__hue-bar, .components-color-picker__alpha-bar { position: relative; margin: 0 3px; height: 100%; padding: 0 2px; }
1687
-
1688
- .components-color-picker__hue-gradient { /*rtl:ignore*/ background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }
1689
-
1690
- .components-color-picker__hue-pointer, .components-color-picker__alpha-pointer { /*rtl:ignore*/ left: 0; width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); background: #fff; transform: translate(-7px, -1px); }
1691
-
1692
- .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition: box-shadow 0.1s linear; }
1693
-
1694
- @media (prefers-reduced-motion: reduce) { .components-color-picker__hue-pointer, .components-color-picker__saturation-pointer { transition-duration: 0s; } }
1695
-
1696
- .components-color-picker__saturation-pointer:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); }
1697
-
1698
- .components-color-picker__hue-pointer:focus, .components-color-picker__alpha-pointer:focus { border-color: #00a0d2; box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2; outline: 2px solid transparent; outline-offset: -2px; }
1699
-
1700
- /* INPUTS COMPONENT */
1701
- .components-color-picker__inputs-wrapper { margin: 0 -4px; padding-top: 16px; display: flex; align-items: flex-end; }
1702
-
1703
- .components-color-picker__inputs-wrapper fieldset { flex: 1; border: none; margin: 0; padding: 0; }
1704
-
1705
- .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] { padding: 6px 8px; }
1706
-
1707
- .components-color-picker__inputs-field { width: 100%; }
1708
-
1709
- .components-color-picker__inputs-fields { display: flex; /*rtl:ignore*/ direction: ltr; flex-grow: 1; margin-right: 4px; }
1710
-
1711
- .components-color-picker__inputs-fields .components-base-control + .components-base-control { margin-top: 0; }
1712
-
1713
- .components-color-picker__inputs-fields .components-base-control__field { margin: 0 4px; }
1714
-
1715
- .components-color-picker__inputs-toggle { height: 30px; padding: 0 5px; }
1716
-
1717
- .components-custom-gradient-picker { margin-top: 8px; }
1718
-
1719
- .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { opacity: 0.4; }
1720
-
1721
- .components-custom-gradient-picker__gradient-bar { width: 100%; height: 24px; border-radius: 24px; margin-bottom: 8px; padding-left: 3px; padding-right: 21px; }
1722
-
1723
- .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { position: relative; }
1724
-
1725
- .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { border-radius: 50%; background: #fff; padding: 2px; min-width: 24px; width: 24px; height: 24px; position: relative; }
1726
-
1727
- .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { height: 100%; width: 100%; }
1728
-
1729
- .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { border: 2px solid #fff; border-radius: 50%; height: 18px; padding: 0; position: absolute; width: 18px; top: 3px; }
1730
-
1731
- .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { background: #fafafa; color: #23282d; border-color: #999; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
1732
-
1733
- body.admin-color-sunrise .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
1734
-
1735
- body.admin-color-ocean .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
1736
-
1737
- body.admin-color-midnight .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
1738
-
1739
- body.admin-color-ectoplasm .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
1740
-
1741
- body.admin-color-coffee .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
1742
-
1743
- body.admin-color-blue .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
1744
-
1745
- body.admin-color-light .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
1746
-
1747
- .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { margin-left: auto; margin-right: auto; display: block; margin-bottom: 8px; }
1748
-
1749
- .components-custom-gradient-picker__inserter { width: 100%; }
1750
-
1751
- .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; width: 20px; height: 20px; }
1752
-
1753
- .components-custom-gradient-picker__ui-line { display: flex; justify-content: space-between; }
1754
-
1755
- .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, .components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker { margin-bottom: 0; }
1756
-
1757
- .components-custom-gradient-picker .components-custom-gradient-picker__toolbar { border: none; }
1758
-
1759
- .components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { margin-left: 1px; }
1760
-
1761
- .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { background: #fff; border: 1px solid #7e8993; border-radius: 2px; }
1762
-
1763
- .components-custom-select-control { position: relative; }
1764
-
1765
- .components-custom-select-control__label { display: block; margin-bottom: 5px; }
1766
-
1767
- .components-custom-select-control__button { border: 1px solid #757575; border-radius: 2px; display: inline; min-height: 30px; min-width: 130px; position: relative; text-align: left; }
1768
-
1769
- .components-custom-select-control__button.components-custom-select-control__button { padding-right: 24px; }
1770
-
1771
- .components-custom-select-control__button:focus:not(:disabled) { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; }
1772
-
1773
- body.admin-color-sunrise .components-custom-select-control__button:focus:not(:disabled) { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
1774
-
1775
- body.admin-color-ocean .components-custom-select-control__button:focus:not(:disabled) { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
1776
-
1777
- body.admin-color-midnight .components-custom-select-control__button:focus:not(:disabled) { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
1778
-
1779
- body.admin-color-ectoplasm .components-custom-select-control__button:focus:not(:disabled) { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
1780
-
1781
- body.admin-color-coffee .components-custom-select-control__button:focus:not(:disabled) { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
1782
-
1783
- body.admin-color-blue .components-custom-select-control__button:focus:not(:disabled) { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
1784
-
1785
- body.admin-color-light .components-custom-select-control__button:focus:not(:disabled) { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
1786
-
1787
- .components-custom-select-control__button-icon { height: 100%; padding: 0 4px; position: absolute; right: 0; top: 0; }
1788
-
1789
- .components-custom-select-control__menu { background-color: #fff; max-height: 400px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 1000000; }
1790
-
1791
- .components-custom-select-control__menu:focus { border: 1px solid #1e1e1e; border-radius: 2px; outline: none; transition: none; }
1792
-
1793
- .components-custom-select-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 5px 10px 25px; cursor: default; }
1794
-
1795
- .components-custom-select-control__item.is-highlighted { background: #e2e4e7; }
1796
-
1797
- .components-custom-select-control__item-icon { margin-left: -20px; margin-right: 0; }
1798
-
1799
- svg.dashicon { fill: currentColor; outline: none; }
1800
-
1801
- /*rtl:begin:ignore*/
1802
- .PresetDateRangePicker_panel { padding: 0 22px 11px; }
1803
-
1804
- .PresetDateRangePicker_button { position: relative; height: 100%; text-align: center; background: 0 0; border: 2px solid #00a699; color: #00a699; padding: 4px 12px; margin-right: 8px; font: inherit; font-weight: 700; line-height: normal; overflow: visible; box-sizing: border-box; cursor: pointer; }
1805
-
1806
- .PresetDateRangePicker_button:active { outline: 0; }
1807
-
1808
- .PresetDateRangePicker_button__selected { color: #fff; background: #00a699; }
1809
-
1810
- .SingleDatePickerInput { display: inline-block; background-color: #fff; }
1811
-
1812
- .SingleDatePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; }
1813
-
1814
- .SingleDatePickerInput__rtl { direction: rtl; }
1815
-
1816
- .SingleDatePickerInput__disabled { background-color: #f2f2f2; }
1817
-
1818
- .SingleDatePickerInput__block { display: block; }
1819
-
1820
- .SingleDatePickerInput__showClearDate { padding-right: 30px; }
1821
-
1822
- .SingleDatePickerInput_clearDate { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
1823
-
1824
- .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover { background: #dbdbdb; border-radius: 50%; }
1825
-
1826
- .SingleDatePickerInput_clearDate__small { padding: 6px; }
1827
-
1828
- .SingleDatePickerInput_clearDate__hide { visibility: hidden; }
1829
-
1830
- .SingleDatePickerInput_clearDate_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; }
1831
-
1832
- .SingleDatePickerInput_clearDate_svg__small { height: 9px; }
1833
-
1834
- .SingleDatePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; }
1835
-
1836
- .SingleDatePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; }
1837
-
1838
- .SingleDatePicker { position: relative; display: inline-block; }
1839
-
1840
- .SingleDatePicker__block { display: block; }
1841
-
1842
- .SingleDatePicker_picker { z-index: 1; background-color: #fff; position: absolute; }
1843
-
1844
- .SingleDatePicker_picker__rtl { direction: rtl; }
1845
-
1846
- .SingleDatePicker_picker__directionLeft { left: 0; }
1847
-
1848
- .SingleDatePicker_picker__directionRight { right: 0; }
1849
-
1850
- .SingleDatePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
1851
-
1852
- .SingleDatePicker_picker__fullScreenPortal { background-color: #fff; }
1853
-
1854
- .SingleDatePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; }
1855
-
1856
- .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; }
1857
-
1858
- .SingleDatePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; }
1859
-
1860
- .DayPickerKeyboardShortcuts_buttonReset { background: 0 0; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; cursor: pointer; font-size: 14px; }
1861
-
1862
- .DayPickerKeyboardShortcuts_buttonReset:active { outline: 0; }
1863
-
1864
- .DayPickerKeyboardShortcuts_show { width: 22px; position: absolute; z-index: 2; }
1865
-
1866
- .DayPickerKeyboardShortcuts_show__bottomRight { border-top: 26px solid transparent; border-right: 33px solid #00a699; bottom: 0; right: 0; }
1867
-
1868
- .DayPickerKeyboardShortcuts_show__bottomRight:hover { border-right: 33px solid #008489; }
1869
-
1870
- .DayPickerKeyboardShortcuts_show__topRight { border-bottom: 26px solid transparent; border-right: 33px solid #00a699; top: 0; right: 0; }
1871
-
1872
- .DayPickerKeyboardShortcuts_show__topRight:hover { border-right: 33px solid #008489; }
1873
-
1874
- .DayPickerKeyboardShortcuts_show__topLeft { border-bottom: 26px solid transparent; border-left: 33px solid #00a699; top: 0; left: 0; }
1875
-
1876
- .DayPickerKeyboardShortcuts_show__topLeft:hover { border-left: 33px solid #008489; }
1877
-
1878
- .DayPickerKeyboardShortcuts_showSpan { color: #fff; position: absolute; }
1879
-
1880
- .DayPickerKeyboardShortcuts_showSpan__bottomRight { bottom: 0; right: -28px; }
1881
-
1882
- .DayPickerKeyboardShortcuts_showSpan__topRight { top: 1px; right: -28px; }
1883
-
1884
- .DayPickerKeyboardShortcuts_showSpan__topLeft { top: 1px; left: -28px; }
1885
-
1886
- .DayPickerKeyboardShortcuts_panel { overflow: auto; background: #fff; border: 1px solid #dbdbdb; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; padding: 22px; margin: 33px; }
1887
-
1888
- .DayPickerKeyboardShortcuts_title { font-size: 16px; font-weight: 700; margin: 0; }
1889
-
1890
- .DayPickerKeyboardShortcuts_list { list-style: none; padding: 0; font-size: 14px; }
1891
-
1892
- .DayPickerKeyboardShortcuts_close { position: absolute; right: 22px; top: 22px; z-index: 2; }
1893
-
1894
- .DayPickerKeyboardShortcuts_close:active { outline: 0; }
1895
-
1896
- .DayPickerKeyboardShortcuts_closeSvg { height: 15px; width: 15px; fill: #cacccd; }
1897
-
1898
- .DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover { fill: #82888a; }
1899
-
1900
- .CalendarDay { box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: center; }
1901
-
1902
- .CalendarDay:active { outline: 0; }
1903
-
1904
- .CalendarDay__defaultCursor { cursor: default; }
1905
-
1906
- .CalendarDay__default { border: 1px solid #e4e7e7; color: #484848; background: #fff; }
1907
-
1908
- .CalendarDay__default:hover { background: #e4e7e7; border: 1px double #e4e7e7; color: inherit; }
1909
-
1910
- .CalendarDay__hovered_offset { background: #f4f5f5; border: 1px double #e4e7e7; color: inherit; }
1911
-
1912
- .CalendarDay__outside { border: 0; background: #fff; color: #484848; }
1913
-
1914
- .CalendarDay__outside:hover { border: 0; }
1915
-
1916
- .CalendarDay__blocked_minimum_nights { background: #fff; border: 1px solid #eceeee; color: #cacccd; }
1917
-
1918
- .CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover { background: #fff; color: #cacccd; }
1919
-
1920
- .CalendarDay__highlighted_calendar { background: #ffe8bc; color: #484848; }
1921
-
1922
- .CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover { background: #ffce71; color: #484848; }
1923
-
1924
- .CalendarDay__selected_span { background: #66e2da; border: 1px solid #33dacd; color: #fff; }
1925
-
1926
- .CalendarDay__selected_span:active, .CalendarDay__selected_span:hover { background: #33dacd; border: 1px solid #33dacd; color: #fff; }
1927
-
1928
- .CalendarDay__last_in_range { border-right: #00a699; }
1929
-
1930
- .CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover { background: #00a699; border: 1px solid #00a699; color: #fff; }
1931
-
1932
- .CalendarDay__hovered_span, .CalendarDay__hovered_span:hover { background: #b2f1ec; border: 1px solid #80e8e0; color: #007a87; }
1933
-
1934
- .CalendarDay__hovered_span:active { background: #80e8e0; border: 1px solid #80e8e0; color: #007a87; }
1935
-
1936
- .CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover { background: #cacccd; border: 1px solid #cacccd; color: #82888a; }
1937
-
1938
- .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover { background: #fff; border: 1px solid #e4e7e7; color: #cacccd; }
1939
-
1940
- .CalendarMonth { background: #fff; text-align: center; vertical-align: top; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
1941
-
1942
- .CalendarMonth_table { border-collapse: collapse; border-spacing: 0; }
1943
-
1944
- .CalendarMonth_verticalSpacing { border-collapse: separate; }
1945
-
1946
- .CalendarMonth_caption { color: #484848; font-size: 18px; text-align: center; padding-top: 22px; padding-bottom: 37px; caption-side: initial; }
1947
-
1948
- .CalendarMonth_caption__verticalScrollable { padding-top: 12px; padding-bottom: 7px; }
1949
-
1950
- .CalendarMonthGrid { background: #fff; text-align: left; z-index: 0; }
1951
-
1952
- .CalendarMonthGrid__animating { z-index: 1; }
1953
-
1954
- .CalendarMonthGrid__horizontal { position: absolute; left: 9px; }
1955
-
1956
- .CalendarMonthGrid__vertical { margin: 0 auto; }
1957
-
1958
- .CalendarMonthGrid__vertical_scrollable { margin: 0 auto; overflow-y: scroll; }
1959
-
1960
- .CalendarMonthGrid_month__horizontal { display: inline-block; vertical-align: top; min-height: 100%; }
1961
-
1962
- .CalendarMonthGrid_month__hideForAnimation { position: absolute; z-index: -1; opacity: 0; pointer-events: none; }
1963
-
1964
- .CalendarMonthGrid_month__hidden { visibility: hidden; }
1965
-
1966
- .DayPickerNavigation { position: relative; z-index: 2; }
1967
-
1968
- .DayPickerNavigation__horizontal { height: 0; }
1969
-
1970
- .DayPickerNavigation__verticalDefault { position: absolute; width: 100%; height: 52px; bottom: 0; left: 0; }
1971
-
1972
- .DayPickerNavigation__verticalScrollableDefault { position: relative; }
1973
-
1974
- .DayPickerNavigation_button { cursor: pointer; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; border: 0; padding: 0; margin: 0; }
1975
-
1976
- .DayPickerNavigation_button__default { border: 1px solid #e4e7e7; background-color: #fff; color: #757575; }
1977
-
1978
- .DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover { border: 1px solid #c4c4c4; }
1979
-
1980
- .DayPickerNavigation_button__default:active { background: #f2f2f2; }
1981
-
1982
- .DayPickerNavigation_button__horizontalDefault { position: absolute; top: 18px; line-height: .78; border-radius: 3px; padding: 6px 9px; }
1983
-
1984
- .DayPickerNavigation_leftButton__horizontalDefault { left: 22px; }
1985
-
1986
- .DayPickerNavigation_rightButton__horizontalDefault { right: 22px; }
1987
-
1988
- .DayPickerNavigation_button__verticalDefault { padding: 5px; background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); position: relative; display: inline-block; height: 100%; width: 50%; }
1989
-
1990
- .DayPickerNavigation_nextButton__verticalDefault { border-left: 0; }
1991
-
1992
- .DayPickerNavigation_nextButton__verticalScrollableDefault { width: 100%; }
1993
-
1994
- .DayPickerNavigation_svg__horizontal { height: 19px; width: 19px; fill: #82888a; display: block; }
1995
-
1996
- .DayPickerNavigation_svg__vertical { height: 42px; width: 42px; fill: #484848; display: block; }
1997
-
1998
- .DayPicker { background: #fff; position: relative; text-align: left; }
1999
-
2000
- .DayPicker__horizontal { background: #fff; }
2001
-
2002
- .DayPicker__verticalScrollable { height: 100%; }
2003
-
2004
- .DayPicker__hidden { visibility: hidden; }
2005
-
2006
- .DayPicker__withBorder { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 3px; }
2007
-
2008
- .DayPicker_portal__horizontal { box-shadow: none; position: absolute; left: 50%; top: 50%; }
2009
-
2010
- .DayPicker_portal__vertical { position: initial; }
2011
-
2012
- .DayPicker_focusRegion { outline: 0; }
2013
-
2014
- .DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal { display: inline-block; vertical-align: top; }
2015
-
2016
- .DayPicker_weekHeaders { position: relative; }
2017
-
2018
- .DayPicker_weekHeaders__horizontal { margin-left: 9px; }
2019
-
2020
- .DayPicker_weekHeader { color: #757575; position: absolute; top: 62px; z-index: 2; text-align: left; }
2021
-
2022
- .DayPicker_weekHeader__vertical { left: 50%; }
2023
-
2024
- .DayPicker_weekHeader__verticalScrollable { top: 0; display: table-row; border-bottom: 1px solid #dbdbdb; background: #fff; margin-left: 0; left: 0; width: 100%; text-align: center; }
2025
-
2026
- .DayPicker_weekHeader_ul { list-style: none; margin: 1px 0; padding-left: 0; padding-right: 0; font-size: 14px; }
2027
-
2028
- .DayPicker_weekHeader_li { display: inline-block; text-align: center; }
2029
-
2030
- .DayPicker_transitionContainer { position: relative; overflow: hidden; border-radius: 3px; }
2031
-
2032
- .DayPicker_transitionContainer__horizontal { transition: height .2s ease-in-out; }
2033
-
2034
- .DayPicker_transitionContainer__vertical { width: 100%; }
2035
-
2036
- .DayPicker_transitionContainer__verticalScrollable { padding-top: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow-y: scroll; }
2037
-
2038
- .DateInput { margin: 0; padding: 0; background: #fff; position: relative; display: inline-block; width: 130px; vertical-align: middle; }
2039
-
2040
- .DateInput__small { width: 97px; }
2041
-
2042
- .DateInput__block { width: 100%; }
2043
-
2044
- .DateInput__disabled { background: #f2f2f2; color: #dbdbdb; }
2045
-
2046
- .DateInput_input { font-weight: 200; font-size: 19px; line-height: 24px; color: #484848; background-color: #fff; width: 100%; padding: 11px 11px 9px; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid transparent; border-left: 0; border-radius: 0; }
2047
-
2048
- .DateInput_input__small { font-size: 15px; line-height: 18px; letter-spacing: .2px; padding: 7px 7px 5px; }
2049
-
2050
- .DateInput_input__regular { font-weight: auto; }
2051
-
2052
- .DateInput_input__readOnly { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
2053
-
2054
- .DateInput_input__focused { outline: 0; background: #fff; border: 0; border-top: 0; border-right: 0; border-bottom: 2px solid #008489; border-left: 0; }
2055
-
2056
- .DateInput_input__disabled { background: #f2f2f2; font-style: italic; }
2057
-
2058
- .DateInput_screenReaderMessage { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
2059
-
2060
- .DateInput_fang { position: absolute; width: 20px; height: 10px; left: 22px; z-index: 2; }
2061
-
2062
- .DateInput_fangShape { fill: #fff; }
2063
-
2064
- .DateInput_fangStroke { stroke: #dbdbdb; fill: transparent; }
2065
-
2066
- .DateRangePickerInput { background-color: #fff; display: inline-block; }
2067
-
2068
- .DateRangePickerInput__disabled { background: #f2f2f2; }
2069
-
2070
- .DateRangePickerInput__withBorder { border-radius: 2px; border: 1px solid #dbdbdb; }
2071
-
2072
- .DateRangePickerInput__rtl { direction: rtl; }
2073
-
2074
- .DateRangePickerInput__block { display: block; }
2075
-
2076
- .DateRangePickerInput__showClearDates { padding-right: 30px; }
2077
-
2078
- .DateRangePickerInput_arrow { display: inline-block; vertical-align: middle; color: #484848; }
2079
-
2080
- .DateRangePickerInput_arrow_svg { vertical-align: middle; fill: #484848; height: 24px; width: 24px; }
2081
-
2082
- .DateRangePickerInput_clearDates { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0 10px 0 5px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
2083
-
2084
- .DateRangePickerInput_clearDates__small { padding: 6px; }
2085
-
2086
- .DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover { background: #dbdbdb; border-radius: 50%; }
2087
-
2088
- .DateRangePickerInput_clearDates__hide { visibility: hidden; }
2089
-
2090
- .DateRangePickerInput_clearDates_svg { fill: #82888a; height: 12px; width: 15px; vertical-align: middle; }
2091
-
2092
- .DateRangePickerInput_clearDates_svg__small { height: 9px; }
2093
-
2094
- .DateRangePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0 5px 0 10px; }
2095
-
2096
- .DateRangePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; width: 14px; vertical-align: middle; }
2097
-
2098
- .DateRangePicker { position: relative; display: inline-block; }
2099
-
2100
- .DateRangePicker__block { display: block; }
2101
-
2102
- .DateRangePicker_picker { z-index: 1; background-color: #fff; position: absolute; }
2103
-
2104
- .DateRangePicker_picker__rtl { direction: rtl; }
2105
-
2106
- .DateRangePicker_picker__directionLeft { left: 0; }
2107
-
2108
- .DateRangePicker_picker__directionRight { right: 0; }
2109
-
2110
- .DateRangePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
2111
-
2112
- .DateRangePicker_picker__fullScreenPortal { background-color: #fff; }
2113
-
2114
- .DateRangePicker_closeButton { background: 0 0; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2; }
2115
-
2116
- .DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover { color: #b0b3b4; text-decoration: none; }
2117
-
2118
- .DateRangePicker_closeButton_svg { height: 15px; width: 15px; fill: #cacccd; }
2119
-
2120
- /*rtl:end:ignore*/
2121
- .components-datetime { padding: 0; }
2122
-
2123
- .components-datetime .components-datetime__calendar-help { padding: 16px; }
2124
-
2125
- .components-datetime .components-datetime__calendar-help h4 { margin: 0; }
2126
-
2127
- .components-datetime .components-datetime__buttons { display: flex; justify-content: space-between; }
2128
-
2129
- .components-datetime .components-datetime__date-help-toggle { display: block; margin-left: auto; }
2130
-
2131
- .components-datetime fieldset { border: 0; padding: 0; margin: 0; }
2132
-
2133
- .components-datetime select, .components-datetime input { box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; }
2134
-
2135
- @media (prefers-reduced-motion: reduce) { .components-datetime select, .components-datetime input { transition-duration: 0s; } }
2136
-
2137
- .components-datetime select, .components-datetime input[type="number"], .components-datetime .components-button { height: 30px; margin-top: 0; margin-bottom: 0; }
2138
-
2139
- .components-datetime__date { min-height: 236px; border-top: 1px solid #e2e4e7; }
2140
-
2141
- .components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault { left: 0; }
2142
-
2143
- .components-datetime__date .CalendarMonth_caption { font-size: 13px; }
2144
-
2145
- .components-datetime__date .CalendarMonth_table { border-collapse: separate; border-spacing: 2px; }
2146
-
2147
- .components-datetime__date .CalendarDay { font-size: 13px; border: none; border-radius: 50%; text-align: center; }
2148
-
2149
- .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 2.5px #fff; outline: 2px solid transparent; }
2150
-
2151
- body.admin-color-sunrise .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 2.5px #fff; }
2152
-
2153
- body.admin-color-ocean .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 2.5px #fff; }
2154
-
2155
- body.admin-color-midnight .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 2.5px #fff; }
2156
-
2157
- body.admin-color-ectoplasm .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 2.5px #fff; }
2158
-
2159
- body.admin-color-coffee .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 2.5px #fff; }
2160
-
2161
- body.admin-color-blue .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #82b4cb, inset 0 0 0 2.5px #fff; }
2162
-
2163
- body.admin-color-light .components-datetime__date .CalendarDay:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 2.5px #fff; }
2164
-
2165
- .components-datetime__date .CalendarDay__selected { background: #0085ba; border: 2px solid transparent; }
2166
-
2167
- body.admin-color-sunrise .components-datetime__date .CalendarDay__selected { background: #d1864a; }
2168
-
2169
- body.admin-color-ocean .components-datetime__date .CalendarDay__selected { background: #a3b9a2; }
2170
-
2171
- body.admin-color-midnight .components-datetime__date .CalendarDay__selected { background: #e14d43; }
2172
-
2173
- body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected { background: #a7b656; }
2174
-
2175
- body.admin-color-coffee .components-datetime__date .CalendarDay__selected { background: #c2a68c; }
2176
-
2177
- body.admin-color-blue .components-datetime__date .CalendarDay__selected { background: #82b4cb; }
2178
-
2179
- body.admin-color-light .components-datetime__date .CalendarDay__selected { background: #0085ba; }
2180
-
2181
- .components-datetime__date .CalendarDay__selected:hover { background: #00719e; }
2182
-
2183
- body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover { background: #b2723f; }
2184
-
2185
- body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover { background: #8b9d8a; }
2186
-
2187
- body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover { background: #bf4139; }
2188
-
2189
- body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover { background: #8e9b49; }
2190
-
2191
- body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover { background: #a58d77; }
2192
-
2193
- body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover { background: #6f99ad; }
2194
-
2195
- body.admin-color-light .components-datetime__date .CalendarDay__selected:hover { background: #00719e; }
2196
-
2197
- .components-datetime__date .CalendarDay__selected:focus { box-shadow: inset 0 0 0 1px #fff; }
2198
-
2199
- .components-datetime__date .DayPickerNavigation_button__horizontalDefault { padding: 2px 8px; top: 20px; }
2200
-
2201
- .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2202
-
2203
- body.admin-color-sunrise .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2204
-
2205
- body.admin-color-ocean .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2206
-
2207
- body.admin-color-midnight .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2208
-
2209
- body.admin-color-ectoplasm .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2210
-
2211
- body.admin-color-coffee .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2212
-
2213
- body.admin-color-blue .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2214
-
2215
- body.admin-color-light .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2216
-
2217
- .components-datetime__date .DayPicker_weekHeader { top: 50px; }
2218
-
2219
- .components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul { margin: 1px 0; padding-left: 0; padding-right: 0; }
2220
-
2221
- .components-datetime__date.is-description-visible .DayPicker { visibility: hidden; }
2222
-
2223
- .components-datetime__time { padding-bottom: 16px; }
2224
-
2225
- .components-datetime__time fieldset { position: relative; margin-bottom: 0.5em; }
2226
-
2227
- .components-datetime__time fieldset + fieldset { margin-bottom: 0; }
2228
-
2229
- .components-datetime__time .components-datetime__time-field-am-pm fieldset { margin-top: 0; }
2230
-
2231
- .components-datetime__time .components-datetime__time-wrapper { display: flex; }
2232
-
2233
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { display: inline-block; padding: 0 3px 0 0; color: #555d66; }
2234
-
2235
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { /*rtl:ignore*/ direction: ltr; }
2236
-
2237
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { margin-right: 4px; }
2238
-
2239
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus { position: relative; z-index: 1; }
2240
-
2241
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] { padding: 2px; margin-right: 4px; text-align: center; -moz-appearance: textfield; }
2242
-
2243
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus { position: relative; z-index: 1; }
2244
-
2245
- .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
2246
-
2247
- .components-datetime__time.is-12-hour .components-datetime__time-field-day input { margin: -4px 0 0 !important; border-radius: 4px 0 0 4px !important; }
2248
-
2249
- .components-datetime__time.is-12-hour .components-datetime__time-field-year input { border-radius: 0 4px 4px 0 !important; }
2250
-
2251
- .components-datetime__time-legend { font-weight: 600; margin-top: 0.5em; }
2252
-
2253
- .components-datetime__time-legend.invisible { position: absolute; top: -999em; left: -999em; }
2254
-
2255
- .components-datetime__time-field-hours-input, .components-datetime__time-field-minutes-input, .components-datetime__time-field-day-input { width: 35px; }
2256
-
2257
- .components-datetime__time-field-year-input { width: 55px; }
2258
-
2259
- .components-datetime__time-field-month-select { max-width: 145px; }
2260
-
2261
- .components-popover .components-datetime__date { padding-left: 4px; }
2262
-
2263
- .block-editor-dimension-control .components-base-control__field { display: flex; align-items: center; }
2264
-
2265
- .block-editor-dimension-control .components-base-control__label { display: flex; align-items: center; margin-right: 1em; margin-bottom: 0; }
2266
-
2267
- .block-editor-dimension-control .components-base-control__label .dashicon { margin-right: 0.5em; }
2268
-
2269
- .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em; }
2270
-
2271
- .components-disabled { position: relative; pointer-events: none; }
2272
-
2273
- .components-disabled::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
2274
-
2275
- .components-disabled * { pointer-events: none; }
2276
-
2277
- body.is-dragging-components-draggable { cursor: move; /* Fallback for IE/Edge < 14 */ cursor: -webkit-grabbing !important; cursor: grabbing !important; }
2278
-
2279
- .components-draggable__invisible-drag-image { position: fixed; left: -1000px; height: 50px; width: 50px; }
2280
-
2281
- .components-draggable__clone { position: fixed; padding: 20px; background: transparent; pointer-events: none; z-index: 1000000000; opacity: 0.8; }
2282
-
2283
- .components-drop-zone { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; visibility: hidden; opacity: 0; transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; border: 2px solid #0071a1; border-radius: 2px; }
2284
-
2285
- @media (prefers-reduced-motion: reduce) { .components-drop-zone { transition-duration: 0s; } }
2286
-
2287
- .components-drop-zone.is-active { opacity: 1; visibility: visible; transition: 0.3s opacity, 0.3s background-color; }
2288
-
2289
- @media (prefers-reduced-motion: reduce) { .components-drop-zone.is-active { transition-duration: 0s; } }
2290
-
2291
- .components-drop-zone.is-dragging-over-element { background-color: rgba(0, 113, 161, 0.8); }
2292
-
2293
- .components-drop-zone__content { position: absolute; top: 50%; left: 0; right: 0; z-index: 50; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; transition: transform 0.2s ease-in-out; }
2294
-
2295
- @media (prefers-reduced-motion: reduce) { .components-drop-zone__content { transition-duration: 0s; } }
2296
-
2297
- .components-drop-zone.is-dragging-over-element .components-drop-zone__content { transform: translateY(-50%) scale(1.05); }
2298
-
2299
- .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; }
2300
-
2301
- .components-drop-zone__content-icon { margin: 0 auto; line-height: 0; fill: currentColor; }
2302
-
2303
- .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
2304
-
2305
- .components-drop-zone__provider { height: 100%; }
2306
-
2307
- .components-dropdown { display: inline-block; }
2308
-
2309
- .components-dropdown__content .components-popover__content { padding: 12px; }
2310
-
2311
- .components-dropdown-menu__popover .components-popover__content { width: 200px; }
2312
-
2313
- .components-dropdown-menu__menu { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; }
2314
-
2315
- .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { width: 100%; padding: 6px; outline: none; cursor: pointer; margin-bottom: 4px; }
2316
-
2317
- .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; position: relative; overflow: visible; }
2318
-
2319
- .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, .components-dropdown-menu__menu .components-menu-item.has-separator::before { display: block; content: ""; box-sizing: content-box; background-color: #e2e4e7; position: absolute; top: -3px; left: 0; right: 0; height: 1px; }
2320
-
2321
- .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; }
2322
-
2323
- .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, .components-dropdown-menu__menu .components-menu-item > svg { border-radius: 2px; width: 24px; height: 24px; }
2324
-
2325
- .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { min-height: 36px; height: auto; padding-left: 40px; text-align: left; }
2326
-
2327
- .components-dropdown-menu__menu .components-menu-item__button.has-icon, .components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon { padding-left: 8px; }
2328
-
2329
- .components-dropdown-menu__menu .components-menu-group { padding: 12px; margin-top: 0; margin-bottom: 0; margin-left: -12px; margin-right: -12px; }
2330
-
2331
- .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -12px; }
2332
-
2333
- .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -12px; }
2334
-
2335
- .components-dropdown-menu__menu .components-menu-group + .components-menu-group { margin-top: 0; border-top: 1px solid #ccc; padding: 12px; }
2336
-
2337
- .components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button { padding: 0 12px; }
2338
-
2339
- .components-external-link__icon { width: 1.4em; height: 1.4em; margin: -0.2em 0.1em 0; vertical-align: middle; fill: currentColor; }
2340
-
2341
- .components-focal-point-picker-wrapper { background-color: transparent; border: 1px solid #e2e4e7; height: 200px; width: 100%; padding: 14px; }
2342
-
2343
- .components-focal-point-picker { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; }
2344
-
2345
- .components-focal-point-picker img { height: auto; max-height: 100%; max-width: 100%; width: auto; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
2346
-
2347
- .components-focal-point-picker__icon_container { background-color: transparent; cursor: -webkit-grab; cursor: grab; height: 30px; opacity: 0.8; position: absolute; will-change: transform; width: 30px; z-index: 10000; }
2348
-
2349
- .components-focal-point-picker__icon_container.is-dragging { cursor: -webkit-grabbing; cursor: grabbing; }
2350
-
2351
- .components-focal-point-picker__icon { display: block; height: 100%; left: -15px; position: absolute; top: -15px; width: 100%; }
2352
-
2353
- .components-focal-point-picker__icon .components-focal-point-picker__icon-outline { fill: #fff; }
2354
-
2355
- .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #0085ba; }
2356
-
2357
- body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #d1864a; }
2358
-
2359
- body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #a3b9a2; }
2360
-
2361
- body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #e14d43; }
2362
-
2363
- body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #a7b656; }
2364
-
2365
- body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #c2a68c; }
2366
-
2367
- body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #82b4cb; }
2368
-
2369
- body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill { fill: #0085ba; }
2370
-
2371
- .components-focal-point-picker_position-display-container { margin: 1em 0; display: flex; }
2372
-
2373
- .components-focal-point-picker_position-display-container .components-base-control__field { margin: 0 1em 0 0; }
2374
-
2375
- .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { max-width: 4em; padding: 6px 4px; }
2376
-
2377
- .components-focal-point-picker_position-display-container span { margin: 0 0 0 0.2em; }
2378
-
2379
- .components-font-size-picker__controls { max-width: 248px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 24px; }
2380
-
2381
- .components-font-size-picker__controls .components-font-size-picker__number { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: inline-block; font-weight: 500; height: 30px; margin-bottom: 0; margin-left: 0; margin-right: 8px; margin-top: 5px; width: 54px; }
2382
-
2383
- @media (prefers-reduced-motion: reduce) { .components-font-size-picker__controls .components-font-size-picker__number { transition-duration: 0s; } }
2384
-
2385
- @media (min-width: 600px) { .components-font-size-picker__controls .components-font-size-picker__number { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
2386
-
2387
- .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2388
-
2389
- body.admin-color-sunrise .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2390
-
2391
- body.admin-color-ocean .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2392
-
2393
- body.admin-color-midnight .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2394
-
2395
- body.admin-color-ectoplasm .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2396
-
2397
- body.admin-color-coffee .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2398
-
2399
- body.admin-color-blue .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2400
-
2401
- body.admin-color-light .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2402
-
2403
- .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2404
-
2405
- .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
2406
-
2407
- .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2408
-
2409
- .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2410
-
2411
- .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
2412
-
2413
- .is-dark-theme .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2414
-
2415
- .components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { cursor: default; opacity: 0.3; pointer-events: none; }
2416
-
2417
- .components-font-size-picker__controls .components-font-size-picker__number-container { display: flex; flex-direction: column; }
2418
-
2419
- .components-font-size-picker__controls .components-font-size-picker__select { margin-right: 8px; }
2420
-
2421
- .components-font-size-picker__controls .components-color-palette__clear { height: 30px; margin-top: 23px; }
2422
-
2423
- .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { width: 30px; height: 30px; }
2424
-
2425
- .components-font-size-picker { border: 0; padding: 0; margin: 0; }
2426
-
2427
- .components-form-toggle { position: relative; display: inline-block; }
2428
-
2429
- .components-form-toggle .components-form-toggle__on, .components-form-toggle .components-form-toggle__off { position: absolute; top: 6px; box-sizing: border-box; }
2430
-
2431
- .components-form-toggle .components-form-toggle__off { color: #6c7781; fill: currentColor; right: 6px; }
2432
-
2433
- .components-form-toggle .components-form-toggle__on { left: 8px; }
2434
-
2435
- .components-form-toggle .components-form-toggle__track { content: ""; display: inline-block; box-sizing: border-box; vertical-align: top; background-color: #fff; border: 2px solid #6c7781; width: 36px; height: 18px; border-radius: 9px; transition: 0.2s background ease; }
2436
-
2437
- @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; } }
2438
-
2439
- .components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; transition: 0.1s transform ease; background-color: #6c7781; border: 5px solid #6c7781; }
2440
-
2441
- @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__thumb { transition-duration: 0s; } }
2442
-
2443
- .components-form-toggle:hover .components-form-toggle__track { border: 2px solid #555d66; }
2444
-
2445
- .components-form-toggle:hover .components-form-toggle__thumb { background-color: #555d66; border: 5px solid #6c7781; }
2446
-
2447
- .components-form-toggle:hover .components-form-toggle__off { color: #555d66; }
2448
-
2449
- .components-form-toggle.is-checked .components-form-toggle__track { background-color: #11a0d2; border: 2px solid #11a0d2; border: 9px solid transparent; }
2450
-
2451
- body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track { background-color: #c8b03c; border: 2px solid #c8b03c; }
2452
-
2453
- body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track { background-color: #a3b9a2; border: 2px solid #a3b9a2; }
2454
-
2455
- body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track { background-color: #77a6b9; border: 2px solid #77a6b9; }
2456
-
2457
- body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track { background-color: #a7b656; border: 2px solid #a7b656; }
2458
-
2459
- body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track { background-color: #c2a68c; border: 2px solid #c2a68c; }
2460
-
2461
- body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track { background-color: #82b4cb; border: 2px solid #82b4cb; }
2462
-
2463
- body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track { background-color: #11a0d2; border: 2px solid #11a0d2; }
2464
-
2465
- .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; outline: 2px solid transparent; outline-offset: 2px; }
2466
-
2467
- body.admin-color-sunrise .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #d1864a; }
2468
-
2469
- body.admin-color-ocean .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #a3b9a2; }
2470
-
2471
- body.admin-color-midnight .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #e14d43; }
2472
-
2473
- body.admin-color-ectoplasm .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #a7b656; }
2474
-
2475
- body.admin-color-coffee .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #c2a68c; }
2476
-
2477
- body.admin-color-blue .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #d9ab59; }
2478
-
2479
- body.admin-color-light .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #0085ba; }
2480
-
2481
- .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-width: 0; transform: translateX(18px); }
2482
-
2483
- .components-form-toggle.is-checked::before { background-color: #11a0d2; border: 2px solid #11a0d2; }
2484
-
2485
- body.admin-color-sunrise .components-form-toggle.is-checked::before { background-color: #c8b03c; border: 2px solid #c8b03c; }
2486
-
2487
- body.admin-color-ocean .components-form-toggle.is-checked::before { background-color: #a3b9a2; border: 2px solid #a3b9a2; }
2488
-
2489
- body.admin-color-midnight .components-form-toggle.is-checked::before { background-color: #77a6b9; border: 2px solid #77a6b9; }
2490
-
2491
- body.admin-color-ectoplasm .components-form-toggle.is-checked::before { background-color: #a7b656; border: 2px solid #a7b656; }
2492
-
2493
- body.admin-color-coffee .components-form-toggle.is-checked::before { background-color: #c2a68c; border: 2px solid #c2a68c; }
2494
-
2495
- body.admin-color-blue .components-form-toggle.is-checked::before { background-color: #82b4cb; border: 2px solid #82b4cb; }
2496
-
2497
- body.admin-color-light .components-form-toggle.is-checked::before { background-color: #11a0d2; border: 2px solid #11a0d2; }
2498
-
2499
- .components-disabled .components-form-toggle { opacity: 0.3; }
2500
-
2501
- .components-form-toggle input.components-form-toggle__input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; z-index: 1; border: none; }
2502
-
2503
- .components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked { background: none; }
2504
-
2505
- .components-form-toggle input.components-form-toggle__input[type="checkbox"]::before { content: ""; }
2506
-
2507
- .components-form-toggle .components-form-toggle__on { outline: 1px solid transparent; outline-offset: -1px; border: 1px solid #000; -webkit-filter: invert(100%) contrast(500%); filter: invert(100%) contrast(500%); }
2508
-
2509
- @supports (-ms-high-contrast-adjust: auto) { .components-form-toggle .components-form-toggle__on { -webkit-filter: none; filter: none; border: 1px solid #fff; } }
2510
-
2511
- .components-form-token-field__input-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 0 0 8px 0; padding: 4px; cursor: text; }
2512
-
2513
- @media (prefers-reduced-motion: reduce) { .components-form-token-field__input-container { transition-duration: 0s; } }
2514
-
2515
- @media (min-width: 600px) { .components-form-token-field__input-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
2516
-
2517
- .components-form-token-field__input-container:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2518
-
2519
- body.admin-color-sunrise .components-form-token-field__input-container:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2520
-
2521
- body.admin-color-ocean .components-form-token-field__input-container:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2522
-
2523
- body.admin-color-midnight .components-form-token-field__input-container:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2524
-
2525
- body.admin-color-ectoplasm .components-form-token-field__input-container:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2526
-
2527
- body.admin-color-coffee .components-form-token-field__input-container:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2528
-
2529
- body.admin-color-blue .components-form-token-field__input-container:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2530
-
2531
- body.admin-color-light .components-form-token-field__input-container:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2532
-
2533
- .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2534
-
2535
- .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
2536
-
2537
- .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2538
-
2539
- .is-dark-theme .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2540
-
2541
- .is-dark-theme .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
2542
-
2543
- .is-dark-theme .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2544
-
2545
- .components-form-token-field__input-container.is-disabled { background: #e2e4e7; border-color: #ccd0d4; }
2546
-
2547
- .components-form-token-field__input-container input[type="text"].components-form-token-field__input { display: inline-block; width: 100%; max-width: 100%; margin-left: 4px; padding: 0; min-height: 24px; background: inherit; border: 0; color: #23282d; box-shadow: none; }
2548
-
2549
- .components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input { outline: none; box-shadow: none; }
2550
-
2551
- .components-form-token-field__input-container .components-form-token-field__token + input[type="text"].components-form-token-field__input { width: auto; }
2552
-
2553
- .components-form-token-field__label { display: inline-block; margin-bottom: 4px; }
2554
-
2555
- .components-form-token-field__help { font-style: italic; }
2556
-
2557
- .components-form-token-field__token { font-size: 13px; display: flex; margin: 2px 4px 2px 0; color: #32373c; overflow: hidden; }
2558
-
2559
- .components-form-token-field__token.is-success .components-form-token-field__token-text, .components-form-token-field__token.is-success .components-form-token-field__remove-token { background: #4ab866; }
2560
-
2561
- .components-form-token-field__token.is-error .components-form-token-field__token-text, .components-form-token-field__token.is-error .components-form-token-field__remove-token { background: #d94f4f; }
2562
-
2563
- .components-form-token-field__token.is-validating .components-form-token-field__token-text, .components-form-token-field__token.is-validating .components-form-token-field__remove-token { color: #555d66; }
2564
-
2565
- .components-form-token-field__token.is-borderless { position: relative; padding: 0 16px 0 0; }
2566
-
2567
- .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: #11a0d2; }
2568
-
2569
- body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #c8b03c; }
2570
-
2571
- body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #a89d8a; }
2572
-
2573
- body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #77a6b9; }
2574
-
2575
- body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #c77430; }
2576
-
2577
- body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #9fa47b; }
2578
-
2579
- body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #d9ab59; }
2580
-
2581
- body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text { color: #c75726; }
2582
-
2583
- .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #555d66; position: absolute; top: 1px; right: 0; }
2584
-
2585
- .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { color: #4ab866; }
2586
-
2587
- .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { color: #d94f4f; border-radius: 4px 0 0 4px; padding: 0 4px 0 6px; }
2588
-
2589
- .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { color: #23282d; }
2590
-
2591
- .components-form-token-field__token.is-disabled .components-form-token-field__remove-token { cursor: default; }
2592
-
2593
- .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { display: inline-block; line-height: 24px; height: auto; background: #e2e4e7; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); }
2594
-
2595
- @media (prefers-reduced-motion: reduce) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition-duration: 0s; -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
2596
-
2597
- .components-form-token-field__token-text { border-radius: 12px 0 0 12px; padding: 0 4px 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
2598
-
2599
- .components-form-token-field__remove-token.components-button { cursor: pointer; border-radius: 0 12px 12px 0; padding: 0 2px; color: #555d66; line-height: 10px; overflow: initial; }
2600
-
2601
- .components-form-token-field__remove-token.components-button:hover { color: #32373c; }
2602
-
2603
- .components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 9em; overflow-y: scroll; transition: all 0.15s ease-in-out; list-style: none; border-top: 1px solid #6c7781; margin: 4px -4px -4px; padding-top: 3px; }
2604
-
2605
- @media (prefers-reduced-motion: reduce) { .components-form-token-field__suggestions-list { transition-duration: 0s; } }
2606
-
2607
- .components-form-token-field__suggestion { color: #555d66; display: block; font-size: 13px; padding: 4px 8px; cursor: pointer; }
2608
-
2609
- .components-form-token-field__suggestion.is-selected { background: #0071a1; color: #fff; }
2610
-
2611
- .components-form-token-field__suggestion-match { text-decoration: underline; }
2612
-
2613
- @media (min-width: 600px) { .components-guide { width: 600px; } }
2614
-
2615
- .components-guide .components-modal__header { background: none; border-bottom: none; width: 100%; padding: 0; margin: 0; }
2616
-
2617
- .components-guide .components-modal__header .components-button { align-self: flex-start; margin: 8px 8px 0 0; position: static; }
2618
-
2619
- .components-guide .components-modal__header .components-button:hover svg { fill: #fff; }
2620
-
2621
- .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -60px; min-height: 100%; }
2622
-
2623
- .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative; }
2624
-
2625
- @media (min-width: 600px) { .components-guide__page { min-height: 300px; } }
2626
-
2627
- .components-guide__footer { align-content: center; display: flex; height: 30px; justify-content: center; margin: 0 0 24px 0; padding: 0 32px; position: relative; width: 100%; }
2628
-
2629
- @media (max-width: 600px) { .components-guide__footer { position: absolute; bottom: 0; } }
2630
-
2631
- .components-guide__page-control { margin: 8px 0 8px 0; text-align: center; }
2632
-
2633
- .components-guide__page-control li { display: inline-block; }
2634
-
2635
- .components-guide__page-control .components-button { height: 30px; min-width: 20px; }
2636
-
2637
- .components-guide .components-modal__content { padding: 0; }
2638
-
2639
- .components-modal__frame.components-guide { border: none; min-width: 312px; height: 80vh; max-height: 575px; }
2640
-
2641
- @media (max-width: 600px) { .components-modal__frame.components-guide { bottom: 5%; left: 16px; right: 16px; top: 5%; margin: 0 auto; } }
2642
-
2643
- .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { height: 30px; position: absolute; }
2644
-
2645
- .components-button.components-guide__back-button, .components-button.components-guide__forward-button { font-size: 13px; padding: 4px 2px; }
2646
-
2647
- .components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { margin: 0; }
2648
-
2649
- .components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { text-decoration: underline; }
2650
-
2651
- .components-button.components-guide__back-button { left: 32px; }
2652
-
2653
- .components-button.components-guide__forward-button { right: 32px; color: #1386bf; font-weight: bold; }
2654
-
2655
- .components-button.components-guide__finish-button { right: 32px; }
2656
-
2657
- .components-button.components-guide__inline-finish-button { display: none; }
2658
-
2659
- .components-navigate-regions.is-focusing-regions [role="region"] { position: relative; }
2660
-
2661
- .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; outline: 4px solid transparent; box-shadow: inset 0 0 0 4px #33b3db; }
2662
-
2663
- @supports (outline-offset: 1px) { .components-navigate-regions.is-focusing-regions [role="region"]:focus::after { content: none; }
2664
- .components-navigate-regions.is-focusing-regions [role="region"]:focus { outline-style: solid; outline-color: #33b3db; outline-width: 4px; outline-offset: -4px; } }
2665
-
2666
- .components-menu-group + .components-menu-group { margin-top: 8px; padding-top: 8px; border-top: 1px solid #1e1e1e; }
2667
-
2668
- .components-menu-group__label { margin-bottom: 8px; color: #757575; padding: 0; }
2669
-
2670
- .components-menu-item__button, .components-menu-item__button.components-button { width: 100%; }
2671
-
2672
- .components-menu-item__button .dashicon, .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button svg.components-menu-items__item-icon, .components-menu-item__button > span > svg, .components-menu-item__button.components-button .dashicon, .components-menu-item__button.components-button .components-menu-items__item-icon, .components-menu-item__button.components-button svg.components-menu-items__item-icon, .components-menu-item__button.components-button > span > svg { margin-right: 8px; }
2673
-
2674
- .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon { display: inline-block; flex: 0 0 auto; }
2675
-
2676
- .components-menu-item__info-wrapper { display: flex; flex-direction: column; }
2677
-
2678
- .components-menu-item__info { margin-top: 4px; font-size: 12px; color: #757575; }
2679
-
2680
- .components-menu-item__shortcut { -ms-grid-row-align: center; align-self: center; margin-right: 0; margin-left: auto; padding-left: 12px; color: currentColor; display: none; }
2681
-
2682
- @media (min-width: 480px) { .components-menu-item__shortcut { display: inline; } }
2683
-
2684
- .components-menu-items-choice, .components-menu-items-choice.components-button { padding-left: 40px; }
2685
-
2686
- .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 8px; }
2687
-
2688
- .components-menu-items-choice.has-icon, .components-menu-items-choice.components-button.has-icon { padding-left: 8px; }
2689
-
2690
- .components-modal__screen-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100000; -webkit-animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation: edit-post__fade-in-animation 0.2s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
2691
-
2692
- @media (prefers-reduced-motion: reduce) { .components-modal__screen-overlay { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
2693
-
2694
- .components-modal__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; margin: 0; border: 1px solid #e2e4e7; background: #fff; box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); overflow: auto; }
2695
-
2696
- @media (min-width: 600px) { .components-modal__frame { top: 50%; right: auto; bottom: auto; left: 50%; min-width: 360px; max-width: calc(100% - 16px - 16px); max-height: calc(100% - 60px - 60px); transform: translate(-50%, -50%); -webkit-animation: components-modal__appear-animation 0.1s ease-out; animation: components-modal__appear-animation 0.1s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } }
2697
-
2698
- @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .components-modal__frame { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
2699
-
2700
- @-webkit-keyframes components-modal__appear-animation { from { margin-top: 32px; }
2701
- to { margin-top: 0; } }
2702
-
2703
- @keyframes components-modal__appear-animation { from { margin-top: 32px; }
2704
- to { margin-top: 0; } }
2705
-
2706
- .components-modal__header { box-sizing: border-box; border-bottom: 1px solid #e2e4e7; padding: 0 24px; display: flex; flex-direction: row; justify-content: space-between; background: #fff; align-items: center; height: 60px; z-index: 10; position: relative; position: -webkit-sticky; position: sticky; top: 0; margin: 0 -24px 24px; }
2707
-
2708
- @supports (-ms-ime-align: auto) { .components-modal__header { position: fixed; width: 100%; } }
2709
-
2710
- .components-modal__header .components-modal__header-heading { font-size: 1rem; font-weight: 600; }
2711
-
2712
- .components-modal__header h1 { line-height: 1; margin: 0; }
2713
-
2714
- .components-modal__header .components-button { position: relative; left: 8px; }
2715
-
2716
- .components-modal__header-heading-container { align-items: center; flex-grow: 1; display: flex; flex-direction: row; justify-content: left; }
2717
-
2718
- .components-modal__header-icon-container { display: inline-block; }
2719
-
2720
- .components-modal__header-icon-container svg { max-width: 36px; max-height: 36px; padding: 8px; }
2721
-
2722
- .components-modal__content { box-sizing: border-box; height: 100%; padding: 0 24px 24px; }
2723
-
2724
- @supports (-ms-ime-align: auto) { .components-modal__content { padding-top: 60px; } }
2725
-
2726
- .components-notice { display: flex; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #e5f5fa; border-left: 4px solid #00a0d2; margin: 5px 15px 2px; padding: 8px 12px; align-items: center; }
2727
-
2728
- .components-notice.is-dismissible { padding-right: 36px; position: relative; }
2729
-
2730
- .components-notice.is-success { border-left-color: #4ab866; background-color: #eff9f1; }
2731
-
2732
- .components-notice.is-warning { border-left-color: #f0b849; background-color: #fef8ee; }
2733
-
2734
- .components-notice.is-error { border-left-color: #d94f4f; background-color: #f9e2e2; }
2735
-
2736
- .components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0; }
2737
-
2738
- .components-notice__action.components-button, .components-notice__action.components-button.is-link { margin-left: 12px; }
2739
-
2740
- .components-notice__action.components-button.is-secondary { vertical-align: initial; }
2741
-
2742
- .components-notice__dismiss { color: #6c7781; align-self: flex-start; flex-shrink: 0; }
2743
-
2744
- .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus { color: #191e23; background-color: transparent; }
2745
-
2746
- .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { box-shadow: none; }
2747
-
2748
- .components-notice-list { max-width: 100vw; box-sizing: border-box; z-index: 29; }
2749
-
2750
- .components-notice-list .components-notice__content { margin-top: 12px; margin-bottom: 12px; line-height: 2; }
2751
-
2752
- .components-notice-list .components-notice__action.components-button { display: block; margin-left: 0; margin-top: 8px; }
2753
-
2754
- .components-panel { background: #fff; border: 1px solid #e2e4e7; }
2755
-
2756
- .components-panel > .components-panel__header:first-child, .components-panel > .components-panel__body:first-child { margin-top: -1px; }
2757
-
2758
- .components-panel > .components-panel__header:last-child, .components-panel > .components-panel__body:last-child { border-bottom-width: 0; }
2759
-
2760
- .components-panel + .components-panel { margin-top: -1px; }
2761
-
2762
- .components-panel__body { border-top: 1px solid #e2e4e7; border-bottom: 1px solid #e2e4e7; }
2763
-
2764
- .components-panel__body h3 { margin: 0 0 0.5em; }
2765
-
2766
- .components-panel__body.is-opened { padding: 16px; }
2767
-
2768
- .components-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; height: 50px; border-top: 1px solid #e2e4e7; border-bottom: 1px solid #e2e4e7; }
2769
-
2770
- .components-panel__header h2 { margin: 0; font-size: inherit; color: inherit; }
2771
-
2772
- .components-panel__body + .components-panel__body, .components-panel__body + .components-panel__header, .components-panel__header + .components-panel__body, .components-panel__header + .components-panel__header { margin-top: -1px; }
2773
-
2774
- .components-panel__body > .components-panel__body-title { display: block; padding: 0; font-size: inherit; margin-top: 0; margin-bottom: 0; transition: 0.1s background ease-in-out; }
2775
-
2776
- @media (prefers-reduced-motion: reduce) { .components-panel__body > .components-panel__body-title { transition-duration: 0s; } }
2777
-
2778
- .components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; }
2779
-
2780
- .components-panel__body > .components-panel__body-title:hover { background: #f3f4f5; border: none; }
2781
-
2782
- .components-panel__body-toggle.components-button { position: relative; padding: 15px; outline: none; width: 100%; font-weight: 600; text-align: left; color: #191e23; border: none; box-shadow: none; transition: 0.1s background ease-in-out; height: auto; /* rtl:begin:ignore */ /* rtl:end:ignore */ }
2783
-
2784
- @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button { transition-duration: 0s; } }
2785
-
2786
- .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #007cba; border-radius: 0; }
2787
-
2788
- body.admin-color-sunrise .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
2789
-
2790
- body.admin-color-ocean .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
2791
-
2792
- body.admin-color-midnight .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
2793
-
2794
- body.admin-color-ectoplasm .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
2795
-
2796
- body.admin-color-coffee .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
2797
-
2798
- body.admin-color-blue .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
2799
-
2800
- body.admin-color-light .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
2801
-
2802
- .components-panel__body-toggle.components-button .components-panel__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #191e23; fill: currentColor; transition: 0.1s color ease-in-out; }
2803
-
2804
- @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-duration: 0s; } }
2805
-
2806
- body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; -webkit-filter: FlipH; filter: FlipH; margin-top: -10px; }
2807
-
2808
- .components-panel__icon { color: #555d66; margin: -2px 0 -2px 6px; }
2809
-
2810
- .components-panel__body-toggle-icon { margin-right: -5px; }
2811
-
2812
- .components-panel__color-title { float: left; height: 19px; }
2813
-
2814
- .components-panel__row { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
2815
-
2816
- .components-panel__row select { min-width: 0; }
2817
-
2818
- .components-panel__row label { margin-right: 10px; flex-shrink: 0; max-width: 75%; }
2819
-
2820
- .components-panel__row:empty, .components-panel__row:first-of-type { margin-top: 0; }
2821
-
2822
- .components-panel .circle-picker { padding-bottom: 20px; }
2823
-
2824
- .components-placeholder.components-placeholder { position: relative; padding: 1em; min-height: 200px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; outline: 1px solid transparent; }
2825
-
2826
- @supports ((position: -webkit-sticky) or (position: sticky)) { .components-placeholder.components-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } }
2827
-
2828
- .components-placeholder.components-placeholder .components-base-control__label { font-size: 13px; }
2829
-
2830
- .components-placeholder__error, .components-placeholder__instructions, .components-placeholder__label, .components-placeholder__fieldset { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
2831
-
2832
- .components-placeholder__label { display: flex; font-weight: 600; margin-bottom: 16px; align-items: center; }
2833
-
2834
- .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { fill: currentColor; margin-right: 1ch; }
2835
-
2836
- .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; z-index: 1; }
2837
-
2838
- .components-placeholder__fieldset p, .components-placeholder__fieldset form p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }
2839
-
2840
- .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; }
2841
-
2842
- .components-placeholder__input[type="url"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin: 0 8px 0 0; flex: 1 1 auto; }
2843
-
2844
- @media (prefers-reduced-motion: reduce) { .components-placeholder__input[type="url"] { transition-duration: 0s; } }
2845
-
2846
- @media (min-width: 600px) { .components-placeholder__input[type="url"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
2847
-
2848
- .components-placeholder__input[type="url"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
2849
-
2850
- body.admin-color-sunrise .components-placeholder__input[type="url"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
2851
-
2852
- body.admin-color-ocean .components-placeholder__input[type="url"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
2853
-
2854
- body.admin-color-midnight .components-placeholder__input[type="url"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
2855
-
2856
- body.admin-color-ectoplasm .components-placeholder__input[type="url"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
2857
-
2858
- body.admin-color-coffee .components-placeholder__input[type="url"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
2859
-
2860
- body.admin-color-blue .components-placeholder__input[type="url"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
2861
-
2862
- body.admin-color-light .components-placeholder__input[type="url"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
2863
-
2864
- .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2865
-
2866
- .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
2867
-
2868
- .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
2869
-
2870
- .is-dark-theme .components-placeholder__input[type="url"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2871
-
2872
- .is-dark-theme .components-placeholder__input[type="url"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
2873
-
2874
- .is-dark-theme .components-placeholder__input[type="url"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
2875
-
2876
- .components-placeholder__instructions { margin-bottom: 1em; }
2877
-
2878
- .components-placeholder__error { margin-top: 1em; width: 100%; }
2879
-
2880
- .components-placeholder__preview img { margin: 3%; width: 50%; }
2881
-
2882
- .components-placeholder__fieldset .components-button { margin-right: 12px; margin-bottom: 12px; }
2883
-
2884
- .components-placeholder__fieldset .components-button:last-child { margin-bottom: 0; margin-right: 0; }
2885
-
2886
- .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { margin-left: 10px; margin-right: 10px; }
2887
-
2888
- .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { margin-right: 0; }
2889
-
2890
- .components-placeholder.is-large .components-placeholder__label { font-size: 18pt; font-weight: normal; }
2891
-
2892
- .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { display: none; }
2893
-
2894
- .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 { flex-direction: column; }
2895
-
2896
- .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { margin-right: auto; }
2897
-
2898
- .components-placeholder.is-small .components-button { padding: 0 8px 2px; }
2899
-
2900
- /*!rtl:begin:ignore*/
2901
- .components-popover { position: fixed; z-index: 1000000; top: 0; left: 0; opacity: 0; }
2902
-
2903
- .components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] { opacity: 1; }
2904
-
2905
- .components-popover.is-expanded { top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; }
2906
-
2907
- .components-popover:not(.is-without-arrow) { margin-left: 2px; }
2908
-
2909
- .components-popover:not(.is-without-arrow)::before { border: 8px solid #1e1e1e; }
2910
-
2911
- .components-popover:not(.is-without-arrow)::after { border: 8px solid #fff; }
2912
-
2913
- .components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after { content: ""; position: absolute; height: 0; width: 0; line-height: 0; }
2914
-
2915
- .components-popover:not(.is-without-arrow)[data-y-axis="top"] { margin-top: -8px; }
2916
-
2917
- .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before { bottom: -8px; }
2918
-
2919
- .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { bottom: -6px; }
2920
-
2921
- .components-popover:not(.is-without-arrow)[data-y-axis="top"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="top"]::after { border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-style: solid; margin-left: -10px; }
2922
-
2923
- .components-popover:not(.is-without-arrow)[data-y-axis="bottom"] { margin-top: 8px; }
2924
-
2925
- .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before { top: -8px; }
2926
-
2927
- .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { top: -6px; }
2928
-
2929
- .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="bottom"]::after { border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; border-top: none; margin-left: -10px; }
2930
-
2931
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"] { margin-left: -8px; }
2932
-
2933
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before { right: -8px; }
2934
-
2935
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { right: -6px; }
2936
-
2937
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]::after { border-bottom-color: transparent; border-left-style: solid; border-right: none; border-top-color: transparent; }
2938
-
2939
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"] { margin-left: 8px; }
2940
-
2941
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before { left: -8px; }
2942
-
2943
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { left: -6px; }
2944
-
2945
- .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::before, .components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]::after { border-bottom-color: transparent; border-left: none; border-right-style: solid; border-top-color: transparent; }
2946
-
2947
- .components-popover[data-y-axis="top"] { bottom: 100%; }
2948
-
2949
- .components-popover[data-y-axis="bottom"] { top: 100%; }
2950
-
2951
- .components-popover[data-y-axis="middle"] { align-items: center; display: flex; }
2952
-
2953
- .components-popover.is-from-top { margin-top: 12px; }
2954
-
2955
- .components-popover.is-from-bottom { margin-top: -12px; }
2956
-
2957
- .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) { margin-left: 12px; }
2958
-
2959
- .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) { margin-right: 12px; }
2960
-
2961
- .components-popover__content { height: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border-radius: 2px; }
2962
-
2963
- .is-alternate .components-popover__content { border: 1px solid #1e1e1e; box-shadow: none; }
2964
-
2965
- .components-popover .components-popover__content { position: absolute; height: auto; overflow-y: auto; min-width: 260px; }
2966
-
2967
- .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 50px); overflow-y: visible; min-width: auto; border: none; border-top: 1px solid #1e1e1e; }
2968
-
2969
- .components-popover[data-y-axis="top"] .components-popover__content { bottom: 100%; }
2970
-
2971
- .components-popover[data-x-axis="center"] .components-popover__content { left: 50%; transform: translateX(-50%); }
2972
-
2973
- .components-popover[data-x-axis="right"] .components-popover__content { position: absolute; left: 100%; }
2974
-
2975
- .components-popover:not([data-y-axis="middle"])[data-x-axis="right"] .components-popover__content { margin-left: -24px; }
2976
-
2977
- .components-popover[data-x-axis="left"] .components-popover__content { position: absolute; right: 100%; }
2978
-
2979
- .components-popover:not([data-y-axis="middle"])[data-x-axis="left"] .components-popover__content { margin-right: -24px; }
2980
-
2981
- .components-popover__content > div { height: 100%; }
2982
-
2983
- .components-popover__header { align-items: center; background: #fff; display: flex; height: 50px; justify-content: space-between; padding: 0 8px 0 16px; }
2984
-
2985
- .components-popover__header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
2986
-
2987
- .components-popover__close.components-button { z-index: 5; }
2988
-
2989
- /*!rtl:end:ignore*/
2990
- .components-radio-control { display: flex; flex-direction: column; }
2991
-
2992
- .components-radio-control .components-base-control__help { margin-top: 0; }
2993
-
2994
- .components-radio-control .components-base-control__field { margin-bottom: 0; }
2995
-
2996
- .components-radio-control__option:not(:last-child) { margin-bottom: 4px; }
2997
-
2998
- .components-radio-control__input[type="radio"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 2px solid #757575; margin-right: 12px; transition: none; border-radius: 50%; margin-top: 0; margin-right: 6px; }
2999
-
3000
- @media (prefers-reduced-motion: reduce) { .components-radio-control__input[type="radio"] { transition-duration: 0s; } }
3001
-
3002
- @media (min-width: 600px) { .components-radio-control__input[type="radio"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
3003
-
3004
- .components-radio-control__input[type="radio"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
3005
-
3006
- body.admin-color-sunrise .components-radio-control__input[type="radio"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
3007
-
3008
- body.admin-color-ocean .components-radio-control__input[type="radio"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
3009
-
3010
- body.admin-color-midnight .components-radio-control__input[type="radio"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
3011
-
3012
- body.admin-color-ectoplasm .components-radio-control__input[type="radio"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
3013
-
3014
- body.admin-color-coffee .components-radio-control__input[type="radio"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
3015
-
3016
- body.admin-color-blue .components-radio-control__input[type="radio"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
3017
-
3018
- body.admin-color-light .components-radio-control__input[type="radio"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
3019
-
3020
- .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3021
-
3022
- .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
3023
-
3024
- .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3025
-
3026
- .is-dark-theme .components-radio-control__input[type="radio"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3027
-
3028
- .is-dark-theme .components-radio-control__input[type="radio"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
3029
-
3030
- .is-dark-theme .components-radio-control__input[type="radio"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3031
-
3032
- .components-radio-control__input[type="radio"]:checked::before { width: 6px; height: 6px; margin: 6px 0 0 6px; background-color: #fff; }
3033
-
3034
- @media (min-width: 782px) { .components-radio-control__input[type="radio"]:checked::before { margin: 3px 0 0 3px; } }
3035
-
3036
- .components-radio-control__input[type="radio"]:focus { border-color: #757575; box-shadow: 0 0 0 1px #757575; }
3037
-
3038
- .components-radio-control__input[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
3039
-
3040
- body.admin-color-sunrise .components-radio-control__input[type="radio"]:checked { background: #c8b03c; border-color: #c8b03c; }
3041
-
3042
- body.admin-color-ocean .components-radio-control__input[type="radio"]:checked { background: #a3b9a2; border-color: #a3b9a2; }
3043
-
3044
- body.admin-color-midnight .components-radio-control__input[type="radio"]:checked { background: #77a6b9; border-color: #77a6b9; }
3045
-
3046
- body.admin-color-ectoplasm .components-radio-control__input[type="radio"]:checked { background: #a7b656; border-color: #a7b656; }
3047
-
3048
- body.admin-color-coffee .components-radio-control__input[type="radio"]:checked { background: #c2a68c; border-color: #c2a68c; }
3049
-
3050
- body.admin-color-blue .components-radio-control__input[type="radio"]:checked { background: #82b4cb; border-color: #82b4cb; }
3051
-
3052
- body.admin-color-light .components-radio-control__input[type="radio"]:checked { background: #11a0d2; border-color: #11a0d2; }
3053
-
3054
- .components-radio-control__input[type="radio"]:checked:focus { box-shadow: 0 0 0 1.5px #757575; }
3055
-
3056
- .components-resizable-box__handle { display: none; width: 23px; height: 23px; }
3057
-
3058
- .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; }
3059
-
3060
- .components-resizable-box__handle::after { display: block; content: ""; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; background: #0085ba; cursor: inherit; position: absolute; top: calc(50% - 8px); right: calc(50% - 8px); }
3061
-
3062
- body.admin-color-sunrise .components-resizable-box__handle::after { background: #d1864a; }
3063
-
3064
- body.admin-color-ocean .components-resizable-box__handle::after { background: #a3b9a2; }
3065
-
3066
- body.admin-color-midnight .components-resizable-box__handle::after { background: #e14d43; }
3067
-
3068
- body.admin-color-ectoplasm .components-resizable-box__handle::after { background: #a7b656; }
3069
-
3070
- body.admin-color-coffee .components-resizable-box__handle::after { background: #c2a68c; }
3071
-
3072
- body.admin-color-blue .components-resizable-box__handle::after { background: #82b4cb; }
3073
-
3074
- body.admin-color-light .components-resizable-box__handle::after { background: #0085ba; }
3075
-
3076
- .components-resizable-box__side-handle::before { display: block; content: ""; width: 7px; height: 7px; border: 2px solid #fff; background: #0085ba; cursor: inherit; position: absolute; top: calc(50% - 4px); right: calc(50% - 4px); transition: transform 0.1s ease-in; opacity: 0; }
3077
-
3078
- body.admin-color-sunrise .components-resizable-box__side-handle::before { background: #d1864a; }
3079
-
3080
- body.admin-color-ocean .components-resizable-box__side-handle::before { background: #a3b9a2; }
3081
-
3082
- body.admin-color-midnight .components-resizable-box__side-handle::before { background: #e14d43; }
3083
-
3084
- body.admin-color-ectoplasm .components-resizable-box__side-handle::before { background: #a7b656; }
3085
-
3086
- body.admin-color-coffee .components-resizable-box__side-handle::before { background: #c2a68c; }
3087
-
3088
- body.admin-color-blue .components-resizable-box__side-handle::before { background: #82b4cb; }
3089
-
3090
- body.admin-color-light .components-resizable-box__side-handle::before { background: #0085ba; }
3091
-
3092
- @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle::before { transition-duration: 0s; } }
3093
-
3094
- .is-dark-theme .components-resizable-box__side-handle::before, .is-dark-theme .components-resizable-box__handle::after { border-color: #d7dade; }
3095
-
3096
- .components-resizable-box__handle { z-index: 2; }
3097
-
3098
- .components-resizable-box__side-handle { z-index: 2; }
3099
-
3100
- .components-resizable-box__corner-handle { z-index: 2; }
3101
-
3102
- .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-top::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { width: 100%; left: 0; border-left: 0; border-right: 0; }
3103
-
3104
- .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-left::before, .components-resizable-box__side-handle.components-resizable-box__handle-right::before { height: 100%; top: 0; border-top: 0; border-bottom: 0; }
3105
-
3106
- .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { -webkit-animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3107
-
3108
- @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::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-bottom:active::before { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3109
-
3110
- .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { -webkit-animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3111
-
3112
- @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3113
-
3114
- @-webkit-keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0);
3115
- opacity: 0; }
3116
- to { transform: scaleX(1);
3117
- opacity: 1; } }
3118
-
3119
- @keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0);
3120
- opacity: 0; }
3121
- to { transform: scaleX(1);
3122
- opacity: 1; } }
3123
-
3124
- @-webkit-keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0);
3125
- opacity: 0; }
3126
- to { transform: scaleY(1);
3127
- opacity: 1; } }
3128
-
3129
- @keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0);
3130
- opacity: 0; }
3131
- to { transform: scaleY(1);
3132
- opacity: 1; } }
3133
-
3134
- /*!rtl:begin:ignore*/
3135
- .components-resizable-box__handle-right { right: calc(11.5px * -1); }
3136
-
3137
- .components-resizable-box__handle-left { left: calc(11.5px * -1); }
3138
-
3139
- .components-resizable-box__handle-top { top: calc(11.5px * -1); }
3140
-
3141
- .components-resizable-box__handle-bottom { bottom: calc(11.5px * -1); }
3142
-
3143
- /*!rtl:end:ignore*/
3144
- .components-responsive-wrapper { position: relative; max-width: 100%; }
3145
-
3146
- .components-responsive-wrapper, .components-responsive-wrapper > span { display: block; }
3147
-
3148
- .components-responsive-wrapper__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; }
3149
-
3150
- .components-sandbox { overflow: hidden; }
3151
-
3152
- iframe.components-sandbox { width: 100%; }
3153
-
3154
- html.lockscroll, body.lockscroll { overflow: hidden; }
3155
-
3156
- .components-select-control__input { background: #fff; height: 36px; line-height: 36px; margin: 1px; outline: 0; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
3157
-
3158
- @media (min-width: 782px) { .components-select-control__input { height: 28px; line-height: 28px; } }
3159
-
3160
- @media (max-width: 782px) { .components-base-control .components-base-control__field .components-select-control__input { font-size: 16px; } }
3161
-
3162
- .components-snackbar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #32373c; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); color: #fff; padding: 16px 24px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; }
3163
-
3164
- @media (min-width: 600px) { .components-snackbar { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }
3165
-
3166
- .components-snackbar:hover { background-color: #191e23; }
3167
-
3168
- .components-snackbar:focus { background-color: #191e23; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
3169
-
3170
- body.admin-color-sunrise .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a; }
3171
-
3172
- body.admin-color-ocean .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2; }
3173
-
3174
- body.admin-color-midnight .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43; }
3175
-
3176
- body.admin-color-ectoplasm .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656; }
3177
-
3178
- body.admin-color-coffee .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c; }
3179
-
3180
- body.admin-color-blue .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59; }
3181
-
3182
- body.admin-color-light .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba; }
3183
-
3184
- .components-snackbar__action.components-button { margin-left: 32px; color: #fff; height: auto; flex-shrink: 0; line-height: 1.4; padding: 0; }
3185
-
3186
- .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) { text-decoration: underline; background-color: transparent; }
3187
-
3188
- .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus { color: #fff; box-shadow: none; outline: 1px dotted #fff; }
3189
-
3190
- .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { color: #33b3db; }
3191
-
3192
- .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; }
3193
-
3194
- .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; }
3195
-
3196
- .components-snackbar-list__notice-container { position: relative; padding-top: 8px; }
3197
-
3198
- .components-spinner { display: inline-block; background-color: #7e8993; width: 18px; height: 18px; opacity: 0.7; margin: 5px 11px 0; border-radius: 100%; position: relative; }
3199
-
3200
- .components-spinner::before { /* rtl:begin:ignore */ content: ""; position: absolute; background-color: #fff; top: 3px; left: 3px; width: 4px; height: 4px; border-radius: 100%; transform-origin: 6px 6px; -webkit-animation: components-spinner__animation 1s infinite linear; animation: components-spinner__animation 1s infinite linear; /* rtl:end:ignore */ }
3201
-
3202
- @-webkit-keyframes components-spinner__animation { from { transform: rotate(0deg); }
3203
- to { transform: rotate(360deg); } }
3204
-
3205
- @keyframes components-spinner__animation { from { transform: rotate(0deg); }
3206
- to { transform: rotate(360deg); } }
3207
-
3208
- .components-tab-panel__tabs { display: flex; align-items: stretch; }
3209
-
3210
- .components-tab-panel__tabs-item { background: transparent; border: none; box-shadow: none; border-radius: 0; cursor: pointer; height: 48px; padding: 3px 16px; margin-left: 0; font-weight: 500; transition: box-shadow 0.1s linear; box-sizing: border-box; }
3211
-
3212
- .components-tab-panel__tabs-item::after { content: attr(data-label); display: block; height: 0; overflow: hidden; speak: none; visibility: hidden; }
3213
-
3214
- .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #007cba; }
3215
-
3216
- body.admin-color-sunrise .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #d1864a; }
3217
-
3218
- body.admin-color-ocean .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #a3b9a2; }
3219
-
3220
- body.admin-color-midnight .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #e14d43; }
3221
-
3222
- body.admin-color-ectoplasm .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #a7b656; }
3223
-
3224
- body.admin-color-coffee .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #c2a68c; }
3225
-
3226
- body.admin-color-blue .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #d9ab59; }
3227
-
3228
- body.admin-color-light .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 1.5px #0085ba; }
3229
-
3230
- .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; position: relative; }
3231
-
3232
- body.admin-color-sunrise .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d1864a; }
3233
-
3234
- body.admin-color-ocean .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a3b9a2; }
3235
-
3236
- body.admin-color-midnight .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #e14d43; }
3237
-
3238
- body.admin-color-ectoplasm .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #a7b656; }
3239
-
3240
- body.admin-color-coffee .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #c2a68c; }
3241
-
3242
- body.admin-color-blue .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #d9ab59; }
3243
-
3244
- body.admin-color-light .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #0085ba; }
3245
-
3246
- .components-tab-panel__tabs-item.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 4px solid transparent; }
3247
-
3248
- .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #007cba; }
3249
-
3250
- body.admin-color-sunrise .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #d1864a; }
3251
-
3252
- body.admin-color-ocean .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
3253
-
3254
- body.admin-color-midnight .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #e14d43; }
3255
-
3256
- body.admin-color-ectoplasm .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #a7b656; }
3257
-
3258
- body.admin-color-coffee .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #c2a68c; }
3259
-
3260
- body.admin-color-blue .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #d9ab59; }
3261
-
3262
- body.admin-color-light .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 1.5px #0085ba; }
3263
-
3264
- .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; }
3265
-
3266
- body.admin-color-sunrise .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 -4px 0 0 #d1864a; }
3267
-
3268
- body.admin-color-ocean .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 -4px 0 0 #a3b9a2; }
3269
-
3270
- body.admin-color-midnight .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 -4px 0 0 #e14d43; }
3271
-
3272
- body.admin-color-ectoplasm .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 -4px 0 0 #a7b656; }
3273
-
3274
- body.admin-color-coffee .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 -4px 0 0 #c2a68c; }
3275
-
3276
- body.admin-color-blue .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 -4px 0 0 #d9ab59; }
3277
-
3278
- body.admin-color-light .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 -4px 0 0 #0085ba; }
3279
-
3280
- .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
3281
-
3282
- @media (prefers-reduced-motion: reduce) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { transition-duration: 0s; } }
3283
-
3284
- @media (min-width: 600px) { .components-text-control__input, .components-text-control__input[type="text"], .components-text-control__input[type="tel"], .components-text-control__input[type="time"], .components-text-control__input[type="url"], .components-text-control__input[type="week"], .components-text-control__input[type="password"], .components-text-control__input[type="color"], .components-text-control__input[type="date"], .components-text-control__input[type="datetime"], .components-text-control__input[type="datetime-local"], .components-text-control__input[type="email"], .components-text-control__input[type="month"], .components-text-control__input[type="number"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
3285
-
3286
- .components-text-control__input:focus, .components-text-control__input[type="text"]:focus, .components-text-control__input[type="tel"]:focus, .components-text-control__input[type="time"]:focus, .components-text-control__input[type="url"]:focus, .components-text-control__input[type="week"]:focus, .components-text-control__input[type="password"]:focus, .components-text-control__input[type="color"]:focus, .components-text-control__input[type="date"]:focus, .components-text-control__input[type="datetime"]:focus, .components-text-control__input[type="datetime-local"]:focus, .components-text-control__input[type="email"]:focus, .components-text-control__input[type="month"]:focus, .components-text-control__input[type="number"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
3287
-
3288
- body.admin-color-sunrise .components-text-control__input:focus, body.admin-color-sunrise .components-text-control__input[type="text"]:focus, body.admin-color-sunrise .components-text-control__input[type="tel"]:focus, body.admin-color-sunrise .components-text-control__input[type="time"]:focus, body.admin-color-sunrise .components-text-control__input[type="url"]:focus, body.admin-color-sunrise .components-text-control__input[type="week"]:focus, body.admin-color-sunrise .components-text-control__input[type="password"]:focus, body.admin-color-sunrise .components-text-control__input[type="color"]:focus, body.admin-color-sunrise .components-text-control__input[type="date"]:focus, body.admin-color-sunrise .components-text-control__input[type="datetime"]:focus, body.admin-color-sunrise .components-text-control__input[type="datetime-local"]:focus, body.admin-color-sunrise .components-text-control__input[type="email"]:focus, body.admin-color-sunrise .components-text-control__input[type="month"]:focus, body.admin-color-sunrise .components-text-control__input[type="number"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
3289
-
3290
- body.admin-color-ocean .components-text-control__input:focus, body.admin-color-ocean .components-text-control__input[type="text"]:focus, body.admin-color-ocean .components-text-control__input[type="tel"]:focus, body.admin-color-ocean .components-text-control__input[type="time"]:focus, body.admin-color-ocean .components-text-control__input[type="url"]:focus, body.admin-color-ocean .components-text-control__input[type="week"]:focus, body.admin-color-ocean .components-text-control__input[type="password"]:focus, body.admin-color-ocean .components-text-control__input[type="color"]:focus, body.admin-color-ocean .components-text-control__input[type="date"]:focus, body.admin-color-ocean .components-text-control__input[type="datetime"]:focus, body.admin-color-ocean .components-text-control__input[type="datetime-local"]:focus, body.admin-color-ocean .components-text-control__input[type="email"]:focus, body.admin-color-ocean .components-text-control__input[type="month"]:focus, body.admin-color-ocean .components-text-control__input[type="number"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
3291
-
3292
- body.admin-color-midnight .components-text-control__input:focus, body.admin-color-midnight .components-text-control__input[type="text"]:focus, body.admin-color-midnight .components-text-control__input[type="tel"]:focus, body.admin-color-midnight .components-text-control__input[type="time"]:focus, body.admin-color-midnight .components-text-control__input[type="url"]:focus, body.admin-color-midnight .components-text-control__input[type="week"]:focus, body.admin-color-midnight .components-text-control__input[type="password"]:focus, body.admin-color-midnight .components-text-control__input[type="color"]:focus, body.admin-color-midnight .components-text-control__input[type="date"]:focus, body.admin-color-midnight .components-text-control__input[type="datetime"]:focus, body.admin-color-midnight .components-text-control__input[type="datetime-local"]:focus, body.admin-color-midnight .components-text-control__input[type="email"]:focus, body.admin-color-midnight .components-text-control__input[type="month"]:focus, body.admin-color-midnight .components-text-control__input[type="number"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
3293
-
3294
- body.admin-color-ectoplasm .components-text-control__input:focus, body.admin-color-ectoplasm .components-text-control__input[type="text"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="tel"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="time"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="url"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="week"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="password"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="color"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="date"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="datetime"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="datetime-local"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="email"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="month"]:focus, body.admin-color-ectoplasm .components-text-control__input[type="number"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
3295
-
3296
- body.admin-color-coffee .components-text-control__input:focus, body.admin-color-coffee .components-text-control__input[type="text"]:focus, body.admin-color-coffee .components-text-control__input[type="tel"]:focus, body.admin-color-coffee .components-text-control__input[type="time"]:focus, body.admin-color-coffee .components-text-control__input[type="url"]:focus, body.admin-color-coffee .components-text-control__input[type="week"]:focus, body.admin-color-coffee .components-text-control__input[type="password"]:focus, body.admin-color-coffee .components-text-control__input[type="color"]:focus, body.admin-color-coffee .components-text-control__input[type="date"]:focus, body.admin-color-coffee .components-text-control__input[type="datetime"]:focus, body.admin-color-coffee .components-text-control__input[type="datetime-local"]:focus, body.admin-color-coffee .components-text-control__input[type="email"]:focus, body.admin-color-coffee .components-text-control__input[type="month"]:focus, body.admin-color-coffee .components-text-control__input[type="number"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
3297
-
3298
- body.admin-color-blue .components-text-control__input:focus, body.admin-color-blue .components-text-control__input[type="text"]:focus, body.admin-color-blue .components-text-control__input[type="tel"]:focus, body.admin-color-blue .components-text-control__input[type="time"]:focus, body.admin-color-blue .components-text-control__input[type="url"]:focus, body.admin-color-blue .components-text-control__input[type="week"]:focus, body.admin-color-blue .components-text-control__input[type="password"]:focus, body.admin-color-blue .components-text-control__input[type="color"]:focus, body.admin-color-blue .components-text-control__input[type="date"]:focus, body.admin-color-blue .components-text-control__input[type="datetime"]:focus, body.admin-color-blue .components-text-control__input[type="datetime-local"]:focus, body.admin-color-blue .components-text-control__input[type="email"]:focus, body.admin-color-blue .components-text-control__input[type="month"]:focus, body.admin-color-blue .components-text-control__input[type="number"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
3299
-
3300
- body.admin-color-light .components-text-control__input:focus, body.admin-color-light .components-text-control__input[type="text"]:focus, body.admin-color-light .components-text-control__input[type="tel"]:focus, body.admin-color-light .components-text-control__input[type="time"]:focus, body.admin-color-light .components-text-control__input[type="url"]:focus, body.admin-color-light .components-text-control__input[type="week"]:focus, body.admin-color-light .components-text-control__input[type="password"]:focus, body.admin-color-light .components-text-control__input[type="color"]:focus, body.admin-color-light .components-text-control__input[type="date"]:focus, body.admin-color-light .components-text-control__input[type="datetime"]:focus, body.admin-color-light .components-text-control__input[type="datetime-local"]:focus, body.admin-color-light .components-text-control__input[type="email"]:focus, body.admin-color-light .components-text-control__input[type="month"]:focus, body.admin-color-light .components-text-control__input[type="number"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
3301
-
3302
- .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type="text"]::-webkit-input-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-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"]::-webkit-input-placeholder, .components-text-control__input[type="datetime-local"]::-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 { color: rgba(14, 28, 46, 0.62); }
3303
-
3304
- .components-text-control__input::-moz-placeholder, .components-text-control__input[type="text"]::-moz-placeholder, .components-text-control__input[type="tel"]::-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, .components-text-control__input[type="password"]::-moz-placeholder, .components-text-control__input[type="color"]::-moz-placeholder, .components-text-control__input[type="date"]::-moz-placeholder, .components-text-control__input[type="datetime"]::-moz-placeholder, .components-text-control__input[type="datetime-local"]::-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 { opacity: 1; color: rgba(14, 28, 46, 0.62); }
3305
-
3306
- .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type="text"]:-ms-input-placeholder, .components-text-control__input[type="tel"]:-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, .components-text-control__input[type="password"]:-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"]:-ms-input-placeholder, .components-text-control__input[type="datetime-local"]:-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 { color: rgba(14, 28, 46, 0.62); }
3307
-
3308
- .is-dark-theme .components-text-control__input::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-webkit-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3309
-
3310
- .is-dark-theme .components-text-control__input::-moz-placeholder, .is-dark-theme .components-text-control__input[type="text"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="tel"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="time"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="url"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="week"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="password"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="color"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="date"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="email"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="month"]::-moz-placeholder, .is-dark-theme .components-text-control__input[type="number"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
3311
-
3312
- .is-dark-theme .components-text-control__input:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="text"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="tel"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="time"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="url"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="week"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="password"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="color"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="date"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="datetime-local"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="email"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="month"]:-ms-input-placeholder, .is-dark-theme .components-text-control__input[type="number"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3313
-
3314
- .components-textarea-control__input { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
3315
-
3316
- @media (prefers-reduced-motion: reduce) { .components-textarea-control__input { transition-duration: 0s; } }
3317
-
3318
- @media (min-width: 600px) { .components-textarea-control__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
3319
-
3320
- .components-textarea-control__input:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
3321
-
3322
- body.admin-color-sunrise .components-textarea-control__input:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
3323
-
3324
- body.admin-color-ocean .components-textarea-control__input:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
3325
-
3326
- body.admin-color-midnight .components-textarea-control__input:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
3327
-
3328
- body.admin-color-ectoplasm .components-textarea-control__input:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
3329
-
3330
- body.admin-color-coffee .components-textarea-control__input:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
3331
-
3332
- body.admin-color-blue .components-textarea-control__input:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
3333
-
3334
- body.admin-color-light .components-textarea-control__input:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
3335
-
3336
- .components-textarea-control__input::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3337
-
3338
- .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
3339
-
3340
- .components-textarea-control__input:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
3341
-
3342
- .is-dark-theme .components-textarea-control__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3343
-
3344
- .is-dark-theme .components-textarea-control__input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
3345
-
3346
- .is-dark-theme .components-textarea-control__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
3347
-
3348
- .components-tip { display: flex; color: #555d66; }
3349
-
3350
- .components-tip svg { -ms-grid-row-align: center; align-self: center; fill: #f0b849; flex-shrink: 0; margin-right: 16px; }
3351
-
3352
- .components-tip p { margin: 0; }
3353
-
3354
- .components-toggle-control .components-base-control__field { display: flex; margin-bottom: 12px; line-height: initial; align-items: center; }
3355
-
3356
- .components-toggle-control .components-base-control__field .components-form-toggle { margin-right: 16px; }
3357
-
3358
- .components-toggle-control .components-base-control__field .components-toggle-control__label { display: block; }
3359
-
3360
- .components-accessible-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; flex-shrink: 0; }
3361
-
3362
- .components-accessible-toolbar > .components-toolbar-group:last-child { border-right: none; }
3363
-
3364
- .components-accessible-toolbar .components-button, .components-toolbar .components-button { position: relative; height: 48px; z-index: 1; padding-left: 16px; padding-right: 16px; }
3365
-
3366
- .components-accessible-toolbar .components-button:focus:enabled, .components-toolbar .components-button:focus:enabled { box-shadow: none; outline: none; }
3367
-
3368
- .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; min-width: 32px; left: 8px; right: 8px; z-index: -1; -webkit-animation: components-button__appear-animation 0.1s ease; animation: components-button__appear-animation 0.1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3369
-
3370
- @media (prefers-reduced-motion: reduce) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3371
-
3372
- .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { position: relative; margin-left: auto; margin-right: auto; }
3373
-
3374
- .components-accessible-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed { background: transparent; }
3375
-
3376
- .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed:hover { background: transparent; }
3377
-
3378
- .components-accessible-toolbar .components-button.is-pressed::before, .components-toolbar .components-button.is-pressed::before { background: #1e1e1e; }
3379
-
3380
- .components-accessible-toolbar .components-button:focus::before, .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; outline: 2px solid transparent; }
3381
-
3382
- body.admin-color-sunrise .components-accessible-toolbar .components-button:focus::before, body.admin-color-sunrise .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 4px #fff; }
3383
-
3384
- body.admin-color-ocean .components-accessible-toolbar .components-button:focus::before, body.admin-color-ocean .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 4px #fff; }
3385
-
3386
- body.admin-color-midnight .components-accessible-toolbar .components-button:focus::before, body.admin-color-midnight .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 4px #fff; }
3387
-
3388
- body.admin-color-ectoplasm .components-accessible-toolbar .components-button:focus::before, body.admin-color-ectoplasm .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 4px #fff; }
3389
-
3390
- body.admin-color-coffee .components-accessible-toolbar .components-button:focus::before, body.admin-color-coffee .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 4px #fff; }
3391
-
3392
- body.admin-color-blue .components-accessible-toolbar .components-button:focus::before, body.admin-color-blue .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 0 0 4px #fff; }
3393
-
3394
- body.admin-color-light .components-accessible-toolbar .components-button:focus::before, body.admin-color-light .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 4px #fff; }
3395
-
3396
- .components-accessible-toolbar .components-button.has-icon, .components-toolbar .components-button.has-icon { padding-left: 8px; padding-right: 8px; min-width: 48px; justify-content: center; }
3397
-
3398
- .components-accessible-toolbar .components-button.components-tab-button, .components-toolbar .components-button.components-tab-button { font-weight: 500; }
3399
-
3400
- .components-accessible-toolbar .components-button.components-tab-button span, .components-toolbar .components-button.components-tab-button span { display: inline-block; padding-left: 0; padding-right: 0; position: relative; }
3401
-
3402
- @-webkit-keyframes components-button__appear-animation { from { transform: scaleY(0); }
3403
- to { transform: scaleY(1); } }
3404
-
3405
- @keyframes components-button__appear-animation { from { transform: scaleY(0); }
3406
- to { transform: scaleY(1); } }
3407
-
3408
- .components-toolbar__control.components-button { position: relative; }
3409
-
3410
- .components-toolbar__control.components-button[data-subscript] svg { padding: 5px 10px 5px 0; }
3411
-
3412
- .components-toolbar__control.components-button[data-subscript]::after { content: attr(data-subscript); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; font-weight: 600; line-height: 12px; position: absolute; right: 8px; bottom: 10px; }
3413
-
3414
- .components-toolbar__control.components-button:active::before { display: none; }
3415
-
3416
- .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { color: #fff; }
3417
-
3418
- .components-toolbar-group { min-height: 48px; border-right: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; line-height: 0; }
3419
-
3420
- .components-toolbar-group .components-toolbar-group { border-width: 0; margin: 0; }
3421
-
3422
- .components-toolbar { min-height: 48px; margin: 0; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; }
3423
-
3424
- div.components-toolbar > div { display: block; margin: 0; }
3425
-
3426
- @supports ((position: -webkit-sticky) or (position: sticky)) { div.components-toolbar > div { display: flex; } }
3427
-
3428
- div.components-toolbar > div + div.has-left-divider { margin-left: 6px; position: relative; overflow: visible; }
3429
-
3430
- div.components-toolbar > div + div.has-left-divider::before { display: inline-block; content: ""; box-sizing: content-box; background-color: #e2e4e7; position: absolute; top: 8px; left: -3px; width: 1px; height: 20px; }
3431
-
3432
- .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon, .components-toolbar div > .components-button.components-button.has-icon { min-width: 36px; padding-left: 6px; padding-right: 6px; }
3433
-
3434
- .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon svg, .components-toolbar div > .components-button.components-button.has-icon svg { min-width: 24px; }
3435
-
3436
- .components-accessible-toolbar .components-toolbar-group > .components-button.components-button.has-icon::before, .components-toolbar div > .components-button.components-button.has-icon::before { left: 2px; right: 2px; }
3437
-
3438
- .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon, .components-toolbar div:first-child .components-button.has-icon { min-width: 42px; padding-left: 11px; padding-right: 6px; }
3439
-
3440
- .components-accessible-toolbar .components-toolbar-group > .components-button:first-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child > .components-button.has-icon::before, .components-toolbar div:first-child .components-button.has-icon::before { left: 8px; right: 2px; }
3441
-
3442
- .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon, .components-toolbar div:last-child .components-button.has-icon { min-width: 42px; padding-left: 6px; padding-right: 11px; }
3443
-
3444
- .components-accessible-toolbar .components-toolbar-group > .components-button:last-child.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:last-child > .components-button.has-icon::before, .components-toolbar div:last-child .components-button.has-icon::before { left: 2px; right: 8px; }
3445
-
3446
- .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon, .components-toolbar div:first-child:last-child > .components-button.has-icon { min-width: 48px; padding-left: 12px; padding-right: 12px; }
3447
-
3448
- .components-accessible-toolbar .components-toolbar-group > .components-button:first-of-type:last-of-type.has-icon::before, .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon::before, .components-toolbar div:first-child:last-child > .components-button.has-icon::before { left: 8px; right: 8px; }
3449
-
3450
- .components-tooltip.components-popover { z-index: 1000002; }
3451
-
3452
- .components-tooltip.components-popover .components-popover__content { min-width: 0; }
3453
-
3454
- .components-tooltip .components-popover__content { padding: 4px 8px; background: #1e1e1e; border-radius: 2px; border-width: 0; color: #fff; white-space: nowrap; text-align: center; pointer-events: none; }
3455
-
3456
- .components-tooltip__shortcut { display: inline-block; margin-left: 8px; }
3457
-
3458
- .components-visually-hidden { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
3459
-
3460
- .components-visually-hidden:focus { background-color: #e2e4e7; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
3461
-
3462
- /** Colors */
3463
- /** Breakpoints & Media Queries */
3464
- /** Colors */
3465
- /** Fonts & basic variables. */
3466
- /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
3467
- /** Dimensions. */
3468
- /** Shadows. */
3469
- /** Editor widths. */
3470
- /** Block UI. */
3471
- /** Border radii. */
3472
- /** Breakpoint mixins */
3473
- /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
3474
- /** Focus styles. */
3475
- /** Applies editor left position to the selector passed as argument */
3476
- /** Styles that are reused verbatim in a few places */
3477
- /** Allows users to opt-out of animations via OS-level preferences. */
3478
- /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
3479
- /** Reset the WP Admin page styles for Gutenberg-like pages. */
3480
- #start-resizable-editor-section { display: none; }
3481
-
3482
- .block-editor-autocompleters__block .block-editor-block-icon { margin-right: 8px; }
3483
-
3484
- .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content { min-width: 0; padding: 8px; width: auto; }
3485
-
3486
- .block-editor-block-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; }
3487
-
3488
- .block-editor-block-icon.has-colors svg { fill: currentColor; }
3489
-
3490
- .block-editor-block-icon svg { min-width: 20px; min-height: 20px; max-width: 24px; max-height: 24px; }
3491
-
3492
- .block-editor-block-inspector .components-base-control { margin-bottom: 24px; }
3493
-
3494
- .block-editor-block-inspector .components-base-control:last-child { margin-bottom: 8px; }
3495
-
3496
- .block-editor-block-inspector .components-panel__body { border: none; border-top: 1px solid #e2e4e7; }
3497
-
3498
- .block-editor-block-inspector .block-editor-block-card { padding: 16px; }
3499
-
3500
- .block-editor-block-inspector__no-blocks { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; }
3501
-
3502
- .block-editor-block-list__layout .block-editor-block-list__block.is-dragging > * { background: #f8f9f9; }
3503
-
3504
- .block-editor-block-list__layout .block-editor-block-list__block.is-dragging > * > * { visibility: hidden; }
3505
-
3506
- .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { z-index: 1; }
3507
-
3508
- .block-editor-block-styles .block-editor-block-list__block { margin: 0; }
3509
-
3510
- /** Notices & Block Selected/Hover Styles. */
3511
- .block-editor-block-list__layout .block-editor-block-list__block { position: relative; overflow-wrap: break-word; /** Notices */ /** Block Layout */ }
3512
-
3513
- .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { margin: -10px 0 12px 0; }
3514
-
3515
- .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { margin: 0 0 12px 0; width: 100%; }
3516
-
3517
- .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { margin-left: 0; margin-right: 0; }
3518
-
3519
- .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { font-size: 13px; }
3520
-
3521
- .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { outline: none; }
3522
-
3523
- .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; left: 1px; right: 1px; box-shadow: 0 0 0 1.5px #007cba; border-radius: 1px; }
3524
-
3525
- body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #d1864a; }
3526
-
3527
- body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #a3b9a2; }
3528
-
3529
- body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #e14d43; }
3530
-
3531
- body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #a7b656; }
3532
-
3533
- body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #c2a68c; }
3534
-
3535
- body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #d9ab59; }
3536
-
3537
- body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #0085ba; }
3538
-
3539
- .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 1.5px #fff; }
3540
-
3541
- .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { opacity: 0.5; transition: opacity 0.1s linear; }
3542
-
3543
- @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { transition-duration: 0s; } }
3544
-
3545
- .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { opacity: 1; }
3546
-
3547
- .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; right: 0; left: 0; top: -14px; border-radius: 2px; border-top: 4px solid #007cba; }
3548
-
3549
- body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #d1864a; }
3550
-
3551
- body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #a3b9a2; }
3552
-
3553
- body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #e14d43; }
3554
-
3555
- body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #a7b656; }
3556
-
3557
- body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #c2a68c; }
3558
-
3559
- body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #d9ab59; }
3560
-
3561
- body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before { border-top: 4px solid #0085ba; }
3562
-
3563
- /** Cross-Block Selection */
3564
- .block-editor-block-list__layout { position: relative; }
3565
-
3566
- .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { position: absolute; z-index: 1; pointer-events: none; content: ""; top: 1px; bottom: 1px; left: 1px; right: 1px; }
3567
-
3568
- .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #007cba; border-radius: 1px; transition: box-shadow 0.2s ease-out; outline: 2px solid transparent; }
3569
-
3570
- body.admin-color-sunrise .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #d1864a; }
3571
-
3572
- body.admin-color-ocean .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #a3b9a2; }
3573
-
3574
- body.admin-color-midnight .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #e14d43; }
3575
-
3576
- body.admin-color-ectoplasm .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #a7b656; }
3577
-
3578
- body.admin-color-coffee .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #c2a68c; }
3579
-
3580
- body.admin-color-blue .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #d9ab59; }
3581
-
3582
- body.admin-color-light .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #0085ba; }
3583
-
3584
- @media (prefers-reduced-motion: reduce) { .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { transition-duration: 0s; } }
3585
-
3586
- .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { box-shadow: 0 0 0 1.5px #fff; }
3587
-
3588
- .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::-moz-selection { background: transparent; }
3589
-
3590
- .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { background: transparent; }
3591
-
3592
- /** Block styles and alignments */
3593
- .block-editor-block-list__layout .block-editor-block-list__block.has-warning { min-height: 36px; }
3594
-
3595
- .block-editor-block-list__layout .block-editor-block-list__block::after { content: ""; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; box-shadow: 0 0 0 1.5px transparent; transition: box-shadow 0.1s ease-in; }
3596
-
3597
- @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block::after { transition-duration: 0s; } }
3598
-
3599
- .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { pointer-events: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
3600
-
3601
- .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { pointer-events: all; }
3602
-
3603
- .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.4); }
3604
-
3605
- .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { background-color: transparent; }
3606
-
3607
- .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { display: none; }
3608
-
3609
- .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { display: block; }
3610
-
3611
- .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block { cursor: default; }
3612
-
3613
- .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { float: none; }
3614
-
3615
- .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { left: auto; right: 8px; }
3616
-
3617
- .block-editor-block-list__layout .wp-block { margin-left: auto; margin-right: auto; }
3618
-
3619
- .wp-block[data-align="left"], .wp-block[data-align="right"] { width: 100%; height: 0; }
3620
-
3621
- .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before { content: none; }
3622
-
3623
- .wp-block[data-align="left"] > *, .wp-block[data-align="right"] > * { z-index: 21; }
3624
-
3625
- .wp-block[data-align="left"] > * { /*!rtl:begin:ignore*/ float: left; margin-right: 2em; /*!rtl:end:ignore*/ }
3626
-
3627
- .wp-block[data-align="right"] > * { /*!rtl:begin:ignore*/ float: right; margin-left: 2em; /*!rtl:end:ignore*/ }
3628
-
3629
- .wp-block[data-align="full"], .wp-block[data-align="wide"] { clear: both; }
3630
-
3631
- /** In-Canvas Inserter */
3632
- .block-editor-block-list .block-editor-inserter { margin: 8px; cursor: move; cursor: -webkit-grab; cursor: grab; }
3633
-
3634
- .block-editor-block-list__insertion-point { position: relative; z-index: 6; margin-top: -14px; }
3635
-
3636
- .block-editor-block-list__insertion-point-indicator { position: absolute; top: calc(50% - 1px); height: 1.5px; left: 0; right: 0; background: #0085ba; }
3637
-
3638
- body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator { background: #d1864a; }
3639
-
3640
- body.admin-color-ocean .block-editor-block-list__insertion-point-indicator { background: #a3b9a2; }
3641
-
3642
- body.admin-color-midnight .block-editor-block-list__insertion-point-indicator { background: #e14d43; }
3643
-
3644
- body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator { background: #a7b656; }
3645
-
3646
- body.admin-color-coffee .block-editor-block-list__insertion-point-indicator { background: #c2a68c; }
3647
-
3648
- body.admin-color-blue .block-editor-block-list__insertion-point-indicator { background: #82b4cb; }
3649
-
3650
- body.admin-color-light .block-editor-block-list__insertion-point-indicator { background: #0085ba; }
3651
-
3652
- .block-editor-block-list__insertion-point-inserter { display: none; justify-content: center; cursor: text; }
3653
-
3654
- @media (min-width: 480px) { .block-editor-block-list__insertion-point-inserter { display: flex; } }
3655
-
3656
- .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle { opacity: 0; pointer-events: none; }
3657
-
3658
- .block-editor-block-list__block-popover-inserter { position: absolute; top: -9999em; margin-bottom: 14px; }
3659
-
3660
- .block-editor-block-list__block-popover-inserter.is-visible { position: static; }
3661
-
3662
- .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button, .block-editor-default-block-appender .block-editor-inserter__toggle.components-button, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { background: #1e1e1e; border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; }
3663
-
3664
- .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button:hover, .block-editor-default-block-appender .block-editor-inserter__toggle.components-button:hover, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button:hover, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button:hover { color: #fff; }
3665
-
3666
- .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { -webkit-animation: block-editor-inserter__toggle__fade-in-animation-delayed 1.2s ease; animation: block-editor-inserter__toggle__fade-in-animation-delayed 1.2s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3667
-
3668
- @media (prefers-reduced-motion: reduce) { .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3669
-
3670
- @-webkit-keyframes block-editor-inserter__toggle__fade-in-animation-delayed { 0% { opacity: 0; }
3671
- 80% { opacity: 0; }
3672
- 100% { opacity: 1; } }
3673
-
3674
- @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { 0% { opacity: 0; }
3675
- 80% { opacity: 0; }
3676
- 100% { opacity: 1; } }
3677
-
3678
- @-webkit-keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0;
3679
- transform: scale(0); }
3680
- to { opacity: 1;
3681
- transform: scale(1); } }
3682
-
3683
- @keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0;
3684
- transform: scale(0); }
3685
- to { opacity: 1;
3686
- transform: scale(1); } }
3687
-
3688
- .wp-block .block-list-appender .block-editor-inserter__toggle { -webkit-animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3689
-
3690
- @media (prefers-reduced-motion: reduce) { .wp-block .block-list-appender .block-editor-inserter__toggle { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3691
-
3692
- .wp-block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { display: none; }
3693
-
3694
- .wp-block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { opacity: 0; transform: scale(0); }
3695
-
3696
- .block-editor-block-list__block > .block-editor-block-list__insertion-point { position: absolute; top: -16px; height: 28px; bottom: auto; left: 14px; right: 14px; }
3697
-
3698
- .block-editor-block-list__block .block-editor-block-list__block-html-textarea { display: block; margin: 0; width: 100%; border: none; outline: none; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; line-height: 150%; transition: padding 0.2s linear; }
3699
-
3700
- @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-editor-block-list__block-html-textarea { transition-duration: 0s; } }
3701
-
3702
- .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { box-shadow: none; }
3703
-
3704
- /** Block Toolbar, top and contextual. */
3705
- .block-editor-block-contextual-toolbar-wrapper { padding-left: 48px; }
3706
-
3707
- /** Block Toolbar when contextual. */
3708
- .block-editor-block-contextual-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; }
3709
-
3710
- .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { border-right-color: #1e1e1e; }
3711
-
3712
- /** Block Label for Navigation/Selection Mode */
3713
- .block-editor-block-list__block-selection-button { display: block; z-index: 22; }
3714
-
3715
- .block-editor-block-list__block-selection-button .components-button { font-size: 13px; height: 46px; padding: 12px 16px; position: relative; top: -1px; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; background-color: #fff; margin-left: 49px; }
3716
-
3717
- .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #007cba; }
3718
-
3719
- body.admin-color-sunrise .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #d1864a; }
3720
-
3721
- body.admin-color-ocean .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
3722
-
3723
- body.admin-color-midnight .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #e14d43; }
3724
-
3725
- body.admin-color-ectoplasm .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #a7b656; }
3726
-
3727
- body.admin-color-coffee .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
3728
-
3729
- body.admin-color-blue .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
3730
-
3731
- body.admin-color-light .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: 0 0 0 1.5px #0085ba; }
3732
-
3733
- /** Warnings. */
3734
- .block-editor-block-list__block .block-editor-warning { z-index: 5; position: relative; }
3735
-
3736
- .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { margin-bottom: auto; }
3737
-
3738
- /** Popovers. */
3739
- .block-editor-block-list__insertion-point-popover.is-without-arrow { z-index: 28; }
3740
-
3741
- .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { background: none; border: none; box-shadow: none; overflow-y: visible; margin-left: 0; }
3742
-
3743
- .components-popover.block-editor-block-list__block-popover { z-index: 31; }
3744
-
3745
- .components-popover.block-editor-block-list__block-popover .components-popover__content { margin: 0 !important; min-width: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: none; border: none; box-shadow: none; overflow-y: visible; pointer-events: none; }
3746
-
3747
- .components-popover.block-editor-block-list__block-popover .components-popover__content > * { pointer-events: all; }
3748
-
3749
- .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { margin-bottom: 12px; margin-left: -48px; }
3750
-
3751
- .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar[data-align="full"], .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button[data-align="full"] { margin-left: 0; }
3752
-
3753
- .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { opacity: 0; }
3754
-
3755
- .is-dragging-components-draggable .components-tooltip { display: none; }
3756
-
3757
- .block-editor-block-list__layout.is-root-container { padding-left: 14px; padding-right: 14px; }
3758
-
3759
- @media (min-width: 600px) { .block-editor-block-list__layout.is-root-container { padding-left: 36px; padding-right: 36px; } }
3760
-
3761
- .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: -14px; margin-right: -14px; }
3762
-
3763
- @media (min-width: 600px) { .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: -36px; margin-right: -36px; } }
3764
-
3765
- .block-editor-block-list__block .block-list-appender { margin: 8px 0; }
3766
-
3767
- .has-background .block-editor-block-list__block .block-list-appender { margin: 20px 8px; }
3768
-
3769
- .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { opacity: 1; transform: scale(1); transition: all 0.1s ease; }
3770
-
3771
- @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { transition-duration: 0s; } }
3772
-
3773
- .block-list-appender.is-drop-target > div::before { content: ""; position: absolute; right: -8px; left: -8px; top: -8px; bottom: -8px; border-radius: 2px; border: 3px solid #0085ba; }
3774
-
3775
- body.admin-color-sunrise .block-list-appender.is-drop-target > div::before { border: 3px solid #d1864a; }
3776
-
3777
- body.admin-color-ocean .block-list-appender.is-drop-target > div::before { border: 3px solid #a3b9a2; }
3778
-
3779
- body.admin-color-midnight .block-list-appender.is-drop-target > div::before { border: 3px solid #e14d43; }
3780
-
3781
- body.admin-color-ectoplasm .block-list-appender.is-drop-target > div::before { border: 3px solid #a7b656; }
3782
-
3783
- body.admin-color-coffee .block-list-appender.is-drop-target > div::before { border: 3px solid #c2a68c; }
3784
-
3785
- body.admin-color-blue .block-list-appender.is-drop-target > div::before { border: 3px solid #82b4cb; }
3786
-
3787
- body.admin-color-light .block-list-appender.is-drop-target > div::before { border: 3px solid #0085ba; }
3788
-
3789
- .block-list-appender > .block-editor-inserter { display: block; }
3790
-
3791
- .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { opacity: 0; transform: scale(0); }
3792
-
3793
- .block-editor-block-breadcrumb { list-style: none; padding: 0; margin: 0; }
3794
-
3795
- .block-editor-block-breadcrumb li { display: inline-block; margin: 0; }
3796
-
3797
- .block-editor-block-breadcrumb li:not(:last-child)::after { content: "\2192"; }
3798
-
3799
- .block-editor-block-breadcrumb__button.components-button { height: 24px; line-height: 24px; padding: 0; position: relative; }
3800
-
3801
- .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { text-decoration: underline; box-shadow: none; }
3802
-
3803
- .block-editor-block-breadcrumb__button.components-button:focus { box-shadow: none; }
3804
-
3805
- .block-editor-block-breadcrumb__button.components-button:focus::before { content: ""; display: block; position: absolute; border-radius: 2px; top: 1px; right: 1px; bottom: 1px; left: 1px; box-shadow: inset 0 0 0 1.5px #007cba; }
3806
-
3807
- body.admin-color-sunrise .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d1864a; }
3808
-
3809
- body.admin-color-ocean .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a3b9a2; }
3810
-
3811
- body.admin-color-midnight .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #e14d43; }
3812
-
3813
- body.admin-color-ectoplasm .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #a7b656; }
3814
-
3815
- body.admin-color-coffee .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #c2a68c; }
3816
-
3817
- body.admin-color-blue .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #d9ab59; }
3818
-
3819
- body.admin-color-light .block-editor-block-breadcrumb__button.components-button:focus::before { box-shadow: inset 0 0 0 1.5px #0085ba; }
3820
-
3821
- .block-editor-block-breadcrumb__current { cursor: default; }
3822
-
3823
- .block-editor-block-breadcrumb__button.components-button, .block-editor-block-breadcrumb__current { color: #1e1e1e; padding: 0 8px; font-size: inherit; }
3824
-
3825
- .block-editor-block-card { display: flex; align-items: flex-start; }
3826
-
3827
- .block-editor-block-card__icon { border: 1px solid #ccd0d4; padding: 7px; margin-right: 10px; height: 36px; width: 36px; }
3828
-
3829
- .block-editor-block-card__content { flex-grow: 1; }
3830
-
3831
- .block-editor-block-card__title { font-weight: 500; }
3832
-
3833
- .block-editor-block-card__title.block-editor-block-card__title { margin: 0 0 5px; }
3834
-
3835
- .block-editor-block-card__description { font-size: 13px; }
3836
-
3837
- .block-editor-block-card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; }
3838
-
3839
- /** Invalid block comparison */
3840
- .block-editor-block-compare { overflow: auto; height: auto; }
3841
-
3842
- @media (min-width: 600px) { .block-editor-block-compare { max-height: 70%; } }
3843
-
3844
- .block-editor-block-compare__wrapper { display: flex; padding-bottom: 16px; }
3845
-
3846
- .block-editor-block-compare__wrapper > div { display: flex; justify-content: space-between; flex-direction: column; width: 50%; padding: 0 16px 0 0; min-width: 200px; }
3847
-
3848
- .block-editor-block-compare__wrapper > div button { float: right; }
3849
-
3850
- .block-editor-block-compare__wrapper .block-editor-block-compare__converted { border-left: 1px solid #ddd; padding-left: 15px; padding-right: 0; }
3851
-
3852
- .block-editor-block-compare__wrapper .block-editor-block-compare__html { font-family: Menlo, Consolas, monaco, monospace; font-size: 12px; color: #23282d; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 1.7; }
3853
-
3854
- .block-editor-block-compare__wrapper .block-editor-block-compare__html span { background-color: #e6ffed; padding-top: 3px; padding-bottom: 3px; }
3855
-
3856
- .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { background-color: #acf2bd; }
3857
-
3858
- .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { background-color: #d94f4f; }
3859
-
3860
- .block-editor-block-compare__wrapper .block-editor-block-compare__preview { padding: 0; padding-top: 14px; }
3861
-
3862
- .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { font-size: 12px; margin-top: 0; }
3863
-
3864
- .block-editor-block-compare__wrapper .block-editor-block-compare__action { margin-top: 14px; }
3865
-
3866
- .block-editor-block-compare__wrapper .block-editor-block-compare__heading { font-size: 1em; font-weight: 400; margin: 0.67em 0; }
3867
-
3868
- .block-editor-block-mobile-toolbar { display: flex; flex-direction: row; border-right: 1px solid #e2e4e7; }
3869
-
3870
- .block-editor-block-mobile-toolbar .block-editor-block-mover-button { width: 36px; height: 36px; border-radius: 4px; padding: 3px; margin: 0; justify-content: center; align-items: center; }
3871
-
3872
- .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { margin: auto; }
3873
-
3874
- .block-editor-block-mobile-toolbar .block-editor-block-mover { display: flex; margin-right: auto; }
3875
-
3876
- .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { float: left; }
3877
-
3878
- .block-editor-block-mover { display: inline-flex; flex-direction: row; }
3879
-
3880
- .block-editor-block-mover-button__description { display: none; }
3881
-
3882
- .block-editor-block-mover-button.has-icon { padding: 0; }
3883
-
3884
- .block-editor-block-mover .components-toolbar-group, .block-editor-block-mover .components-toolbar { flex-direction: column; flex: 1; }
3885
-
3886
- .block-editor-block-mover.is-horizontal .components-toolbar-group, .block-editor-block-mover.is-horizontal .components-toolbar { flex-direction: row; }
3887
-
3888
- .block-editor-block-mover .block-editor-block-mover-button { height: 24px; width: 48px; padding: 0 !important; }
3889
-
3890
- .block-editor-block-mover .block-editor-block-mover-button::before { left: 8px !important; right: 8px !important; }
3891
-
3892
- .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg { margin-bottom: -8px; }
3893
-
3894
- .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { bottom: 0; height: calc(100% - 8px); }
3895
-
3896
- .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg { margin-top: -8px; }
3897
-
3898
- .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { top: 0; height: calc(100% - 8px); }
3899
-
3900
- .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { height: 48px; width: 24px !important; min-width: 24px !important; padding-left: 0; padding-right: 0; }
3901
-
3902
- .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { top: 8px; bottom: 8px; min-width: 0; width: auto; height: auto; }
3903
-
3904
- .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { margin-left: 0; margin-right: -8px; margin-bottom: 0; }
3905
-
3906
- .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { left: 8px !important; right: 0 !important; }
3907
-
3908
- .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { margin-left: -8px; margin-right: 0; margin-top: 0; }
3909
-
3910
- .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { left: 0 !important; right: 8px !important; }
3911
-
3912
- .block-editor-block-mover:not([draggable="false"]) { cursor: -webkit-grab; cursor: grab; }
3913
-
3914
- .block-editor-block-mover:not([draggable="false"]) .block-editor-block-mover__control { cursor: -webkit-grab !important; cursor: grab !important; }
3915
-
3916
- .block-editor-block-mover:not([draggable="false"]) .block-editor-block-mover__control:not(:disabled):not([aria-disabled="true"]):active { cursor: -webkit-grabbing; cursor: grabbing; }
3917
-
3918
- .block-editor-block-navigation__container { padding: 7px; }
3919
-
3920
- .block-editor-block-navigation__label { margin: 0 0 8px; color: #6c7781; }
3921
-
3922
- .block-editor-block-navigation__container { padding: 7px; }
3923
-
3924
- .block-editor-block-navigation-tree { width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
3925
-
3926
- .block-editor-block-navigation-leaf { position: relative; }
3927
-
3928
- .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { display: flex; align-items: center; width: calc(100% - 0.8em); height: auto; padding: 6px; text-align: left; color: #40464d; border-radius: 2px; }
3929
-
3930
- .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { opacity: 1; -webkit-animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation: edit-post__fade-in-animation 0.2s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3931
-
3932
- @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3933
-
3934
- .block-editor-block-navigation-leaf .block-editor-block-icon { align-self: flex-start; margin-right: 6px; }
3935
-
3936
- .block-editor-block-navigation-leaf.is-selected .block-editor-block-icon svg, .block-editor-block-navigation-leaf.is-selected:focus .block-editor-block-icon svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; }
3937
-
3938
- .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { width: 36px; opacity: 0; vertical-align: top; }
3939
-
3940
- @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { transition-duration: 0s; } }
3941
-
3942
- .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { opacity: 1; -webkit-animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation: edit-post__fade-in-animation 0.2s ease-out 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
3943
-
3944
- @media (prefers-reduced-motion: reduce) { .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { -webkit-animation-duration: 1ms; animation-duration: 1ms; } }
3945
-
3946
- .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { width: 24px; min-width: 24px; padding: 0; }
3947
-
3948
- .block-editor-block-navigation-leaf .block-editor-block-mover-button { width: 36px; height: 36px; }
3949
-
3950
- .block-editor-block-navigation-leaf .block-editor-inserter__toggle { background: #1e1e1e; color: #fff; height: 24px; margin: 6px 6px 6px 0.8em; min-width: 24px; }
3951
-
3952
- .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { color: #fff; }
3953
-
3954
- .block-editor-block-navigation-block-slot__description, .block-editor-block-navigation-block-select-button__description, .block-editor-block-navigation-appender__description { display: none; }
3955
-
3956
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { display: flex; }
3957
-
3958
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line { position: relative; flex-shrink: 0; width: 24px; }
3959
-
3960
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child { width: 18px; }
3961
-
3962
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item { margin-right: 6px; }
3963
-
3964
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before { content: ""; display: block; position: absolute; top: -1px; bottom: -2px; right: 0; border-right: 2px solid #a2aab2; }
3965
-
3966
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before { border-color: transparent; }
3967
-
3968
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { height: 16px; }
3969
-
3970
- .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after, .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after { content: ""; display: block; position: absolute; top: 16px; left: 100%; width: 5px; border-bottom: 2px solid #a2aab2; }
3971
-
3972
- .block-editor-block-parent-selector { background: #fff; border: 1px solid #1e1e1e; border-radius: 2px; padding: 8px; line-height: 1; }
3973
-
3974
- .block-editor-block-parent-selector .block-editor-block-parent-selector__button { width: 32px; min-width: auto; height: 32px; padding: 0; }
3975
-
3976
- .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; }
3977
-
3978
- .block-editor-block-preview__content { position: absolute; top: 0; left: 0; transform-origin: top left; text-align: initial; margin: 0; overflow: visible; min-height: auto; }
3979
-
3980
- .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__content .block-editor-block-drop-zone, .block-editor-block-preview__content .reusable-block-indicator, .block-editor-block-preview__content .block-list-appender { display: none; }
3981
-
3982
- .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { padding-left: 0; padding-right: 0; }
3983
-
3984
- .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { margin-left: 0; margin-right: 0; }
3985
-
3986
- .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { padding: 0; }
3987
-
3988
- .block-editor-block-styles { display: flex; flex-wrap: wrap; justify-content: space-between; }
3989
-
3990
- .block-editor-block-styles__item { width: calc(50% - 4px); margin: 4px 0; flex-shrink: 0; cursor: pointer; overflow: hidden; border-radius: 2px; padding: 6px; display: flex; flex-direction: column; }
3991
-
3992
- .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
3993
-
3994
- body.admin-color-sunrise .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #d1864a; }
3995
-
3996
- body.admin-color-ocean .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
3997
-
3998
- body.admin-color-midnight .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #e14d43; }
3999
-
4000
- body.admin-color-ectoplasm .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #a7b656; }
4001
-
4002
- body.admin-color-coffee .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
4003
-
4004
- body.admin-color-blue .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
4005
-
4006
- body.admin-color-light .block-editor-block-styles__item:focus { box-shadow: 0 0 0 1.5px #0085ba; }
4007
-
4008
- .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #007cba; }
4009
-
4010
- body.admin-color-sunrise .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #d1864a; }
4011
-
4012
- body.admin-color-ocean .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #a3b9a2; }
4013
-
4014
- body.admin-color-midnight .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #e14d43; }
4015
-
4016
- body.admin-color-ectoplasm .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #a7b656; }
4017
-
4018
- body.admin-color-coffee .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #c2a68c; }
4019
-
4020
- body.admin-color-blue .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #d9ab59; }
4021
-
4022
- body.admin-color-light .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { border-color: #0085ba; }
4023
-
4024
- .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { font-weight: bold; }
4025
-
4026
- .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { border: 2px solid #1e1e1e; }
4027
-
4028
- .block-editor-block-styles__item-preview { outline: 1px solid transparent; padding: 0; border: 1px solid rgba(30, 30, 30, 0.2); border-radius: 2px; display: flex; overflow: hidden; background: #fff; align-items: center; flex-grow: 1; min-height: 80px; }
4029
-
4030
- .block-editor-block-styles__item-label { text-align: center; padding: 4px 2px; }
4031
-
4032
- .block-editor-block-switcher { position: relative; }
4033
-
4034
- .block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle { position: relative; }
4035
-
4036
- .components-button.block-editor-block-switcher__toggle, .components-button.block-editor-block-switcher__no-switcher-icon { margin: 0; display: block; height: 48px; }
4037
-
4038
- .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin: auto; }
4039
-
4040
- .components-button.block-editor-block-switcher__no-switcher-icon { width: 48px; }
4041
-
4042
- .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { margin-right: auto; margin-left: auto; }
4043
-
4044
- .components-button.block-editor-block-switcher__no-switcher-icon:disabled { opacity: 1; }
4045
-
4046
- .components-button.block-editor-block-switcher__no-switcher-icon:disabled, .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: #1e1e1e !important; }
4047
-
4048
- .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon { padding: 0; }
4049
-
4050
- .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { height: 100%; position: relative; margin: 0 auto; display: flex; align-items: center; }
4051
-
4052
- .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { top: 8px; right: 8px; bottom: 8px; left: 8px; }
4053
-
4054
- .components-popover.block-editor-block-switcher__popover .components-popover__content { min-width: 300px; max-width: calc(340px * 2); display: flex; background: #fff; padding: 0; }
4055
-
4056
- .components-popover.block-editor-block-switcher__popover .components-popover__content .components-menu-group { padding: 16px 24px; }
4057
-
4058
- .components-popover.block-editor-block-switcher__popover .components-popover__content .components-menu-group + .components-menu-group { border-color: #ccc; }
4059
-
4060
- .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__container { min-width: 300px; max-width: 340px; width: 50%; }
4061
-
4062
- .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__label { margin-bottom: 8px; color: #757575; }
4063
-
4064
- @media (min-width: 782px) { .block-editor-block-switcher__popover .components-popover__content { position: relative; }
4065
- .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__preview { border-left: 1px solid #e2e4e7; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); background: #fff; width: 300px; height: auto; position: -webkit-sticky; position: sticky; -ms-grid-row-align: stretch; align-self: stretch; top: 0; padding: 10px; } }
4066
-
4067
- .block-editor-block-switcher__popover .components-popover__content .components-panel__body { border: 0; position: relative; z-index: 1; }
4068
-
4069
- .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { border-top: 1px solid #e2e4e7; }
4070
-
4071
- .block-editor-block-switcher__popover .block-editor-block-styles { margin: 0 -3px; }
4072
-
4073
- .block-editor-block-switcher__popover .block-editor-block-types-list { margin: 12px 0 0 0; }
4074
-
4075
- .block-editor-block-switcher__preview-title { margin-bottom: 10px; color: #6c7781; }
4076
-
4077
- .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { height: 48px; }
4078
-
4079
- .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { width: 48px; }
4080
-
4081
- .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { width: 48px; height: 48px; }
4082
-
4083
- .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { padding: 12px; }
4084
-
4085
- .block-editor-block-types-list { list-style: none; padding: 4px; margin-left: -4px; margin-right: -4px; overflow: hidden; display: flex; flex-wrap: wrap; }
4086
-
4087
- .block-editor-block-variation-picker .components-placeholder__instructions { margin-bottom: 0; }
4088
-
4089
- .block-editor-block-variation-picker .components-placeholder__fieldset { flex-direction: column; }
4090
-
4091
- .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { max-width: 90%; }
4092
-
4093
- .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 16px 0; padding: 0; list-style: none; }
4094
-
4095
- .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { list-style: none; margin: 8px 8px 0 0; flex-shrink: 1; max-width: 100px; }
4096
-
4097
- .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { display: flex; }
4098
-
4099
- .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { padding: 8px; }
4100
-
4101
- .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 12px; display: block; margin-right: 12px; text-align: center; }
4102
-
4103
- .block-editor-block-variation-picker__variation { width: 100%; }
4104
-
4105
- .block-editor-block-variation-picker__variation.components-button.has-icon { justify-content: center; width: auto; }
4106
-
4107
- .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { background-color: #fff; }
4108
-
4109
- .block-editor-block-variation-picker__variation.components-button { height: auto; padding: 0; }
4110
-
4111
- .block-editor-block-variation-picker__variation::before { content: ""; padding-bottom: 100%; }
4112
-
4113
- .block-editor-block-variation-picker__variation:first-child { margin-left: 0; }
4114
-
4115
- .block-editor-block-variation-picker__variation:last-child { margin-right: 0; }
4116
-
4117
- .block-editor-button-block-appender { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; width: 100%; height: auto; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; }
4118
-
4119
- .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #007cba; }
4120
-
4121
- body.admin-color-sunrise .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #d1864a; }
4122
-
4123
- body.admin-color-ocean .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #a3b9a2; }
4124
-
4125
- body.admin-color-midnight .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #e14d43; }
4126
-
4127
- body.admin-color-ectoplasm .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #a7b656; }
4128
-
4129
- body.admin-color-coffee .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #c2a68c; }
4130
-
4131
- body.admin-color-blue .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #d9ab59; }
4132
-
4133
- body.admin-color-light .block-editor-button-block-appender:hover { box-shadow: inset 0 0 0 1px #0085ba; }
4134
-
4135
- .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #007cba; }
4136
-
4137
- body.admin-color-sunrise .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #d1864a; }
4138
-
4139
- body.admin-color-ocean .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #a3b9a2; }
4140
-
4141
- body.admin-color-midnight .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #e14d43; }
4142
-
4143
- body.admin-color-ectoplasm .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #a7b656; }
4144
-
4145
- body.admin-color-coffee .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #c2a68c; }
4146
-
4147
- body.admin-color-blue .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #d9ab59; }
4148
-
4149
- body.admin-color-light .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px #0085ba; }
4150
-
4151
- .block-editor-button-block-appender:active { color: #000; }
4152
-
4153
- .block-editor-button-block-appender.block-list-appender__toggle { display: flex; flex-direction: row; color: #1e1e1e; box-shadow: none; height: 24px; padding: 0; margin-left: 8px; }
4154
-
4155
- .block-editor-button-block-appender.block-list-appender__toggle:active { color: #fff; }
4156
-
4157
- .block-editor-button-block-appender.block-list-appender__toggle > svg { width: 24px; background-color: #1e1e1e; color: #fff; }
4158
-
4159
- .block-editor-button-block-appender.block-list-appender__toggle .block-editor-button-block-appender__label { display: block; margin-left: 8px; }
4160
-
4161
- .block-editor-color-gradient-control__color-indicator { margin-bottom: 8px; }
4162
-
4163
- .block-editor-color-gradient-control__button-tabs { display: block; margin-bottom: 8px; }
4164
-
4165
- .block-editor-panel-color-gradient-settings .component-color-indicator { vertical-align: text-bottom; }
4166
-
4167
- .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: inline-block; }
4168
-
4169
- .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { display: none; }
4170
-
4171
- .block-editor-contrast-checker > .components-notice { margin: 0; }
4172
-
4173
- .block-editor-default-block-appender { clear: both; margin-left: auto; margin-right: auto; position: relative; }
4174
-
4175
- .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { outline: 1px solid transparent; }
4176
-
4177
- .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { font-family: inherit; font-size: inherit; border: none; background: none; box-shadow: none; display: block; cursor: text; width: 100%; outline: 1px solid transparent; transition: 0.2s outline; resize: none; margin-top: 28px; margin-bottom: 28px; padding: 0 50px 0 0; color: rgba(14, 28, 46, 0.62); }
4178
-
4179
- @media (prefers-reduced-motion: reduce) { .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { transition-duration: 0s; } }
4180
-
4181
- .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { color: rgba(255, 255, 255, 0.65); }
4182
-
4183
- .block-editor-default-block-appender .components-drop-zone__content-icon { display: none; }
4184
-
4185
- .block-editor-default-block-appender__content { line-height: 1.8; }
4186
-
4187
- .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { position: absolute; top: 0; height: 32px; }
4188
-
4189
- .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { margin-right: 0; }
4190
-
4191
- .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { right: 8px; }
4192
-
4193
- @media (min-width: 600px) { .block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { display: flex; height: 100%; } }
4194
-
4195
- .block-editor-block-list__empty-block-inserter:disabled, .block-editor-default-block-appender .block-editor-inserter:disabled { display: none; }
4196
-
4197
- @media (min-width: 600px) { .block-editor-default-block-appender .block-editor-inserter { align-items: center; } }
4198
-
4199
- .block-editor-link-control { position: relative; min-width: 360px; }
4200
-
4201
- .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 360px; }
4202
-
4203
- .block-editor-link-control__search-input-wrapper { position: relative; }
4204
-
4205
- .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 32px); display: block; padding: 11px 16px; padding-right: 36px; margin: 16px; position: relative; border: 1px solid #e2e4e7; border-radius: 4px; }
4206
-
4207
- @media (prefers-reduced-motion: reduce) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { transition-duration: 0s; } }
4208
-
4209
- @media (min-width: 600px) { .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
4210
-
4211
- .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
4212
-
4213
- body.admin-color-sunrise .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
4214
-
4215
- body.admin-color-ocean .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
4216
-
4217
- body.admin-color-midnight .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
4218
-
4219
- body.admin-color-ectoplasm .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
4220
-
4221
- body.admin-color-coffee .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
4222
-
4223
- body.admin-color-blue .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
4224
-
4225
- body.admin-color-light .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
4226
-
4227
- .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4228
-
4229
- .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
4230
-
4231
- .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4232
-
4233
- .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4234
-
4235
- .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
4236
-
4237
- .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4238
-
4239
- .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { margin-bottom: 0; }
4240
-
4241
- .block-editor-link-control__search-error { margin: -8px 16px 16px; }
4242
-
4243
- .block-editor-link-control__search-actions { position: absolute; /* Actions must be positioned on top of URLInput, since the input will grow when suggestions are rendered. Compensate for: - Input margin ($grid-unit-20) - Border (1px) - Vertically, for the difference in height between the input (40px) and the icon buttons. - Horizontally, pad to the minimum of: default input padding, or the equivalent of the vertical padding. */ top: 19px; right: 19px; }
4244
-
4245
- .block-editor-link-control__search-results-wrapper { position: relative; margin-top: -15px; }
4246
-
4247
- .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { content: ""; position: absolute; left: -1px; right: 16px; display: block; pointer-events: none; z-index: 100; }
4248
-
4249
- .block-editor-link-control__search-results-wrapper::before { height: 8px; top: 0; bottom: auto; background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); }
4250
-
4251
- .block-editor-link-control__search-results-wrapper::after { height: 16px; bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
4252
-
4253
- .block-editor-link-control__search-results-label { padding: 15px 30px 0 30px; display: block; font-size: 1.1em; }
4254
-
4255
- .block-editor-link-control__search-results { margin: 0; padding: 8px 16px 8px; max-height: 200px; overflow-y: auto; }
4256
-
4257
- .block-editor-link-control__search-results.is-loading { opacity: 0.2; }
4258
-
4259
- .block-editor-link-control__search-item { position: relative; display: flex; align-items: center; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; padding: 10px 15px; border-radius: 5px; height: auto; }
4260
-
4261
- .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { background-color: #edeff0; }
4262
-
4263
- .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #007cba inset; }
4264
-
4265
- body.admin-color-sunrise .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d1864a inset; }
4266
-
4267
- body.admin-color-ocean .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a3b9a2 inset; }
4268
-
4269
- body.admin-color-midnight .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #e14d43 inset; }
4270
-
4271
- body.admin-color-ectoplasm .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #a7b656 inset; }
4272
-
4273
- body.admin-color-coffee .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #c2a68c inset; }
4274
-
4275
- body.admin-color-blue .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #d9ab59 inset; }
4276
-
4277
- body.admin-color-light .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 1.5px #0085ba inset; }
4278
-
4279
- .block-editor-link-control__search-item.is-selected { background: #f3f4f5; }
4280
-
4281
- .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { background: #fff; }
4282
-
4283
- .block-editor-link-control__search-item.is-current { background: transparent; border: 0; width: 100%; cursor: default; padding: 16px; padding-left: 24px; }
4284
-
4285
- .block-editor-link-control__search-item .block-editor-link-control__search-item-header { display: block; margin-right: 24px; overflow: hidden; white-space: nowrap; }
4286
-
4287
- .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { margin-right: 1em; min-width: 24px; }
4288
-
4289
- .block-editor-link-control__search-item .block-editor-link-control__search-item-info, .block-editor-link-control__search-item .block-editor-link-control__search-item-title { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
4290
-
4291
- .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { color: #191e23; }
4292
-
4293
- .block-editor-link-control__search-item .block-editor-link-control__search-item-title { display: block; margin-bottom: 0.2em; font-weight: 500; }
4294
-
4295
- .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 700; color: #000; background-color: transparent; }
4296
-
4297
- .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { font-weight: normal; }
4298
-
4299
- .block-editor-link-control__search-item .block-editor-link-control__search-item-info { display: block; color: #6c7781; font-size: 0.9em; line-height: 1.3; }
4300
-
4301
- .block-editor-link-control__search-item .block-editor-link-control__search-item-type { display: block; padding: 3px 8px; margin-left: auto; font-size: 0.9em; background-color: #f3f4f5; border-radius: 2px; }
4302
-
4303
- .block-editor-link-control__loading { margin: 16px; display: flex; align-items: center; }
4304
-
4305
- .block-editor-link-control__loading .components-spinner { margin-top: 0; }
4306
-
4307
- .components-button + .block-editor-link-control__search-create { margin-top: 20px; overflow: visible; padding: 12px 15px; }
4308
-
4309
- .components-button + .block-editor-link-control__search-create::before { content: ""; position: absolute; top: -10px; left: 0; display: block; width: 100%; border-top: 1px solid #e2e4e7; }
4310
-
4311
- .block-editor-link-control__search-results div[role="menu"] > .block-editor-link-control__search-item.block-editor-link-control__search-item { padding: 10px; }
4312
-
4313
- .block-editor-link-control__settings { border-top: 1px solid #e2e4e7; margin: 0; padding: 16px 24px; }
4314
-
4315
- .block-editor-link-control__settings :last-child { margin-bottom: 0; }
4316
-
4317
- .block-editor-link-control__setting { margin-bottom: 16px; }
4318
-
4319
- .block-editor-link-control__setting :last-child { margin-bottom: 0; }
4320
-
4321
- .block-editor-link-control .block-editor-link-control__search-input .components-spinner { display: block; }
4322
-
4323
- .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { position: absolute; left: auto; bottom: auto; /* Position spinner to the left of the actions. Compensate for: - Input margin ($grid-unit-20) - Border (1px) - Vertically, for the difference in height between the input (40px) and the spinner. - Horizontally, adjust for the width occupied by the icon buttons, then artificially create spacing that mimics as if the spinner were center-padded to the same width as an icon button. */ top: 28px; right: 62px; }
4324
-
4325
- .block-editor-link-control__search-item-action { margin-left: auto; flex-shrink: 0; }
4326
-
4327
- .block-editor-line-height-control { margin-bottom: 24px; }
4328
-
4329
- .block-editor-line-height-control input { display: block; max-width: 60px; }
4330
-
4331
- .block-editor-image-size-control { margin-bottom: 1em; }
4332
-
4333
- .block-editor-image-size-control .block-editor-image-size-control__row { display: flex; justify-content: space-between; }
4334
-
4335
- .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-bottom: 0.5em; }
4336
-
4337
- .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { line-height: 1.25; }
4338
-
4339
- .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { margin-right: 5px; }
4340
-
4341
- .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-left: 5px; }
4342
-
4343
- .block-editor-block-list__layout.has-overlay::after { content: ""; position: absolute; top: -14px; right: -14px; bottom: -14px; left: -14px; z-index: 60; }
4344
-
4345
- [data-align="full"] .has-overlay::after { right: 0; left: 0; }
4346
-
4347
- .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; }
4348
-
4349
- .components-button.block-editor-block-types-list__item { display: flex; flex-direction: column; width: 100%; font-size: 13px; color: #32373c; padding: 8px; align-items: stretch; justify-content: center; cursor: pointer; background: transparent; word-break: break-word; border-radius: 2px; border: 1px solid transparent; transition: all 0.05s ease-in-out; position: relative; height: auto; }
4350
-
4351
- @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-types-list__item { transition-duration: 0s; } }
4352
-
4353
- .components-button.block-editor-block-types-list__item:disabled { opacity: 0.6; cursor: default; }
4354
-
4355
- .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #007cba; color: #007cba !important; }
4356
-
4357
- body.admin-color-sunrise .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #d1864a; color: #d1864a !important; }
4358
-
4359
- body.admin-color-ocean .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #a3b9a2; color: #a3b9a2 !important; }
4360
-
4361
- body.admin-color-midnight .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #e14d43; color: #e14d43 !important; }
4362
-
4363
- body.admin-color-ectoplasm .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #a7b656; color: #a7b656 !important; }
4364
-
4365
- body.admin-color-coffee .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #c2a68c; color: #c2a68c !important; }
4366
-
4367
- body.admin-color-blue .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #d9ab59; color: #d9ab59 !important; }
4368
-
4369
- body.admin-color-light .components-button.block-editor-block-types-list__item:not(:disabled):hover { border-color: #0085ba; color: #0085ba !important; }
4370
-
4371
- .components-button.block-editor-block-types-list__item:not(:disabled).is-active { color: #fff; background: #1e1e1e; outline: 2px solid transparent; outline-offset: -2px; }
4372
-
4373
- .block-editor-block-types-list__item-icon { padding: 12px 20px; border-radius: 2px; color: #1e1e1e; transition: all 0.05s ease-in-out; }
4374
-
4375
- @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon { transition-duration: 0s; } }
4376
-
4377
- .block-editor-block-types-list__item-icon .block-editor-block-icon { margin-left: auto; margin-right: auto; }
4378
-
4379
- .block-editor-block-types-list__item-icon svg { transition: all 0.15s ease-out; }
4380
-
4381
- @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon svg { transition-duration: 0s; } }
4382
-
4383
- .block-editor-block-types-list__item-title { padding: 4px 2px 8px; font-size: 12px; }
4384
-
4385
- .modal-open .block-editor-media-replace-flow__options { display: none; }
4386
-
4387
- .block-editor-media-replace-flow__options .components-popover__content { padding-top: 16px; }
4388
-
4389
- .block-editor-media-replace-flow__indicator { margin-left: 4px; }
4390
-
4391
- .block-editor-media-replace-flow__media-upload-menu { margin-bottom: 16px; }
4392
-
4393
- .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { top: 16px; }
4394
-
4395
- .block-editor-media-flow__url-input .block-editor-link-control { margin-top: -16px; width: auto; }
4396
-
4397
- .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { margin-bottom: 0; }
4398
-
4399
- .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { max-width: 180px; margin-top: 16px; }
4400
-
4401
- .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { width: auto; padding: 0; }
4402
-
4403
- .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { margin: 16px 0 0 0; width: 100%; }
4404
-
4405
- .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { right: 4px; }
4406
-
4407
- .block-editor-media-flow__error { padding: 0 20px 20px 20px; max-width: 255px; }
4408
-
4409
- .block-editor-media-flow__error .components-with-notices-ui { max-width: 255px; }
4410
-
4411
- .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { overflow: hidden; word-wrap: break-word; }
4412
-
4413
- .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { position: absolute; right: 10px; }
4414
-
4415
- .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { margin-bottom: 0; }
4416
-
4417
- .block-editor-media-placeholder__url-input-form { display: flex; }
4418
-
4419
- .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { width: 100%; flex-grow: 1; border: none; border-radius: 0; margin: 2px; }
4420
-
4421
- @media (min-width: 600px) { .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { width: 300px; } }
4422
-
4423
- .block-editor-media-placeholder__url-input-submit-button { flex-shrink: 1; }
4424
-
4425
- .block-editor-media-placeholder__button { margin-bottom: 0.5rem; }
4426
-
4427
- .block-editor-media-placeholder__cancel-button.is-link { margin: 1em; display: block; }
4428
-
4429
- .block-editor-media-placeholder.is-appender { min-height: 0; }
4430
-
4431
- .block-editor-media-placeholder.is-appender:hover { cursor: pointer; box-shadow: 0 0 0 1px #007cba; }
4432
-
4433
- body.admin-color-sunrise .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #d1864a; }
4434
-
4435
- body.admin-color-ocean .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #a3b9a2; }
4436
-
4437
- body.admin-color-midnight .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #e14d43; }
4438
-
4439
- body.admin-color-ectoplasm .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #a7b656; }
4440
-
4441
- body.admin-color-coffee .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #c2a68c; }
4442
-
4443
- body.admin-color-blue .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #d9ab59; }
4444
-
4445
- body.admin-color-light .block-editor-media-placeholder.is-appender:hover { box-shadow: 0 0 0 1px #0085ba; }
4446
-
4447
- .block-editor-multi-selection-inspector__card { display: flex; align-items: flex-start; padding: 16px; }
4448
-
4449
- .block-editor-multi-selection-inspector__card-content { flex-grow: 1; }
4450
-
4451
- .block-editor-multi-selection-inspector__card-title { font-weight: 500; margin-bottom: 5px; }
4452
-
4453
- .block-editor-multi-selection-inspector__card-description { font-size: 13px; }
4454
-
4455
- .block-editor-multi-selection-inspector__card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; }
4456
-
4457
- .block-editor .block-editor-plain-text { box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; border: none; padding: 0; margin: 0; width: 100%; }
4458
-
4459
- .block-editor-responsive-block-control { margin-bottom: 28px; border-bottom: 1px solid #d7dade; padding-bottom: 14px; }
4460
-
4461
- .block-editor-responsive-block-control:last-child { padding-bottom: 0; border-bottom: 0; }
4462
-
4463
- .block-editor-responsive-block-control__title { margin: 0; margin-bottom: 0.6em; margin-left: -3px; }
4464
-
4465
- .block-editor-responsive-block-control__label { font-weight: 600; margin-bottom: 0.6em; margin-left: -3px; }
4466
-
4467
- .block-editor-responsive-block-control__inner { margin-left: -1px; }
4468
-
4469
- .block-editor-responsive-block-control__toggle { margin-left: 1px; }
4470
-
4471
- .block-editor-responsive-block-control .components-base-control__help { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
4472
-
4473
- .block-editor-format-toolbar .components-dropdown-menu__toggle { justify-content: center; }
4474
-
4475
- .block-editor-rich-text__editable > p:first-child { margin-top: 0; }
4476
-
4477
- .block-editor-rich-text__editable [data-rich-text-placeholder] { pointer-events: none; }
4478
-
4479
- .block-editor-rich-text__editable [data-rich-text-placeholder]::after { content: attr(data-rich-text-placeholder); opacity: 0.62; }
4480
-
4481
- .block-editor-rich-text__editable:focus { outline: none; }
4482
-
4483
- .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { border-radius: 2px; }
4484
-
4485
- .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after { display: none; }
4486
-
4487
- figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { opacity: 0.8; }
4488
-
4489
- .components-popover.block-editor-rich-text__inline-format-toolbar { z-index: 99998; }
4490
-
4491
- .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { width: auto; min-width: auto; margin-bottom: 8px; box-shadow: none; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; }
4492
-
4493
- .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { border: none; }
4494
-
4495
- .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { min-width: 48px; min-height: 48px; padding-left: 12px; padding-right: 12px; }
4496
-
4497
- .block-editor-skip-to-selected-block { position: absolute; top: -9999em; }
4498
-
4499
- .block-editor-skip-to-selected-block:focus { height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: #11a0d2; line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: none; z-index: 100000; }
4500
-
4501
- body.admin-color-sunrise .block-editor-skip-to-selected-block:focus { color: #c8b03c; }
4502
-
4503
- body.admin-color-ocean .block-editor-skip-to-selected-block:focus { color: #a89d8a; }
4504
-
4505
- body.admin-color-midnight .block-editor-skip-to-selected-block:focus { color: #77a6b9; }
4506
-
4507
- body.admin-color-ectoplasm .block-editor-skip-to-selected-block:focus { color: #c77430; }
4508
-
4509
- body.admin-color-coffee .block-editor-skip-to-selected-block:focus { color: #9fa47b; }
4510
-
4511
- body.admin-color-blue .block-editor-skip-to-selected-block:focus { color: #d9ab59; }
4512
-
4513
- body.admin-color-light .block-editor-skip-to-selected-block:focus { color: #c75726; }
4514
-
4515
- .block-editor-tool-selector__help { margin-top: 8px; margin-left: -12px; margin-right: -12px; margin-bottom: -12px; padding: 12px 20px; border-top: 1px solid #e2e4e7; color: #6c7781; }
4516
-
4517
- .block-editor-block-list__block .block-editor-url-input, .components-popover .block-editor-url-input, .block-editor-url-input { flex-grow: 1; position: relative; padding: 1px; }
4518
-
4519
- .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 100%; padding: 8px; border: none; border-radius: 0; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; }
4520
-
4521
- @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { width: 300px; } }
4522
-
4523
- @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type="text"], .components-popover .block-editor-url-input input[type="text"], .block-editor-url-input input[type="text"] { font-size: 13px; } }
4524
-
4525
- .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear, .components-popover .block-editor-url-input input[type="text"]::-ms-clear, .block-editor-url-input input[type="text"]::-ms-clear { display: none; }
4526
-
4527
- .block-editor-block-list__block .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width { width: 100%; }
4528
-
4529
- .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] { width: 100%; }
4530
-
4531
- .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width__suggestions { width: 100%; }
4532
-
4533
- .block-editor-block-list__block .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner { position: absolute; right: 8px; bottom: 17px; margin: 0; }
4534
-
4535
- .block-editor-url-input__input[type="text"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; }
4536
-
4537
- @media (prefers-reduced-motion: reduce) { .block-editor-url-input__input[type="text"] { transition-duration: 0s; } }
4538
-
4539
- @media (min-width: 600px) { .block-editor-url-input__input[type="text"] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
4540
-
4541
- .block-editor-url-input__input[type="text"]:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
4542
-
4543
- body.admin-color-sunrise .block-editor-url-input__input[type="text"]:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
4544
-
4545
- body.admin-color-ocean .block-editor-url-input__input[type="text"]:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
4546
-
4547
- body.admin-color-midnight .block-editor-url-input__input[type="text"]:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
4548
-
4549
- body.admin-color-ectoplasm .block-editor-url-input__input[type="text"]:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
4550
-
4551
- body.admin-color-coffee .block-editor-url-input__input[type="text"]:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
4552
-
4553
- body.admin-color-blue .block-editor-url-input__input[type="text"]:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
4554
-
4555
- body.admin-color-light .block-editor-url-input__input[type="text"]:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
4556
-
4557
- .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4558
-
4559
- .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
4560
-
4561
- .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4562
-
4563
- .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4564
-
4565
- .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
4566
-
4567
- .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4568
-
4569
- .block-editor-url-input__suggestions { max-height: 200px; transition: all 0.15s ease-in-out; padding: 4px 0; width: 302px; overflow-y: auto; }
4570
-
4571
- @media (prefers-reduced-motion: reduce) { .block-editor-url-input__suggestions { transition-duration: 0s; } }
4572
-
4573
- .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: none; }
4574
-
4575
- @media (min-width: 600px) { .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: inherit; } }
4576
-
4577
- .block-editor-url-input__suggestion { padding: 4px 8px; color: #6c7781; display: block; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; box-shadow: none; }
4578
-
4579
- .block-editor-url-input__suggestion:hover { background: #e2e4e7; }
4580
-
4581
- .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { background: #00719e; color: #fff; outline: none; }
4582
-
4583
- body.admin-color-sunrise .block-editor-url-input__suggestion:focus, body.admin-color-sunrise .block-editor-url-input__suggestion.is-selected { background: #b2723f; }
4584
-
4585
- body.admin-color-ocean .block-editor-url-input__suggestion:focus, body.admin-color-ocean .block-editor-url-input__suggestion.is-selected { background: #8b9d8a; }
4586
-
4587
- body.admin-color-midnight .block-editor-url-input__suggestion:focus, body.admin-color-midnight .block-editor-url-input__suggestion.is-selected { background: #bf4139; }
4588
-
4589
- body.admin-color-ectoplasm .block-editor-url-input__suggestion:focus, body.admin-color-ectoplasm .block-editor-url-input__suggestion.is-selected { background: #8e9b49; }
4590
-
4591
- body.admin-color-coffee .block-editor-url-input__suggestion:focus, body.admin-color-coffee .block-editor-url-input__suggestion.is-selected { background: #a58d77; }
4592
-
4593
- body.admin-color-blue .block-editor-url-input__suggestion:focus, body.admin-color-blue .block-editor-url-input__suggestion.is-selected { background: #6f99ad; }
4594
-
4595
- body.admin-color-light .block-editor-url-input__suggestion:focus, body.admin-color-light .block-editor-url-input__suggestion.is-selected { background: #00719e; }
4596
-
4597
- .components-toolbar-group > .block-editor-url-input__button, .components-toolbar > .block-editor-url-input__button { position: inherit; }
4598
-
4599
- .block-editor-url-input__button .block-editor-url-input__back { margin-right: 4px; overflow: visible; }
4600
-
4601
- .block-editor-url-input__button .block-editor-url-input__back::after { content: ""; position: absolute; display: block; width: 1px; height: 24px; right: -1px; background: #e2e4e7; }
4602
-
4603
- .block-editor-url-input__button-modal { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border: 1px solid #e2e4e7; background: #fff; }
4604
-
4605
- .block-editor-url-input__button-modal-line { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: flex-start; }
4606
-
4607
- .block-editor-url-input__button-modal-line .components-button { flex-shrink: 0; width: 36px; height: 36px; }
4608
-
4609
- .block-editor-url-popover__additional-controls { border-top: 1px solid #e2e4e7; }
4610
-
4611
- .block-editor-url-popover__additional-controls > div[role="menu"] .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) > svg { box-shadow: none; }
4612
-
4613
- .block-editor-url-popover__additional-controls div[role="menu"] > .components-button { padding-left: 2px; }
4614
-
4615
- .block-editor-url-popover__row { display: flex; }
4616
-
4617
- .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { flex-grow: 1; }
4618
-
4619
- .block-editor-url-popover .components-button.has-icon { padding: 3px; }
4620
-
4621
- .block-editor-url-popover .components-button.has-icon > svg { padding: 5px; border-radius: 4px; height: 30px; width: 30px; }
4622
-
4623
- .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { box-shadow: none; }
4624
-
4625
- .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; outline: 2px solid transparent; }
4626
-
4627
- body.admin-color-sunrise .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #d1864a, inset 0 0 0 4px #fff; }
4628
-
4629
- body.admin-color-ocean .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #a3b9a2, inset 0 0 0 4px #fff; }
4630
-
4631
- body.admin-color-midnight .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #e14d43, inset 0 0 0 4px #fff; }
4632
-
4633
- body.admin-color-ectoplasm .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #a7b656, inset 0 0 0 4px #fff; }
4634
-
4635
- body.admin-color-coffee .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #c2a68c, inset 0 0 0 4px #fff; }
4636
-
4637
- body.admin-color-blue .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #d9ab59, inset 0 0 0 4px #fff; }
4638
-
4639
- body.admin-color-light .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 1.5px #0085ba, inset 0 0 0 4px #fff; }
4640
-
4641
- .block-editor-url-popover__settings-toggle { flex-shrink: 0; border-radius: 0; border-left: 1px solid #e2e4e7; margin-left: 1px; }
4642
-
4643
- .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon { transform: rotate(180deg); }
4644
-
4645
- .block-editor-url-popover__input-container .components-base-control:last-child, .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { margin-bottom: 0; }
4646
-
4647
- .block-editor-url-popover__settings { display: block; padding: 16px; border-top: 1px solid #e2e4e7; }
4648
-
4649
- .block-editor-url-popover__link-editor, .block-editor-url-popover__link-viewer { display: flex; }
4650
-
4651
- .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { margin-bottom: 0; }
4652
-
4653
- .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { bottom: 9px; }
4654
-
4655
- .block-editor-url-popover__link-viewer-url { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; }
4656
-
4657
- .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #d94f4f; }
4658
-
4659
- .block-editor-warning { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; }
4660
-
4661
- .block-editor-warning .block-editor-warning__message { line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; margin: 1em 0; }
4662
-
4663
- .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { min-height: auto; }
4664
-
4665
- .block-editor-warning .block-editor-warning__contents { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; width: 100%; }
4666
-
4667
- .block-editor-warning .block-editor-warning__actions { display: flex; }
4668
-
4669
- .block-editor-warning .block-editor-warning__action { margin: 0 0 0 8px; }
4670
-
4671
- .block-editor-warning__secondary { margin: auto 0 auto 8px; }
4672
-
4673
- .block-editor-writing-flow { display: flex; flex-direction: column; }
4674
-
4675
- .block-editor-writing-flow__click-redirect { cursor: text; }
4676
-
4677
- .html-anchor-control .components-external-link { display: block; margin-top: 8px; }
4678
-
4679
- #end-resizable-editor-section { display: none; }
4680
-
4681
- /** Block Toolbar */
4682
- .block-editor-block-toolbar { display: flex; flex-grow: 1; width: 100%; overflow: auto; position: relative; transition: border-color 0.1s linear, box-shadow 0.1s linear; }
4683
-
4684
- @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar { transition-duration: 0s; } }
4685
-
4686
- @media (min-width: 600px) { .block-editor-block-toolbar { overflow: inherit; } }
4687
-
4688
- .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar { background: none; line-height: 0; margin-top: -1px; margin-bottom: -1px; border: 0; border-right: 1px solid #e2e4e7; }
4689
-
4690
- .block-editor-block-toolbar > :last-child, .block-editor-block-toolbar > :last-child .components-toolbar-group, .block-editor-block-toolbar > :last-child .components-toolbar { border-right: none; }
4691
-
4692
- .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar, .block-editor-format-toolbar .components-toolbar-group, .block-editor-format-toolbar .components-toolbar { display: flex; flex-wrap: nowrap; }
4693
-
4694
- .block-editor-block-toolbar__slot { display: inline-block; line-height: 0; }
4695
-
4696
- @supports ((position: -webkit-sticky) or (position: sticky)) { .block-editor-block-toolbar__slot { display: inline-flex; } }
4697
-
4698
- .block-editor-block-toolbar__block-parent-selector-wrapper { position: absolute; top: -1px; left: -1px; opacity: 0; transition: all 60ms linear; z-index: -1; }
4699
-
4700
- @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar__block-parent-selector-wrapper { transition-duration: 0s; } }
4701
-
4702
- .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper { opacity: 1; transform: translateY(-60px); }
4703
-
4704
- .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar__block-parent-selector-wrapper { display: none; }
4705
-
4706
- .block-editor-block-toolbar__mover-switcher-container { display: flex; }
4707
-
4708
- .block-editor-block-toolbar__block-switcher-wrapper .block-editor-block-switcher { display: block; }
4709
-
4710
- @media (min-width: 782px) { .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__mover-trigger-container { bottom: -1px; left: -1px; position: absolute; top: -1px; transform: translateX(-48px); -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } }
4711
-
4712
- .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__block-switcher-wrapper { background: #fff; border-left: 1px solid; border-radius: 0 0 2px 2px; position: relative; z-index: 1; margin-left: -1px; }
4713
-
4714
- @media (min-width: 782px) { .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__mover-trigger-wrapper:not(:empty) { background-color: #fff; border: 1px solid #000; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: none; height: 100%; transition: all 60ms linear; } }
4715
-
4716
- @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar.has-responsive-movers .block-editor-block-toolbar__mover-trigger-wrapper:not(:empty) { transition-duration: 0s; } }
4717
-
4718
- .block-editor-inserter { display: inline-block; background: none; border: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; }
4719
-
4720
- @media (min-width: 782px) { .block-editor-inserter { position: relative; } }
4721
-
4722
- @media (min-width: 782px) { .block-editor-inserter__popover > .components-popover__content { overflow-y: visible; height: 100vh; padding: 0; } }
4723
-
4724
- .block-editor-inserter__toggle.components-button { display: inline-flex; align-items: center; cursor: pointer; border: none; outline: none; padding: 0; transition: color 0.2s ease; }
4725
-
4726
- @media (prefers-reduced-motion: reduce) { .block-editor-inserter__toggle.components-button { transition-duration: 0s; } }
4727
-
4728
- .block-editor-inserter__menu { height: 100%; position: relative; overflow: visible; }
4729
-
4730
- .block-editor-inserter__main-area { width: auto; display: flex; flex-direction: column; height: 100%; }
4731
-
4732
- @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } }
4733
-
4734
- .block-editor-inserter__inline-elements { margin-top: -1px; }
4735
-
4736
- .block-editor-inserter__menu.is-bottom::after { border-bottom-color: #fff; }
4737
-
4738
- .components-popover.block-editor-inserter__popover { z-index: 99998; }
4739
-
4740
- .block-editor-inserter__search { padding: 16px; z-index: 1; flex-shrink: 0; position: relative; }
4741
-
4742
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; padding: 16px 48px 16px 16px; background: #f3f4f5; border: none; width: 100%; height: 48px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; }
4743
-
4744
- @media (prefers-reduced-motion: reduce) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { transition-duration: 0s; } }
4745
-
4746
- @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }
4747
-
4748
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #007cba; box-shadow: 0 0 0 0.5px #007cba; outline: 2px solid transparent; }
4749
-
4750
- body.admin-color-sunrise .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #d1864a; box-shadow: 0 0 0 0.5px #d1864a; }
4751
-
4752
- body.admin-color-ocean .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #a3b9a2; box-shadow: 0 0 0 0.5px #a3b9a2; }
4753
-
4754
- body.admin-color-midnight .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #e14d43; box-shadow: 0 0 0 0.5px #e14d43; }
4755
-
4756
- body.admin-color-ectoplasm .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #a7b656; box-shadow: 0 0 0 0.5px #a7b656; }
4757
-
4758
- body.admin-color-coffee .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #c2a68c; box-shadow: 0 0 0 0.5px #c2a68c; }
4759
-
4760
- body.admin-color-blue .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #d9ab59; box-shadow: 0 0 0 0.5px #d9ab59; }
4761
-
4762
- body.admin-color-light .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { border-color: #0085ba; box-shadow: 0 0 0 0.5px #0085ba; }
4763
-
4764
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4765
-
4766
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(14, 28, 46, 0.62); }
4767
-
4768
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(14, 28, 46, 0.62); }
4769
-
4770
- .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4771
-
4772
- .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.65); }
4773
-
4774
- .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
4775
-
4776
- @media (min-width: 600px) { .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { font-size: 13px; } }
4777
-
4778
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { background: #fff; box-shadow: 0 0 0 1.5px #007cba; }
4779
-
4780
- body.admin-color-sunrise .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #d1864a; }
4781
-
4782
- body.admin-color-ocean .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #a3b9a2; }
4783
-
4784
- body.admin-color-midnight .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #e14d43; }
4785
-
4786
- body.admin-color-ectoplasm .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #a7b656; }
4787
-
4788
- body.admin-color-coffee .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #c2a68c; }
4789
-
4790
- body.admin-color-blue .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #d9ab59; }
4791
-
4792
- body.admin-color-light .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { box-shadow: 0 0 0 1.5px #0085ba; }
4793
-
4794
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { color: #606a73; }
4795
-
4796
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder { color: #606a73; }
4797
-
4798
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { color: #606a73; }
4799
-
4800
- .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder { color: #606a73; }
4801
-
4802
- .block-editor-inserter__search-icon { position: absolute; top: 28px; right: 28px; }
4803
-
4804
- .block-editor-inserter__tabs { display: flex; flex-grow: 1; flex-direction: column; margin-top: -8px; }
4805
-
4806
- .block-editor-inserter__tabs .components-tab-panel__tabs { border-bottom: 1px solid #e2e4e7; }
4807
-
4808
- .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { flex-grow: 1; margin-bottom: -1px; }
4809
-
4810
- .block-editor-inserter__tabs .components-tab-panel__tab-content { display: flex; flex-grow: 1; flex-direction: column; position: relative; }
4811
-
4812
- .block-editor-inserter__panel-header { display: inline-flex; align-items: center; padding: 16px 16px 0; }
4813
-
4814
- .block-editor-inserter__panel-content { padding: 0 16px; }
4815
-
4816
- .block-editor-inserter__panel-title { color: #007cba; text-transform: uppercase; font-size: 11px; font-weight: 500; margin: 0 8px 0 0; }
4817
-
4818
- body.admin-color-sunrise .block-editor-inserter__panel-title { color: #d1864a; }
4819
-
4820
- body.admin-color-ocean .block-editor-inserter__panel-title { color: #a3b9a2; }
4821
-
4822
- body.admin-color-midnight .block-editor-inserter__panel-title { color: #e14d43; }
4823
-
4824
- body.admin-color-ectoplasm .block-editor-inserter__panel-title { color: #a7b656; }
4825
-
4826
- body.admin-color-coffee .block-editor-inserter__panel-title { color: #c2a68c; }
4827
-
4828
- body.admin-color-blue .block-editor-inserter__panel-title { color: #d9ab59; }
4829
-
4830
- body.admin-color-light .block-editor-inserter__panel-title { color: #0085ba; }
4831
-
4832
- .block-editor-inserter__block-list { flex-grow: 1; position: relative; }
4833
-
4834
- .block-editor-inserter__scrollable { overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll; }
4835
-
4836
- .block-editor-inserter__popover .block-editor-block-types-list { margin: 0 -8px; }
4837
-
4838
- .block-editor-inserter__reusable-blocks-panel { position: relative; text-align: right; }
4839
-
4840
- .block-editor-inserter__manage-reusable-blocks { display: inline-block; margin: 16px; }
4841
-
4842
- .block-editor-inserter__no-results { padding: 32px; margin-top: 64px; text-align: center; }
4843
-
4844
- .block-editor-inserter__no-results-icon { fill: #b5bcc2; }
4845
-
4846
- .block-editor-inserter__child-blocks { padding: 0 16px; }
4847
-
4848
- .block-editor-inserter__parent-block-header { display: flex; align-items: center; }
4849
-
4850
- .block-editor-inserter__parent-block-header h2 { font-size: 13px; }
4851
-
4852
- .block-editor-inserter__parent-block-header .block-editor-block-icon { margin-right: 8px; }
4853
-
4854
- .block-editor-inserter__preview-container { display: none; width: 300px; background: #fff; border-radius: 2px; border: 1px solid #e2e4e7; position: absolute; top: 16px; left: calc(100% + 16px); }
4855
-
4856
- @media (min-width: 782px) { .block-editor-inserter__preview-container { display: block; } }
4857
-
4858
- .block-editor-inserter__preview-container .block-editor-block-card { padding: 16px; }
4859
-
4860
- .block-editor-inserter__preview-container .block-editor-block-card__title { font-size: 13px; }
4861
-
4862
- .block-editor-inserter__preview-content { min-height: 144px; background: #f3f4f5; display: -ms-grid; display: grid; flex-grow: 1; align-items: center; }
4863
-
4864
- .block-editor-inserter__preview-content-missing { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 144px; color: #606a73; background: #f3f4f5; }
4865
-
4866
- .block-editor-inserter__tips { border-top: 1px solid #e2e4e7; padding: 16px; flex-shrink: 0; }
4867
-
4868
- .block-editor-inserter__patterns-item { border-radius: 2px; cursor: pointer; margin-top: 16px; transition: all 0.05s ease-in-out; position: relative; border: 1px solid transparent; }
4869
-
4870
- .block-editor-inserter__patterns-item:hover { border: 1px solid #007cba; }
4871
-
4872
- body.admin-color-sunrise .block-editor-inserter__patterns-item:hover { border: 1px solid #d1864a; }
4873
-
4874
- body.admin-color-ocean .block-editor-inserter__patterns-item:hover { border: 1px solid #a3b9a2; }
4875
-
4876
- body.admin-color-midnight .block-editor-inserter__patterns-item:hover { border: 1px solid #e14d43; }
4877
-
4878
- body.admin-color-ectoplasm .block-editor-inserter__patterns-item:hover { border: 1px solid #a7b656; }
4879
-
4880
- body.admin-color-coffee .block-editor-inserter__patterns-item:hover { border: 1px solid #c2a68c; }
4881
-
4882
- body.admin-color-blue .block-editor-inserter__patterns-item:hover { border: 1px solid #d9ab59; }
4883
-
4884
- body.admin-color-light .block-editor-inserter__patterns-item:hover { border: 1px solid #0085ba; }
4885
-
4886
- .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; outline: 2px solid transparent; }
4887
-
4888
- body.admin-color-sunrise .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
4889
-
4890
- body.admin-color-ocean .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
4891
-
4892
- body.admin-color-midnight .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
4893
-
4894
- body.admin-color-ectoplasm .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
4895
-
4896
- body.admin-color-coffee .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
4897
-
4898
- body.admin-color-blue .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
4899
-
4900
- body.admin-color-light .block-editor-inserter__patterns-item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
4901
-
4902
- .block-editor-inserter__patterns-item.is-placeholder { min-height: 100px; }
4903
-
4904
- .block-editor-inserter__patterns-item-title { padding: 4px; font-size: 12px; text-align: center; }
4905
-
4906
- .block-editor-post-preview__dropdown { display: none; margin-right: 12px; padding: 0; }
4907
-
4908
- .block-editor-post-preview__button-toggle { display: flex; justify-content: space-between; padding: 0 8px 0 12px; }
4909
-
4910
- .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; }
4911
-
4912
- body.admin-color-sunrise .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d1864a; }
4913
-
4914
- body.admin-color-ocean .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a3b9a2; }
4915
-
4916
- body.admin-color-midnight .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #e14d43; }
4917
-
4918
- body.admin-color-ectoplasm .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a7b656; }
4919
-
4920
- body.admin-color-coffee .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #c2a68c; }
4921
-
4922
- body.admin-color-blue .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #d9ab59; }
4923
-
4924
- body.admin-color-light .block-editor-post-preview__button-toggle:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #0085ba; }
4925
-
4926
- .block-editor-post-preview__button-toggle svg { margin-left: 4px; }
4927
-
4928
- .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { padding-left: 40px; }
4929
-
4930
- .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { padding-left: 8px; }
4931
-
4932
- .block-editor-post-preview__dropdown-content .components-popover__content { overflow-y: visible; }
4933
-
4934
- .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { border-top: 1px solid #ccc; padding: 8px 12px; margin-left: -12px; margin-right: -12px; }
4935
-
4936
- @media (min-width: 600px) { .editor-post-preview { display: none; }
4937
- .block-editor-post-preview__dropdown { display: flex; } }
4938
-
4939
- /** Colors */
4940
- /** Breakpoints & Media Queries */
4941
- /** Colors */
4942
- /** Fonts & basic variables. */
4943
- /** Grid System. https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */
4944
- /** Dimensions. */
4945
- /** Shadows. */
4946
- /** Editor widths. */
4947
- /** Block UI. */
4948
- /** Border radii. */
4949
- /** Breakpoint mixins */
4950
- /** Long content fade mixin Creates a fading overlay to signify that the content is longer than the space allows. */
4951
- /** Focus styles. */
4952
- /** Applies editor left position to the selector passed as argument */
4953
- /** Styles that are reused verbatim in a few places */
4954
- /** Allows users to opt-out of animations via OS-level preferences. */
4955
- /** Reset default styles for JavaScript UI based pages. This is a WP-admin agnostic reset */
4956
- /** Reset the WP Admin page styles for Gutenberg-like pages. */
4957
- #start-resizable-editor-section { display: none; }
4958
-
4959
- .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; }
4960
-
4961
- .wp-block-audio audio { width: 100%; min-width: 300px; }
4962
-
4963
- .wp-block-button__link { color: #fff; background-color: #32373c; border: none; border-radius: 28px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 18px; padding: 12px 24px; text-align: center; text-decoration: none; overflow-wrap: break-word; }
4964
-
4965
- .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { color: #fff; }
4966
-
4967
- .wp-block-button__link.aligncenter { text-align: center; }
4968
-
4969
- .wp-block-button__link.alignright { /*rtl:ignore*/ text-align: right; }
4970
-
4971
- .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; }
4972
-
4973
- .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important; }
4974
-
4975
- .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { color: #32373c; background-color: transparent; border: 2px solid; }
4976
-
4977
- .wp-block-buttons .wp-block-button.wp-block-button { display: inline-block; margin-right: 8px; margin-bottom: 8px; }
4978
-
4979
- .wp-block-buttons.alignright .wp-block-button { margin-right: 0; margin-left: 8px; }
4980
-
4981
- .wp-block-buttons.aligncenter { text-align: center; }
4982
-
4983
- .wp-block-calendar { text-align: center; }
4984
-
4985
- .wp-block-calendar th, .wp-block-calendar tbody td { padding: 4px; border: 1px solid #e2e4e7; }
4986
-
4987
- .wp-block-calendar tfoot td { border: none; }
4988
-
4989
- .wp-block-calendar table { width: 100%; border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
4990
-
4991
- .wp-block-calendar table th { font-weight: 400; background: #edeff0; }
4992
-
4993
- .wp-block-calendar a { text-decoration: underline; }
4994
-
4995
- .wp-block-calendar tfoot a { color: #00739c; }
4996
-
4997
- .wp-block-calendar table tbody, .wp-block-calendar table caption { color: #40464d; }
4998
-
4999
- .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; }
5000
-
5001
- .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; }
5002
-
5003
- .wp-block-columns { display: flex; margin-bottom: 28px; flex-wrap: wrap; }
5004
-
5005
- @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } }
5006
-
5007
- .wp-block-columns.has-background { padding: 20px 38px; }
5008
-
5009
- .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; }
5010
-
5011
- @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } }
5012
-
5013
- @media (min-width: 600px) and (max-width: 781px) { .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0; }
5014
- .wp-block-column:nth-child(even) { margin-left: 32px; } }
5015
-
5016
- @media (min-width: 782px) { .wp-block-column { flex-basis: 0; flex-grow: 1; }
5017
- .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
5018
- .wp-block-column:not(:first-child) { margin-left: 32px; } }
5019
-
5020
- /** All Columns Alignment */
5021
- .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; }
5022
-
5023
- .wp-block-columns.are-vertically-aligned-center { align-items: center; }
5024
-
5025
- .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; }
5026
-
5027
- /** Individual Column Alignment */
5028
- .wp-block-column.is-vertically-aligned-top { align-self: flex-start; }
5029
-
5030
- .wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; }
5031
-
5032
- .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; }
5033
-
5034
- .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { width: 100%; }
5035
-
5036
- .wp-block-cover-image, .wp-block-cover { position: relative; background-size: cover; background-position: center center; min-height: 430px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 16px; }
5037
-
5038
- .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; }
5039
-
5040
- @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } }
5041
-
5042
- @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } }
5043
-
5044
- .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim { background-color: #000; }
5045
-
5046
- .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; }
5047
-
5048
- .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
5049
-
5050
- .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { opacity: 0.5; }
5051
-
5052
- .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before { opacity: 0.1; }
5053
-
5054
- .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; }
5055
-
5056
- .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before { opacity: 0.2; }
5057
-
5058
- .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; }
5059
-
5060
- .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before { opacity: 0.3; }
5061
-
5062
- .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; }
5063
-
5064
- .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before { opacity: 0.4; }
5065
-
5066
- .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; }
5067
-
5068
- .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before { opacity: 0.5; }
5069
-
5070
- .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; }
5071
-
5072
- .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before { opacity: 0.6; }
5073
-
5074
- .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; }
5075
-
5076
- .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before { opacity: 0.7; }
5077
-
5078
- .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; }
5079
-
5080
- .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before { opacity: 0.8; }
5081
-
5082
- .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; }
5083
-
5084
- .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before { opacity: 0.9; }
5085
-
5086
- .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; }
5087
-
5088
- .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before { opacity: 1; }
5089
-
5090
- .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; }
5091
-
5092
- .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 290px; width: 100%; }
5093
-
5094
- .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit; }
5095
-
5096
- @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-cover-image::after, .wp-block-cover::after { content: none; } }
5097
-
5098
- .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; }
5099
-
5100
- .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 70px); z-index: 1; color: #f8f9f9; }
5101
-
5102
- .wp-block-cover-image p:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color) { color: inherit; }
5103
-
5104
- .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; }
5105
-
5106
- .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; }
5107
-
5108
- .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; }
5109
-
5110
- .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; }
5111
-
5112
- .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; }
5113
-
5114
- .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; }
5115
-
5116
- .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; }
5117
-
5118
- .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; }
5119
-
5120
- .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; }
5121
-
5122
- .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto; }
5123
-
5124
- .wp-block-cover__video-background { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; -o-object-fit: cover; object-fit: cover; }
5125
-
5126
- section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { color: #fff; }
5127
-
5128
- section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:hover, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:active, .wp-block-cover-image-text a, .wp-block-cover-image-text a:hover, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:active, .wp-block-cover-text a, .wp-block-cover-text a:hover, .wp-block-cover-text a:focus, .wp-block-cover-text a:active { color: #fff; }
5129
-
5130
- .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; }
5131
-
5132
- .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; }
5133
-
5134
- section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-left: 0; text-align: left; }
5135
-
5136
- section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-right: 0; text-align: right; }
5137
-
5138
- section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 580px; padding: 14px; text-align: center; }
5139
-
5140
- .wp-block[data-align="left"] > [data-type^="core-embed"], .wp-block[data-align="right"] > [data-type^="core-embed"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; width: 100%; }
5141
-
5142
- .wp-block[data-align="left"] > [data-type^="core-embed"] .wp-block-embed__wrapper, .wp-block[data-align="right"] > [data-type^="core-embed"] .wp-block-embed__wrapper, .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper { min-width: 280px; }
5143
-
5144
- .wp-block-embed { margin-bottom: 1em; }
5145
-
5146
- .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; }
5147
-
5148
- .wp-block-embed iframe { max-width: 100%; }
5149
-
5150
- .wp-block-embed__wrapper { position: relative; }
5151
-
5152
- .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; }
5153
-
5154
- .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
5155
-
5156
- .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; }
5157
-
5158
- .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; }
5159
-
5160
- .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; }
5161
-
5162
- .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; }
5163
-
5164
- .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; }
5165
-
5166
- .wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { padding-top: 66.66%; }
5167
-
5168
- .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; }
5169
-
5170
- .wp-block-file { margin-bottom: 1.5em; }
5171
-
5172
- .wp-block-file.aligncenter { text-align: center; }
5173
-
5174
- .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; }
5175
-
5176
- .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 13px; padding: 0.5em 1em; }
5177
-
5178
- .wp-block-file a.wp-block-file__button { text-decoration: none; }
5179
-
5180
- .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; }
5181
-
5182
- .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; }
5183
-
5184
- .wp-block-gallery, .blocks-gallery-grid { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
5185
-
5186
- .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { margin: 0 16px 16px 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; }
5187
-
5188
- .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { margin: 0; height: 100%; }
5189
-
5190
- @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; } }
5191
-
5192
- .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { display: block; max-width: 100%; height: auto; }
5193
-
5194
- .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: 100%; }
5195
-
5196
- @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: auto; } }
5197
-
5198
- .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
5199
-
5200
- .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img, .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img { display: inline; }
5201
-
5202
- .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { width: 100%; }
5203
-
5204
- @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover; } }
5205
-
5206
- .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { width: calc(50% - 16px); }
5207
-
5208
- .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { margin-right: 0; }
5209
-
5210
- .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; }
5211
-
5212
- @media (min-width: 600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item { width: calc(33.33333% - 10.66667px); margin-right: 16px; }
5213
- .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item { width: calc(25% - 12px); margin-right: 16px; }
5214
- .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item { width: calc(20% - 12.8px); margin-right: 16px; }
5215
- .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item { width: calc(16.66667% - 13.33333px); margin-right: 16px; }
5216
- .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item { width: calc(14.28571% - 13.71429px); margin-right: 16px; }
5217
- .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item { width: calc(12.5% - 14px); margin-right: 16px; }
5218
- .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; }
5219
- .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; }
5220
- .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; }
5221
- .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; }
5222
- .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; }
5223
- .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; }
5224
- .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; }
5225
- .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } }
5226
-
5227
- .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child, .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child { margin-right: 0; }
5228
-
5229
- .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright { max-width: 290px; width: 100%; }
5230
-
5231
- .wp-block-gallery.aligncenter .blocks-gallery-item figure, .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { justify-content: center; }
5232
-
5233
- h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 20px 38px; }
5234
-
5235
- .wp-block-image { margin-bottom: 1em; }
5236
-
5237
- .wp-block-image img { max-width: 100%; }
5238
-
5239
- .wp-block-image.aligncenter { text-align: center; }
5240
-
5241
- .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; }
5242
-
5243
- .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter, .wp-block-image.is-resized { display: table; }
5244
-
5245
- .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { display: table-caption; caption-side: bottom; }
5246
-
5247
- .wp-block-image .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-left: 0; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }
5248
-
5249
- .wp-block-image .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-right: 0; margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }
5250
-
5251
- .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; }
5252
-
5253
- .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; }
5254
-
5255
- .is-style-rounded img { border-radius: 9999px; }
5256
-
5257
- .is-style-circle-mask img { border-radius: 9999px; }
5258
-
5259
- @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .is-style-circle-mask img { /* stylelint-disable */ -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } }
5260
-
5261
- .wp-block-latest-comments__comment { font-size: 15px; line-height: 1.1; list-style: none; margin-bottom: 1em; }
5262
-
5263
- .has-avatars .wp-block-latest-comments__comment { min-height: 36px; list-style: none; }
5264
-
5265
- .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 52px; }
5266
-
5267
- .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.5; }
5268
-
5269
- .wp-block-latest-comments__comment-excerpt p { font-size: 14px; line-height: 1.8; margin: 5px 0 20px; }
5270
-
5271
- .wp-block-latest-comments__comment-date { color: #8f98a1; display: block; font-size: 12px; }
5272
-
5273
- .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 24px; display: block; float: left; height: 40px; margin-right: 12px; width: 40px; }
5274
-
5275
- .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; }
5276
-
5277
- .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; }
5278
-
5279
- .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; }
5280
-
5281
- .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; }
5282
-
5283
- .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; padding: 0; }
5284
-
5285
- .wp-block-latest-posts.is-grid li { margin: 0 20px 20px 0; width: 100%; }
5286
-
5287
- @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 20px); }
5288
- .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 20px); }
5289
- .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 20px); }
5290
- .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 20px); }
5291
- .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 20px); } }
5292
-
5293
- .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; color: #6c7781; font-size: 13px; }
5294
-
5295
- .wp-block-latest-posts__post-excerpt { margin-top: 8px; margin-bottom: 16px; }
5296
-
5297
- .wp-block-latest-posts__featured-image img { height: auto; width: auto; }
5298
-
5299
- .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; }
5300
-
5301
- .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; }
5302
-
5303
- .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; }
5304
-
5305
- .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 20px; }
5306
-
5307
- .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; }
5308
-
5309
- .wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; grid-template-columns: 1fr 50%; }
5310
-
5311
- .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { -ms-grid-row-align: start; align-self: start; }
5312
-
5313
- .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { -ms-grid-row-align: center; align-self: center; }
5314
-
5315
- .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { -ms-grid-row-align: end; align-self: end; }
5316
-
5317
- .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; }
5318
-
5319
- .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; }
5320
-
5321
- .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ }
5322
-
5323
- .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ }
5324
-
5325
- .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; }
5326
-
5327
- .wp-block-media-text.is-image-fill figure.wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; }
5328
-
5329
- .wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
5330
-
5331
- /* Here we here not able to use a mobile first CSS approach. Custom widths are set using inline styles, and on mobile, we need 100% width, so we use important to overwrite the inline style. If the style were set on mobile first, on desktop styles, we would have no way of setting the style again to the inline style. */
5332
- @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100% !important; grid-template-columns: 100% !important; }
5333
- .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
5334
- .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }
5335
- .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }
5336
- .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } }
5337
-
5338
- .wp-block-navigation__container { list-style: none; margin: 0; padding-left: 0; display: flex; flex-wrap: wrap; }
5339
-
5340
- .is-vertical .wp-block-navigation__container { display: block; }
5341
-
5342
- .wp-block-navigation-link { display: flex; align-items: center; position: relative; margin: 0; padding: 8px; }
5343
-
5344
- .wp-block-navigation-link .wp-block-navigation__container:empty { display: none; }
5345
-
5346
- .has-child .wp-block-navigation__container { border: 1px solid rgba(0, 0, 0, 0.15); padding: 6px 0; background-color: inherit; color: inherit; position: absolute; left: 0; top: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 1; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; }
5347
-
5348
- .has-child .wp-block-navigation__container > .wp-block-navigation-link { font-size: 15px; }
5349
-
5350
- .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { flex-grow: 1; }
5351
-
5352
- .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { padding-right: 8px; }
5353
-
5354
- @media (min-width: 782px) { .has-child .wp-block-navigation__container { left: 24px; }
5355
- .has-child .wp-block-navigation__container .wp-block-navigation__container { left: calc(100% + 8px); top: -7px; }
5356
- .has-child .wp-block-navigation__container .wp-block-navigation__container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 8px; background: transparent; }
5357
- .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { transform: rotate(0); } }
5358
-
5359
- .has-child:hover { cursor: pointer; }
5360
-
5361
- .has-child:hover > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; }
5362
-
5363
- .has-child:focus-within { cursor: pointer; }
5364
-
5365
- .has-child:focus-within > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; }
5366
-
5367
- .wp-block-navigation-link__content { text-decoration: none; padding: 6px 16px; }
5368
-
5369
- .has-text-color .wp-block-navigation-link__content { color: inherit; }
5370
-
5371
- .wp-block-navigation-link__label { font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; word-break: normal; overflow-wrap: break-word; }
5372
-
5373
- .wp-block-navigation-link__submenu-icon { height: inherit; padding: 6px 16px; }
5374
-
5375
- .wp-block-navigation-link__submenu-icon svg { fill: currentColor; }
5376
-
5377
- @media (min-width: 782px) { .wp-block-navigation-link__submenu-icon svg { transform: rotate(90deg); } }
5378
-
5379
- .wp-block-navigation .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) { color: #111; }
5380
-
5381
- .wp-block-navigation:not(.has-background) .wp-block-navigation__container, .wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container { background-color: #fff; }
5382
-
5383
- .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) { color: #fff; }
5384
-
5385
- .wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container { background-color: #333; }
5386
-
5387
- .items-justified-left > ul { justify-content: flex-start; }
5388
-
5389
- .items-justified-center > ul { justify-content: center; }
5390
-
5391
- .items-justified-right > ul { justify-content: flex-end; }
5392
-
5393
- .is-small-text { font-size: 14px; }
5394
-
5395
- .is-regular-text { font-size: 16px; }
5396
-
5397
- .is-large-text { font-size: 36px; }
5398
-
5399
- .is-larger-text { font-size: 48px; }
5400
-
5401
- .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; }
5402
-
5403
- p.has-background { padding: 20px 38px; }
5404
-
5405
- p.has-text-color a { color: inherit; }
5406
-
5407
- .wp-block-post-author { display: flex; flex-wrap: wrap; line-height: 1.5; }
5408
-
5409
- .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.8em; }
5410
-
5411
- .wp-block-post-author__avatar { margin-right: 16px; }
5412
-
5413
- .wp-block-post-author__bio { margin-top: 8px; }
5414
-
5415
- .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; }
5416
-
5417
- .wp-block-post-author__name { font-weight: bold; margin: 0; }
5418
-
5419
- .wp-block-pullquote { padding: 3em 0; margin-left: 0; margin-right: 0; text-align: center; }
5420
-
5421
- .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 290px; }
5422
-
5423
- .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; }
5424
-
5425
- .wp-block-pullquote p { font-size: 28px; line-height: 1.6; }
5426
-
5427
- .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; }
5428
-
5429
- .wp-block-pullquote .has-text-color a { color: inherit; }
5430
-
5431
- .wp-block-pullquote:not(.is-style-solid-color) { background: none; }
5432
-
5433
- .wp-block-pullquote.is-style-solid-color { border: none; }
5434
-
5435
- .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; }
5436
-
5437
- .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 32px; }
5438
-
5439
- .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; }
5440
-
5441
- .wp-block-pullquote cite { color: inherit; }
5442
-
5443
- .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 0 16px; padding: 0 1em; }
5444
-
5445
- .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; font-style: italic; line-height: 1.6; }
5446
-
5447
- .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { font-size: 18px; text-align: right; }
5448
-
5449
- .wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; }
5450
-
5451
- .wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; }
5452
-
5453
- .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; }
5454
-
5455
- .wp-block-rss.is-grid li { margin: 0 16px 16px 0; width: 100%; }
5456
-
5457
- @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 16px); }
5458
- .wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 16px); }
5459
- .wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 16px); }
5460
- .wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 16px); }
5461
- .wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 16px); } }
5462
-
5463
- .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; color: #6c7781; font-size: 13px; }
5464
-
5465
- .wp-block-search { display: flex; flex-wrap: wrap; }
5466
-
5467
- .wp-block-search .wp-block-search__label { width: 100%; }
5468
-
5469
- .wp-block-search .wp-block-search__input { flex-grow: 1; max-width: 360px; }
5470
-
5471
- .wp-block-search .wp-block-search__button { margin-left: 10px; }
5472
-
5473
- .wp-block-separator.is-style-wide { border-bottom-width: 1px; }
5474
-
5475
- .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; }
5476
-
5477
- .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; color: currentColor; font-size: 20px; letter-spacing: 2em; /*rtl:ignore*/ padding-left: 2em; font-family: serif; }
5478
-
5479
- .wp-block-social-links { display: flex; justify-content: flex-start; padding-left: 0; padding-right: 0; margin-left: 0; }
5480
-
5481
- .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; }
5482
-
5483
- .wp-social-link { display: block; width: 36px; height: 36px; border-radius: 36px; margin-right: 8px; transition: transform 0.1s ease; }
5484
-
5485
- @media (prefers-reduced-motion: reduce) { .wp-social-link { transition-duration: 0s; } }
5486
-
5487
- .wp-social-link a { padding: 6px; display: block; line-height: 0; transition: transform 0.1s ease; }
5488
-
5489
- .wp-social-link a, .wp-social-link a:hover, .wp-social-link a:active, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor; }
5490
-
5491
- .wp-social-link:hover { transform: scale(1.1); }
5492
-
5493
- .wp-block-social-links.aligncenter { justify-content: center; display: flex; }
5494
-
5495
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444; }
5496
-
5497
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff; }
5498
-
5499
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff; }
5500
-
5501
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff; }
5502
-
5503
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff; }
5504
-
5505
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff; }
5506
-
5507
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff; }
5508
-
5509
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff; }
5510
-
5511
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff; }
5512
-
5513
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; color: #fff; }
5514
-
5515
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff; }
5516
-
5517
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff; }
5518
-
5519
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff; }
5520
-
5521
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff; }
5522
-
5523
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110; }
5524
-
5525
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff; }
5526
-
5527
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff; }
5528
-
5529
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff; }
5530
-
5531
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; color: #fff; }
5532
-
5533
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff; }
5534
-
5535
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff; }
5536
-
5537
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff; }
5538
-
5539
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff; }
5540
-
5541
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff; }
5542
-
5543
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff; }
5544
-
5545
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff; }
5546
-
5547
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000; }
5548
-
5549
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff; }
5550
-
5551
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff; }
5552
-
5553
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff; }
5554
-
5555
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff; }
5556
-
5557
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; color: #fff; }
5558
-
5559
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff; }
5560
-
5561
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff; }
5562
-
5563
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff; }
5564
-
5565
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff; }
5566
-
5567
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #f00; color: #fff; }
5568
-
5569
- .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; }
5570
-
5571
- .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 28px; height: 28px; }
5572
-
5573
- .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; }
5574
-
5575
- .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3; }
5576
-
5577
- .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe; }
5578
-
5579
- .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26; }
5580
-
5581
- .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b; }
5582
-
5583
- .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89; }
5584
-
5585
- .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff; }
5586
-
5587
- .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800; }
5588
-
5589
- .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1778f2; }
5590
-
5591
- .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000; }
5592
-
5593
- .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd; }
5594
-
5595
- .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678; }
5596
-
5597
- .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d; }
5598
-
5599
- .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110; }
5600
-
5601
- .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434; }
5602
-
5603
- .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075; }
5604
-
5605
- .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24; }
5606
-
5607
- .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0d66c2; }
5608
-
5609
- .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4; }
5610
-
5611
- .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c; }
5612
-
5613
- .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f; }
5614
-
5615
- .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122; }
5616
-
5617
- .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155; }
5618
-
5619
- .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500; }
5620
-
5621
- .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7; }
5622
-
5623
- .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000; }
5624
-
5625
- .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600; }
5626
-
5627
- .wp-block-social-links.is-style-logos-only .wp-social-