← Back to branch summary

~canonical-sysadmins/wordpress/5.1.1

« back to all changes in this revision

Viewing changes to wp-includes/css/dist/edit-post/style-rtl.css

  • Committer: Barry Price
  • Date: 2018-12-12 05:08:33 UTC
  • mfrom: (1.2.8 upstream)
  • Revision ID: barry.price@canonical.com-20181212050833-y090hmrbmlxy37aa
Merge WP5.0 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/dist/edit-post/style-rtl.css
 
1
/**
 
2
 * Colors
 
3
 */
 
4
/**
 
5
 * Breakpoints & Media Queries
 
6
 */
 
7
/**
 
8
 * Often re-used variables
 
9
 */
 
10
/**
 
11
 * Breakpoint mixins
 
12
 */
 
13
/**
 
14
 * Long content fade mixin
 
15
 *
 
16
 * Creates a fading overlay to signify that the content is longer
 
17
 * than the space allows.
 
18
 */
 
19
/**
 
20
 * Button states and focus styles
 
21
 */
 
22
/**
 
23
 * Applies editor left position to the selector passed as argument
 
24
 */
 
25
/**
 
26
 * Applies editor right position to the selector passed as argument
 
27
 */
 
28
/**
 
29
 * Styles that are reused verbatim in a few places
 
30
 */
 
31
body.js.is-fullscreen-mode {
 
32
  margin-top: -46px;
 
33
  height: calc(100% + 46px);
 
34
  animation: edit-post__fade-in-animation 0.3s ease-out 0s;
 
35
  animation-fill-mode: forwards; }
 
36
  @media (min-width: 782px) {
 
37
    body.js.is-fullscreen-mode {
 
38
      margin-top: -32px;
 
39
      height: calc(100% + 32px); } }
 
40
  body.js.is-fullscreen-mode #adminmenumain,
 
41
  body.js.is-fullscreen-mode #wpadminbar {
 
42
    display: none; }
 
43
  body.js.is-fullscreen-mode #wpcontent,
 
44
  body.js.is-fullscreen-mode #wpfooter {
 
45
    margin-right: 0; }
 
46
  body.js.is-fullscreen-mode .edit-post-header {
 
47
    transform: translateY(-100%);
 
48
    animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; }
 
49
 
 
50
@keyframes edit-post-fullscreen-mode__slide-in-animation {
 
51
  100% {
 
52
    transform: translateY(0%); } }
 
53
 
 
54
.edit-post-header {
 
55
  height: 56px;
 
56
  padding: 4px 2px;
 
57
  border-bottom: 1px solid #e2e4e7;
 
58
  background: #fff;
 
59
  display: flex;
 
60
  flex-direction: row;
 
61
  align-items: stretch;
 
62
  justify-content: space-between;
 
63
  z-index: 30;
 
64
  right: 0;
 
65
  left: 0;
 
66
  top: 0;
 
67
  position: -webkit-sticky;
 
68
  position: sticky; }
 
69
  @media (min-width: 600px) {
 
70
    .edit-post-header {
 
71
      position: fixed;
 
72
      padding: 8px;
 
73
      top: 46px; }
 
74
      body.is-fullscreen-mode .edit-post-header {
 
75
        top: 0; } }
 
76
  @media (min-width: 782px) {
 
77
    .edit-post-header {
 
78
      top: 32px; }
 
79
      body.is-fullscreen-mode .edit-post-header {
 
80
        top: 0; } }
 
81
  .edit-post-header .editor-post-switch-to-draft + .editor-post-preview {
 
82
    display: none; }
 
83
    @media (min-width: 600px) {
 
84
      .edit-post-header .editor-post-switch-to-draft + .editor-post-preview {
 
85
        display: inline-flex; } }
 
86
  .edit-post-header > .edit-post-header__settings {
 
87
    order: 1; }
 
88
    @supports ((position: -webkit-sticky) or (position: sticky)) {
 
89
      .edit-post-header > .edit-post-header__settings {
 
90
        order: initial; } }
 
91
 
 
92
.edit-post-header {
 
93
  /* Set left position when auto-fold is not on the body element. */
 
94
  right: 0; }
 
95
  @media (min-width: 782px) {
 
96
    .edit-post-header {
 
97
      right: 160px; } }
 
98
 
 
99
.auto-fold .edit-post-header {
 
100
  /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */ }
 
101
  @media (min-width: 782px) {
 
102
    .auto-fold .edit-post-header {
 
103
      right: 36px; } }
 
104
  @media (min-width: 960px) {
 
105
    .auto-fold .edit-post-header {
 
106
      right: 160px; } }
 
107
 
 
108
/* Sidebar manually collapsed. */
 
109
.folded .edit-post-header {
 
110
  right: 0; }
 
111
  @media (min-width: 782px) {
 
112
    .folded .edit-post-header {
 
113
      right: 36px; } }
 
114
 
 
115
/* Mobile menu opened. */
 
116
@media (max-width: 782px) {
 
117
  .auto-fold .wp-responsive-open .edit-post-header {
 
118
    right: 190px; } }
 
119
 
 
120
/* In small screens with resposive menu expanded there is small white space. */
 
121
@media (max-width: 600px) {
 
122
  .auto-fold .wp-responsive-open .edit-post-header {
 
123
    margin-right: -18px; } }
 
124
 
 
125
body.is-fullscreen-mode .edit-post-header {
 
126
  right: 0 !important; }
 
127
 
 
128
.edit-post-header__settings {
 
129
  display: inline-flex;
 
130
  align-items: center; }
 
131
 
 
132
.edit-post-header .components-button.is-toggled {
 
133
  color: #fff; }
 
134
 
 
135
.edit-post-header .components-button.is-toggled::before {
 
136
  content: "";
 
137
  border-radius: 4px;
 
138
  position: absolute;
 
139
  z-index: -1;
 
140
  background: #555d66;
 
141
  top: 1px;
 
142
  left: 1px;
 
143
  bottom: 1px;
 
144
  right: 1px; }
 
145
 
 
146
.edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus {
 
147
  box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff;
 
148
  color: #fff;
 
149
  background: #555d66; }
 
150
 
 
151
.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
 
152
  margin: 2px;
 
153
  height: 33px;
 
154
  line-height: 32px;
 
155
  font-size: 13px; }
 
156
 
 
157
.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft {
 
158
  padding: 0 5px; }
 
159
  @media (min-width: 600px) {
 
160
    .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft {
 
161
      padding: 0 12px; } }
 
162
 
 
163
.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
 
164
  padding: 0 5px 2px; }
 
165
  @media (min-width: 600px) {
 
166
    .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
 
167
      padding: 0 12px 2px; } }
 
168
 
 
169
@media (min-width: 782px) {
 
170
  .edit-post-header .components-button.editor-post-preview {
 
171
    margin: 0 12px 0 3px; }
 
172
  .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
 
173
    margin: 0 3px 0 12px; } }
 
174
 
 
175
.edit-post-fullscreen-mode-close__toolbar {
 
176
  border-top: 0;
 
177
  border-bottom: 0;
 
178
  border-right: 0;
 
179
  margin: -9px -10px -9px 10px;
 
180
  padding: 9px 10px; }
 
181
 
 
182
.edit-post-header-toolbar {
 
183
  display: inline-flex;
 
184
  align-items: center; }
 
185
  .edit-post-header-toolbar > .components-button {
 
186
    display: none; }
 
187
    @media (min-width: 600px) {
 
188
      .edit-post-header-toolbar > .components-button {
 
189
        display: inline-flex; } }
 
190
  .edit-post-header-toolbar .editor-block-navigation,
 
191
  .edit-post-header-toolbar .table-of-contents {
 
192
    display: none; }
 
193
    @media (min-width: 600px) {
 
194
      .edit-post-header-toolbar .editor-block-navigation,
 
195
      .edit-post-header-toolbar .table-of-contents {
 
196
        display: flex; } }
 
197
 
 
198
.edit-post-header-toolbar__block-toolbar {
 
199
  position: absolute;
 
200
  top: 56px;
 
201
  right: 0;
 
202
  left: 0;
 
203
  background: #fff;
 
204
  min-height: 37px;
 
205
  border-bottom: 1px solid #e2e4e7; }
 
206
  .edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar {
 
207
    border-top: none;
 
208
    border-bottom: none; }
 
209
  .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
 
210
    display: none; }
 
211
  @media (min-width: 782px) {
 
212
    .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
 
213
      display: block;
 
214
      left: 280px; } }
 
215
  @media (min-width: 1080px) {
 
216
    .edit-post-header-toolbar__block-toolbar {
 
217
      padding-right: 8px;
 
218
      position: static;
 
219
      right: auto;
 
220
      left: auto;
 
221
      background: none;
 
222
      border-bottom: none;
 
223
      min-height: auto; }
 
224
      .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
 
225
        left: auto; }
 
226
      .edit-post-header-toolbar__block-toolbar .editor-block-toolbar {
 
227
        margin: -9px 0; }
 
228
      .edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar {
 
229
        padding: 10px 4px 9px; } }
 
230
 
 
231
.edit-post-more-menu {
 
232
  margin-right: -4px; }
 
233
  .edit-post-more-menu .components-icon-button {
 
234
    width: auto;
 
235
    padding: 8px 2px; }
 
236
  @media (min-width: 600px) {
 
237
    .edit-post-more-menu {
 
238
      margin-right: 4px; }
 
239
      .edit-post-more-menu .components-icon-button {
 
240
        padding: 8px 4px; } }
 
241
  .edit-post-more-menu .components-button svg {
 
242
    transform: rotate(-90deg); }
 
243
 
 
244
.edit-post-more-menu__content .components-popover__content {
 
245
  min-width: 260px; }
 
246
  @media (min-width: 480px) {
 
247
    .edit-post-more-menu__content .components-popover__content {
 
248
      width: auto;
 
249
      max-width: 480px; } }
 
250
  .edit-post-more-menu__content .components-popover__content .components-menu-group:not(:last-child),
 
251
  .edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group {
 
252
    border-bottom: 1px solid #e2e4e7; }
 
253
  .edit-post-more-menu__content .components-popover__content .components-menu-item__button {
 
254
    padding-right: 2rem; }
 
255
    .edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon {
 
256
      padding-right: 0.5rem; }
 
257
 
 
258
.edit-post-pinned-plugins {
 
259
  display: none; }
 
260
  @media (min-width: 600px) {
 
261
    .edit-post-pinned-plugins {
 
262
      display: flex; } }
 
263
  .edit-post-pinned-plugins .components-icon-button {
 
264
    margin-right: 4px; }
 
265
  .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg,
 
266
  .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * {
 
267
    stroke: #555d66;
 
268
    fill: #555d66; }
 
269
  .edit-post-pinned-plugins .components-icon-button.is-toggled svg,
 
270
  .edit-post-pinned-plugins .components-icon-button.is-toggled svg * {
 
271
    stroke: #fff !important;
 
272
    fill: #fff !important; }
 
273
  .edit-post-pinned-plugins .components-icon-button:hover svg,
 
274
  .edit-post-pinned-plugins .components-icon-button:hover svg * {
 
275
    stroke: #191e23 !important;
 
276
    fill: #191e23 !important; }
 
277
 
 
278
.edit-post-keyboard-shortcut-help__title {
 
279
  font-size: 1rem;
 
280
  font-weight: 600; }
 
281
 
 
282
.edit-post-keyboard-shortcut-help__section {
 
283
  margin: 0 0 2rem 0; }
 
284
 
 
285
.edit-post-keyboard-shortcut-help__section-title {
 
286
  font-size: 0.9rem;
 
287
  font-weight: 600; }
 
288
 
 
289
.edit-post-keyboard-shortcut-help__shortcut {
 
290
  display: flex;
 
291
  align-items: center;
 
292
  padding: 0.6rem 0;
 
293
  border-top: 1px solid #e2e4e7; }
 
294
  .edit-post-keyboard-shortcut-help__shortcut:last-child {
 
295
    border-bottom: 1px solid #e2e4e7; }
 
296
 
 
297
.edit-post-keyboard-shortcut-help__shortcut-term {
 
298
  order: 1;
 
299
  font-weight: 600;
 
300
  margin: 0 1rem 0 0; }
 
301
 
 
302
.edit-post-keyboard-shortcut-help__shortcut-description {
 
303
  flex: 1;
 
304
  order: 0;
 
305
  margin: 0;
 
306
  flex-basis: auto; }
 
307
 
 
308
.edit-post-keyboard-shortcut-help__shortcut-key-combination {
 
309
  background: none;
 
310
  margin: 0;
 
311
  padding: 0; }
 
312
 
 
313
.edit-post-keyboard-shortcut-help__shortcut-key {
 
314
  padding: 0.25rem 0.5rem;
 
315
  border-radius: 8%;
 
316
  margin: 0 0.2rem 0 0.2rem; }
 
317
  .edit-post-keyboard-shortcut-help__shortcut-key:last-child {
 
318
    margin: 0 0.2rem 0 0; }
 
319
 
 
320
.edit-post-layout,
 
321
.edit-post-layout__content {
 
322
  height: 100%; }
 
323
 
 
324
.edit-post-layout {
 
325
  position: relative; }
 
326
  .edit-post-layout .components-notice-list {
 
327
    position: -webkit-sticky;
 
328
    position: sticky;
 
329
    top: 56px;
 
330
    left: 0;
 
331
    color: #191e23; }
 
332
    @media (min-width: 600px) {
 
333
      .edit-post-layout .components-notice-list {
 
334
        position: fixed;
 
335
        top: inherit; } }
 
336
    .edit-post-layout .components-notice-list .components-notice {
 
337
      margin: 0 0 5px;
 
338
      padding: 6px 12px;
 
339
      min-height: 50px; }
 
340
      .edit-post-layout .components-notice-list .components-notice .components-notice__dismiss {
 
341
        margin: 10px 5px; }
 
342
  @media (min-width: 600px) {
 
343
    .edit-post-layout {
 
344
      padding-top: 56px; } }
 
345
  .edit-post-layout.has-fixed-toolbar .edit-post-layout__content {
 
346
    padding-top: 36px; }
 
347
  @media (min-width: 600px) {
 
348
    .edit-post-layout.has-fixed-toolbar {
 
349
      padding-top: 93px; }
 
350
      .edit-post-layout.has-fixed-toolbar .edit-post-layout__content {
 
351
        padding-top: 0; } }
 
352
  @media (min-width: 960px) {
 
353
    .edit-post-layout.has-fixed-toolbar {
 
354
      padding-top: 56px; } }
 
355
 
 
356
.components-notice-list {
 
357
  /* Set left position when auto-fold is not on the body element. */
 
358
  right: 0; }
 
359
  @media (min-width: 782px) {
 
360
    .components-notice-list {
 
361
      right: 160px; } }
 
362
 
 
363
.auto-fold .components-notice-list {
 
364
  /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */ }
 
365
  @media (min-width: 782px) {
 
366
    .auto-fold .components-notice-list {
 
367
      right: 36px; } }
 
368
  @media (min-width: 960px) {
 
369
    .auto-fold .components-notice-list {
 
370
      right: 160px; } }
 
371
 
 
372
/* Sidebar manually collapsed. */
 
373
.folded .components-notice-list {
 
374
  right: 0; }
 
375
  @media (min-width: 782px) {
 
376
    .folded .components-notice-list {
 
377
      right: 36px; } }
 
378
 
 
379
/* Mobile menu opened. */
 
380
@media (max-width: 782px) {
 
381
  .auto-fold .wp-responsive-open .components-notice-list {
 
382
    right: 190px; } }
 
383
 
 
384
/* In small screens with resposive menu expanded there is small white space. */
 
385
@media (max-width: 600px) {
 
386
  .auto-fold .wp-responsive-open .components-notice-list {
 
387
    margin-right: -18px; } }
 
388
 
 
389
body.is-fullscreen-mode .components-notice-list {
 
390
  right: 0 !important; }
 
391
 
 
392
.components-notice-list {
 
393
  left: 0; }
 
394
 
 
395
.edit-post-layout.is-sidebar-opened .components-notice-list {
 
396
  left: 280px; }
 
397
 
 
398
.edit-post-layout__metaboxes:not(:empty) {
 
399
  border-top: 1px solid #e2e4e7;
 
400
  margin-top: 10px;
 
401
  padding: 10px 0 10px;
 
402
  clear: both; }
 
403
  .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
 
404
    margin: auto 20px; }
 
405
 
 
406
.edit-post-layout__content {
 
407
  position: relative;
 
408
  display: flex;
 
409
  min-height: 100%;
 
410
  flex-direction: column;
 
411
  padding-bottom: 50vh;
 
412
  overflow-y: auto;
 
413
  -webkit-overflow-scrolling: touch; }
 
414
  @media (min-width: 600px) {
 
415
    .edit-post-layout__content {
 
416
      padding-bottom: 0; } }
 
417
  @media (min-width: 600px) {
 
418
    .edit-post-layout__content {
 
419
      overscroll-behavior-y: none; } }
 
420
  .edit-post-layout__content .edit-post-visual-editor {
 
421
    flex-grow: 1; }
 
422
    @supports ((position: -webkit-sticky) or (position: sticky)) {
 
423
      .edit-post-layout__content .edit-post-visual-editor {
 
424
        flex-basis: 100%; } }
 
425
  .edit-post-layout__content .edit-post-layout__metaboxes {
 
426
    flex-shrink: 0; }
 
427
 
 
428
.edit-post-layout .editor-post-publish-panel {
 
429
  position: fixed;
 
430
  z-index: 100001;
 
431
  top: 46px;
 
432
  bottom: 0;
 
433
  left: 0;
 
434
  right: 0;
 
435
  overflow: auto; }
 
436
  body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
 
437
    top: 0; }
 
438
  @media (min-width: 782px) {
 
439
    .edit-post-layout .editor-post-publish-panel {
 
440
      top: 32px;
 
441
      right: auto;
 
442
      width: 280px;
 
443
      border-right: 1px solid #e2e4e7;
 
444
      transform: translateX(-100%);
 
445
      animation: edit-post-layout__slide-in-animation 0.1s forwards; }
 
446
      body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
 
447
        top: 0; } }
 
448
 
 
449
@keyframes edit-post-layout__slide-in-animation {
 
450
  100% {
 
451
    transform: translateX(0%); } }
 
452
 
 
453
.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large {
 
454
  height: 33px;
 
455
  line-height: 32px; }
 
456
 
 
457
.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer {
 
458
  display: inline-flex;
 
459
  flex: 0 1 52px; }
 
460
 
 
461
.edit-post-toggle-publish-panel {
 
462
  position: absolute;
 
463
  bottom: 0;
 
464
  left: 0;
 
465
  z-index: 100000;
 
466
  width: 280px;
 
467
  height: 0;
 
468
  overflow: hidden; }
 
469
  .edit-post-toggle-publish-panel:focus-within {
 
470
    height: auto;
 
471
    padding: 20px 0 0 0; }
 
472
  .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
 
473
    float: left;
 
474
    width: auto;
 
475
    height: auto;
 
476
    font-size: 14px;
 
477
    font-weight: 600;
 
478
    padding: 15px 23px 14px;
 
479
    line-height: normal;
 
480
    text-decoration: none;
 
481
    outline: none;
 
482
    background: #f1f1f1; }
 
483
 
 
484
.edit-post-meta-boxes-area {
 
485
  position: relative;
 
486
  /**
 
487
         * The wordpress default for most meta-box elements is content-box. Some
 
488
         * elements such as textarea and input are set to border-box in forms.css.
 
489
         * These elements therefore specifically set back to border-box here, while
 
490
         * other elements (such as .button) are unaffected by Gutenberg's style
 
491
         * because of their higher specificity.
 
492
         */
 
493
  /* Match width and positioning of the meta boxes. Override default styles. */
 
494
  /* Override Default meta box stylings */ }
 
495
  .edit-post-meta-boxes-area__container,
 
496
  .edit-post-meta-boxes-area .inside {
 
497
    box-sizing: content-box; }
 
498
  .edit-post-meta-boxes-area textarea,
 
499
  .edit-post-meta-boxes-area input {
 
500
    box-sizing: border-box; }
 
501
  .edit-post-meta-boxes-area #poststuff {
 
502
    margin: 0 auto;
 
503
    padding-top: 0;
 
504
    min-width: auto; }
 
505
  .edit-post-meta-boxes-area #poststuff h3.hndle,
 
506
  .edit-post-meta-boxes-area #poststuff .stuffbox > h3,
 
507
  .edit-post-meta-boxes-area #poststuff h2.hndle {
 
508
    /* WordPress selectors yolo */
 
509
    border-bottom: 1px solid #e2e4e7;
 
510
    box-sizing: border-box;
 
511
    color: inherit;
 
512
    font-weight: 600;
 
513
    outline: none;
 
514
    padding: 15px;
 
515
    position: relative;
 
516
    width: 100%; }
 
517
  .edit-post-meta-boxes-area .postbox {
 
518
    border: 0;
 
519
    color: inherit;
 
520
    margin-bottom: 0; }
 
521
  .edit-post-meta-boxes-area .postbox > .inside {
 
522
    border-bottom: 1px solid #e2e4e7;
 
523
    color: inherit;
 
524
    padding: 0 14px 14px;
 
525
    margin: 0; }
 
526
  .edit-post-meta-boxes-area .postbox .handlediv {
 
527
    height: 44px;
 
528
    width: 44px; }
 
529
  .edit-post-meta-boxes-area.is-loading::before {
 
530
    position: absolute;
 
531
    top: 0;
 
532
    right: 0;
 
533
    left: 0;
 
534
    bottom: 0;
 
535
    content: "";
 
536
    background: transparent;
 
537
    z-index: 1; }
 
538
  .edit-post-meta-boxes-area .components-spinner {
 
539
    position: absolute;
 
540
    top: 10px;
 
541
    left: 20px;
 
542
    z-index: 5; }
 
543
 
 
544
.edit-post-meta-boxes-area__clear {
 
545
  clear: both; }
 
546
 
 
547
.edit-post-sidebar {
 
548
  position: fixed;
 
549
  z-index: 100000;
 
550
  top: 0;
 
551
  left: 0;
 
552
  bottom: 0;
 
553
  width: 280px;
 
554
  border-right: 1px solid #e2e4e7;
 
555
  background: #fff;
 
556
  color: #555d66;
 
557
  height: 100vh;
 
558
  overflow: hidden; }
 
559
  @media (min-width: 600px) {
 
560
    .edit-post-sidebar {
 
561
      top: 102px;
 
562
      z-index: 90;
 
563
      height: auto;
 
564
      overflow: auto;
 
565
      -webkit-overflow-scrolling: touch; }
 
566
      body.is-fullscreen-mode .edit-post-sidebar {
 
567
        top: 56px; } }
 
568
  @media (min-width: 782px) {
 
569
    .edit-post-sidebar {
 
570
      top: 88px; }
 
571
      body.is-fullscreen-mode .edit-post-sidebar {
 
572
        top: 56px; } }
 
573
  .edit-post-sidebar > .components-panel {
 
574
    border-right: none;
 
575
    border-left: none;
 
576
    overflow: auto;
 
577
    -webkit-overflow-scrolling: touch;
 
578
    height: auto;
 
579
    max-height: calc(100vh - 96px);
 
580
    margin-top: -1px;
 
581
    margin-bottom: -1px; }
 
582
    body.is-fullscreen-mode .edit-post-sidebar > .components-panel {
 
583
      max-height: calc(100vh - 50px); }
 
584
      @media (min-width: 600px) {
 
585
        body.is-fullscreen-mode .edit-post-sidebar > .components-panel {
 
586
          max-height: none; } }
 
587
    @media (min-width: 600px) {
 
588
      .edit-post-sidebar > .components-panel {
 
589
        overflow: inherit;
 
590
        height: auto;
 
591
        max-height: none; } }
 
592
  .edit-post-sidebar > .components-panel .components-panel__header {
 
593
    position: fixed;
 
594
    z-index: 1;
 
595
    top: 0;
 
596
    right: 0;
 
597
    left: 0;
 
598
    height: 50px; }
 
599
    @media (min-width: 600px) {
 
600
      .edit-post-sidebar > .components-panel .components-panel__header {
 
601
        position: inherit;
 
602
        top: auto;
 
603
        right: auto;
 
604
        left: auto; } }
 
605
  .edit-post-sidebar p {
 
606
    margin-top: 0; }
 
607
  .edit-post-sidebar h2,
 
608
  .edit-post-sidebar h3 {
 
609
    font-size: 13px;
 
610
    color: #555d66;
 
611
    margin-bottom: 1.5em; }
 
612
  .edit-post-sidebar hr {
 
613
    border-top: none;
 
614
    border-bottom: 1px solid #e2e4e7;
 
615
    margin: 1.5em 0; }
 
616
  .edit-post-sidebar div.components-toolbar {
 
617
    box-shadow: none;
 
618
    margin-bottom: 1.5em; }
 
619
    .edit-post-sidebar div.components-toolbar:last-child {
 
620
      margin-bottom: 0; }
 
621
  .edit-post-sidebar p + div.components-toolbar {
 
622
    margin-top: -1em; }
 
623
  .edit-post-sidebar .editor-skip-to-selected-block:focus {
 
624
    top: auto;
 
625
    left: 10px;
 
626
    bottom: 10px;
 
627
    right: auto; }
 
628
 
 
629
/* Visual and Text editor both */
 
630
@media (min-width: 782px) {
 
631
  .edit-post-layout.is-sidebar-opened .edit-post-layout__content {
 
632
    margin-left: 280px; } }
 
633
 
 
634
.edit-post-layout.is-sidebar-opened .edit-post-sidebar,
 
635
.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout {
 
636
  /* Sidebar covers screen on mobile */
 
637
  width: 100%;
 
638
  /* Sidebar sits on the side on larger breakpoints */ }
 
639
  @media (min-width: 782px) {
 
640
    .edit-post-layout.is-sidebar-opened .edit-post-sidebar,
 
641
    .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout {
 
642
      width: 280px; } }
 
643
 
 
644
/* Text Editor specific */
 
645
.components-panel__header.edit-post-sidebar__header {
 
646
  background: #fff;
 
647
  padding-left: 8px; }
 
648
  .components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title {
 
649
    overflow: hidden;
 
650
    text-overflow: ellipsis;
 
651
    white-space: nowrap;
 
652
    width: 100%; }
 
653
  @media (min-width: 782px) {
 
654
    .components-panel__header.edit-post-sidebar__header {
 
655
      display: none; } }
 
656
 
 
657
.components-panel__header.edit-post-sidebar__panel-tabs {
 
658
  justify-content: flex-start;
 
659
  padding-right: 0;
 
660
  padding-left: 4px;
 
661
  border-top: 0;
 
662
  margin-top: 0; }
 
663
  .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button {
 
664
    display: none;
 
665
    margin-right: auto; }
 
666
    @media (min-width: 782px) {
 
667
      .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button {
 
668
        display: flex; } }
 
669
 
 
670
.edit-post-sidebar__panel-tab {
 
671
  background: transparent;
 
672
  border: none;
 
673
  border-radius: 0;
 
674
  cursor: pointer;
 
675
  height: 50px;
 
676
  padding: 3px 15px;
 
677
  margin-right: 0;
 
678
  font-weight: 400;
 
679
  outline-offset: -1px; }
 
680
  .edit-post-sidebar__panel-tab.is-active {
 
681
    padding-bottom: 0;
 
682
    border-bottom: 3px solid #0085ba;
 
683
    font-weight: 600; }
 
684
  body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active {
 
685
    border-bottom: 3px solid #d1864a; }
 
686
  body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active {
 
687
    border-bottom: 3px solid #a3b9a2; }
 
688
  body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active {
 
689
    border-bottom: 3px solid #e14d43; }
 
690
  body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active {
 
691
    border-bottom: 3px solid #a7b656; }
 
692
  body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active {
 
693
    border-bottom: 3px solid #c2a68c; }
 
694
  body.admin-color-blue .edit-post-sidebar__panel-tab.is-active {
 
695
    border-bottom: 3px solid #82b4cb; }
 
696
  body.admin-color-light .edit-post-sidebar__panel-tab.is-active {
 
697
    border-bottom: 3px solid #0085ba; }
 
698
  .edit-post-sidebar__panel-tab:focus {
 
699
    color: #191e23;
 
700
    outline: 1px solid #6c7781;
 
701
    box-shadow: none; }
 
702
 
 
703
.components-panel__body.is-opened.edit-post-last-revision__panel {
 
704
  padding: 0; }
 
705
 
 
706
.editor-post-last-revision__title {
 
707
  padding: 13px 16px; }
 
708
 
 
709
.editor-post-author__select {
 
710
  margin: -5px 0;
 
711
  width: 100%; }
 
712
  @supports ((position: -webkit-sticky) or (position: sticky)) {
 
713
    .editor-post-author__select {
 
714
      width: auto; } }
 
715
 
 
716
.edit-post-post-link__link-post-name {
 
717
  font-weight: 600; }
 
718
 
 
719
.edit-post-post-link__preview-label {
 
720
  margin: 0; }
 
721
 
 
722
.edit-post-post-link__link {
 
723
  word-wrap: break-word; }
 
724
 
 
725
.edit-post-post-schedule {
 
726
  width: 100%;
 
727
  position: relative; }
 
728
 
 
729
.edit-post-post-schedule__label {
 
730
  display: none; }
 
731
 
 
732
.components-button.edit-post-post-schedule__toggle {
 
733
  text-align: left; }
 
734
 
 
735
.edit-post-post-schedule__dialog .components-popover__content {
 
736
  padding: 10px; }
 
737
  @media (min-width: 782px) {
 
738
    .edit-post-post-schedule__dialog .components-popover__content {
 
739
      width: 270px; } }
 
740
 
 
741
.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft {
 
742
  margin-top: 15px;
 
743
  width: 100%;
 
744
  text-align: center; }
 
745
 
 
746
.edit-post-post-visibility {
 
747
  width: 100%; }
 
748
 
 
749
.edit-post-post-visibility__dialog .components-popover__content {
 
750
  padding: 10px; }
 
751
  @media (min-width: 782px) {
 
752
    .edit-post-post-visibility__dialog .components-popover__content {
 
753
      width: 257px; } }
 
754
 
 
755
.edit-post-post-visibility__dialog-legend {
 
756
  font-weight: 600; }
 
757
 
 
758
.edit-post-post-visibility__choice {
 
759
  margin: 10px 0; }
 
760
 
 
761
.edit-post-post-visibility__dialog-radio,
 
762
.edit-post-post-visibility__dialog-label {
 
763
  vertical-align: top; }
 
764
 
 
765
.edit-post-post-visibility__dialog-password-input {
 
766
  width: calc(100% - 20px);
 
767
  margin-right: 20px; }
 
768
 
 
769
.edit-post-post-visibility__dialog-info {
 
770
  color: #7e8993;
 
771
  padding-right: 20px;
 
772
  font-style: italic;
 
773
  margin: 4px 0 0;
 
774
  line-height: 1.4; }
 
775
 
 
776
.components-panel__header.edit-post-sidebar__panel-tabs {
 
777
  justify-content: flex-start;
 
778
  padding-right: 0;
 
779
  padding-left: 4px;
 
780
  border-top: 0;
 
781
  position: -webkit-sticky;
 
782
  position: sticky;
 
783
  z-index: 1;
 
784
  top: 0; }
 
785
  .components-panel__header.edit-post-sidebar__panel-tabs ul {
 
786
    display: flex; }
 
787
  .components-panel__header.edit-post-sidebar__panel-tabs li {
 
788
    margin: 0; }
 
789
 
 
790
.edit-post-sidebar__panel-tab {
 
791
  background: transparent;
 
792
  border: none;
 
793
  border-radius: 0;
 
794
  cursor: pointer;
 
795
  height: 48px;
 
796
  padding: 3px 15px;
 
797
  margin-right: 0;
 
798
  font-weight: 400;
 
799
  color: #191e23;
 
800
  outline-offset: -1px; }
 
801
  .edit-post-sidebar__panel-tab::after {
 
802
    content: attr(data-label);
 
803
    display: block;
 
804
    font-weight: 600;
 
805
    height: 0;
 
806
    overflow: hidden;
 
807
    speak: none;
 
808
    visibility: hidden; }
 
809
  .edit-post-sidebar__panel-tab.is-active {
 
810
    padding-bottom: 0;
 
811
    border-bottom: 3px solid #0085ba;
 
812
    font-weight: 600; }
 
813
  body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active {
 
814
    border-bottom: 3px solid #d1864a; }
 
815
  body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active {
 
816
    border-bottom: 3px solid #a3b9a2; }
 
817
  body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active {
 
818
    border-bottom: 3px solid #e14d43; }
 
819
  body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active {
 
820
    border-bottom: 3px solid #a7b656; }
 
821
  body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active {
 
822
    border-bottom: 3px solid #c2a68c; }
 
823
  body.admin-color-blue .edit-post-sidebar__panel-tab.is-active {
 
824
    border-bottom: 3px solid #82b4cb; }
 
825
  body.admin-color-light .edit-post-sidebar__panel-tab.is-active {
 
826
    border-bottom: 3px solid #0085ba; }
 
827
  .edit-post-sidebar__panel-tab:focus {
 
828
    color: #191e23;
 
829
    outline: 1px solid #6c7781;
 
830
    box-shadow: none; }
 
831
 
 
832
.edit-post-settings-sidebar__panel-block .components-panel__body {
 
833
  border: none;
 
834
  border-top: 1px solid #e2e4e7;
 
835
  margin: 0 -16px; }
 
836
  .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control {
 
837
    margin: 0 0 1.5em 0; }
 
838
    .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child {
 
839
      margin-bottom: 0.5em; }
 
840
  .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle {
 
841
    color: #191e23; }
 
842
  .edit-post-settings-sidebar__panel-block .components-panel__body:first-child {
 
843
    margin-top: 16px; }
 
844
  .edit-post-settings-sidebar__panel-block .components-panel__body:last-child {
 
845
    margin-bottom: -16px; }
 
846
 
 
847
/* Text Editor specific */
 
848
.components-panel__header.edit-post-sidebar-header__small {
 
849
  background: #fff;
 
850
  padding-left: 4px; }
 
851
  .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title {
 
852
    overflow: hidden;
 
853
    text-overflow: ellipsis;
 
854
    white-space: nowrap;
 
855
    width: 100%; }
 
856
  @media (min-width: 782px) {
 
857
    .components-panel__header.edit-post-sidebar-header__small {
 
858
      display: none; } }
 
859
 
 
860
.components-panel__header.edit-post-sidebar-header {
 
861
  padding-left: 4px;
 
862
  background: #f3f4f5; }
 
863
  .components-panel__header.edit-post-sidebar-header .components-icon-button {
 
864
    display: none;
 
865
    margin-right: auto; }
 
866
    .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button {
 
867
      margin-right: 0; }
 
868
    @media (min-width: 782px) {
 
869
      .components-panel__header.edit-post-sidebar-header .components-icon-button {
 
870
        display: flex; } }
 
871
 
 
872
.edit-post-text-editor__body {
 
873
  padding-top: 40px; }
 
874
  @media (min-width: 600px) {
 
875
    .edit-post-text-editor__body {
 
876
      padding-top: 86px; }
 
877
      body.is-fullscreen-mode .edit-post-text-editor__body {
 
878
        padding-top: 40px; } }
 
879
  @media (min-width: 782px) {
 
880
    .edit-post-text-editor__body {
 
881
      padding-top: 40px; }
 
882
      body.is-fullscreen-mode .edit-post-text-editor__body {
 
883
        padding-top: 40px; } }
 
884
 
 
885
.edit-post-text-editor {
 
886
  width: 100%;
 
887
  margin-right: 16px;
 
888
  margin-left: 16px;
 
889
  padding-top: 44px; }
 
890
  @media (min-width: 600px) {
 
891
    .edit-post-text-editor {
 
892
      max-width: 610px;
 
893
      margin-right: auto;
 
894
      margin-left: auto; } }
 
895
  .edit-post-text-editor .editor-post-title__block textarea {
 
896
    border: 1px solid #e2e4e7;
 
897
    margin-bottom: 4px;
 
898
    padding: 14px; }
 
899
  .edit-post-text-editor .editor-post-title__block textarea:hover,
 
900
  .edit-post-text-editor .editor-post-title__block.is-selected textarea {
 
901
    box-shadow: 0 0 0 1px #e2e4e7; }
 
902
  .edit-post-text-editor .editor-post-permalink {
 
903
    right: 0;
 
904
    left: 0;
 
905
    margin-top: -6px; }
 
906
  @media (min-width: 600px) {
 
907
    .edit-post-text-editor .editor-post-title,
 
908
    .edit-post-text-editor .editor-post-title__block {
 
909
      padding: 0; } }
 
910
  .edit-post-text-editor .editor-post-text-editor {
 
911
    padding: 14px;
 
912
    min-height: 200px;
 
913
    line-height: 1.8; }
 
914
  .edit-post-text-editor .edit-post-text-editor__toolbar {
 
915
    position: absolute;
 
916
    top: 8px;
 
917
    right: 0;
 
918
    left: 0;
 
919
    height: 36px;
 
920
    line-height: 36px;
 
921
    padding: 0 16px 0 8px;
 
922
    display: flex; }
 
923
    .edit-post-text-editor .edit-post-text-editor__toolbar h2 {
 
924
      margin: 0 0 0 auto;
 
925
      font-size: 13px;
 
926
      color: #555d66; }
 
927
    .edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg {
 
928
      order: 1; }
 
929
 
 
930
.edit-post-visual-editor {
 
931
  position: relative;
 
932
  padding: 50px 0; }
 
933
  .edit-post-visual-editor .components-button {
 
934
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
 
935
 
 
936
.edit-post-visual-editor .editor-writing-flow__click-redirect {
 
937
  height: 50px;
 
938
  width: 100%;
 
939
  margin: -4px auto -50px; }
 
940
 
 
941
.edit-post-visual-editor .editor-block-list__block {
 
942
  margin-right: auto;
 
943
  margin-left: auto; }
 
944
  @media (min-width: 600px) {
 
945
    .edit-post-visual-editor .editor-block-list__block .editor-block-list__block-edit {
 
946
      margin-right: -28px;
 
947
      margin-left: -28px; }
 
948
    .edit-post-visual-editor .editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar,
 
949
    .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar {
 
950
      width: calc(100% + 30px);
 
951
      height: 0;
 
952
      text-align: center;
 
953
      float: right; }
 
954
      .edit-post-visual-editor .editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar .editor-block-toolbar,
 
955
      .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar .editor-block-toolbar {
 
956
        max-width: 610px;
 
957
        width: 100%;
 
958
        position: relative; }
 
959
    .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar {
 
960
      width: 100%;
 
961
      margin-right: 0;
 
962
      margin-left: 0; } }
 
963
 
 
964
@media (min-width: 600px) {
 
965
  .editor-post-title {
 
966
    padding-right: 46px;
 
967
    padding-left: 46px; } }
 
968
 
 
969
.edit-post-visual-editor .editor-post-title__block {
 
970
  margin-right: auto;
 
971
  margin-left: auto;
 
972
  margin-bottom: -20px; }
 
973
  .edit-post-visual-editor .editor-post-title__block > div {
 
974
    margin-right: 0;
 
975
    margin-left: 0; }
 
976
  @media (min-width: 600px) {
 
977
    .edit-post-visual-editor .editor-post-title__block > div {
 
978
      margin-right: -2px;
 
979
      margin-left: -2px; } }
 
980
 
 
981
.edit-post-visual-editor .editor-block-list__layout > .editor-block-list__block[data-align="left"]:first-child,
 
982
.edit-post-visual-editor .editor-block-list__layout > .editor-block-list__block[data-align="right"]:first-child {
 
983
  margin-top: 34px; }
 
984
 
 
985
.edit-post-visual-editor .editor-default-block-appender {
 
986
  margin-right: auto;
 
987
  margin-left: auto;
 
988
  position: relative; }
 
989
  .edit-post-visual-editor .editor-default-block-appender[data-root-client-id=""] .editor-default-block-appender__content:hover {
 
990
    outline: 1px solid transparent; }
 
991
 
 
992
.edit-post-visual-editor .editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p,
 
993
.edit-post-visual-editor .editor-default-block-appender__content {
 
994
  min-height: 28px;
 
995
  line-height: 1.8; }
 
996
 
 
997
.edit-post-options-modal__title {
 
998
  font-size: 1rem;
 
999
  font-weight: 600; }
 
1000
 
 
1001
.edit-post-options-modal__section {
 
1002
  margin: 0 0 2rem 0; }
 
1003
 
 
1004
.edit-post-options-modal__section-title {
 
1005
  font-size: 0.9rem;
 
1006
  font-weight: 600; }
 
1007
 
 
1008
.edit-post-options-modal__option {
 
1009
  border-top: 1px solid #e2e4e7; }
 
1010
  .edit-post-options-modal__option:last-child {
 
1011
    border-bottom: 1px solid #e2e4e7; }
 
1012
  .edit-post-options-modal__option .components-base-control__field {
 
1013
    align-items: center;
 
1014
    display: flex;
 
1015
    margin: 0; }
 
1016
  .edit-post-options-modal__option .components-checkbox-control__label {
 
1017
    flex-grow: 1;
 
1018
    padding: 0.6rem 10px 0.6rem 0; }
 
1019
 
 
1020
/**
 
1021
 * Animations
 
1022
 */
 
1023
@keyframes edit-post__loading-fade-animation {
 
1024
  0% {
 
1025
    opacity: 0.5; }
 
1026
  50% {
 
1027
    opacity: 1; }
 
1028
  100% {
 
1029
    opacity: 0.5; } }
 
1030
 
 
1031
@keyframes edit-post__fade-in-animation {
 
1032
  from {
 
1033
    opacity: 0; }
 
1034
  to {
 
1035
    opacity: 1; } }
 
1036
 
 
1037
html.wp-toolbar {
 
1038
  background: #fff; }
 
1039
 
 
1040
body.block-editor-page {
 
1041
  background: #fff;
 
1042
  /* We hide legacy notices in Gutenberg, because they were not designed in a way that scaled well.
 
1043
           Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
 
1044
  body.block-editor-page #wpcontent {
 
1045
    padding-right: 0; }
 
1046
  body.block-editor-page #wpbody-content {
 
1047
    padding-bottom: 0; }
 
1048
  body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
 
1049
    display: none; }
 
1050
  body.block-editor-page #wpfooter {
 
1051
    display: none; }
 
1052
  body.block-editor-page .a11y-speak-region {
 
1053
    right: -1px;
 
1054
    top: -1px; }
 
1055
  body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
 
1056
  body.block-editor-page ul#adminmenu > li.current > a.current::after {
 
1057
    border-left-color: #fff; }
 
1058
  body.block-editor-page .media-frame select.attachment-filters:last-of-type {
 
1059
    width: auto;
 
1060
    max-width: 100%; }
 
1061
 
 
1062
.block-editor,
 
1063
.components-modal__frame {
 
1064
  box-sizing: border-box; }
 
1065
  .block-editor *,
 
1066
  .block-editor *::before,
 
1067
  .block-editor *::after,
 
1068
  .components-modal__frame *,
 
1069
  .components-modal__frame *::before,
 
1070
  .components-modal__frame *::after {
 
1071
    box-sizing: inherit; }
 
1072
  .block-editor select,
 
1073
  .components-modal__frame select {
 
1074
    font-size: 13px;
 
1075
    color: #555d66; }
 
1076
 
 
1077
@media (min-width: 600px) {
 
1078
  .block-editor__container {
 
1079
    position: absolute;
 
1080
    top: 0;
 
1081
    left: 0;
 
1082
    bottom: 0;
 
1083
    right: 0;
 
1084
    min-height: calc(100vh - 46px); }
 
1085
    body.is-fullscreen-mode .block-editor__container {
 
1086
      min-height: 100vh; } }
 
1087
 
 
1088
@media (min-width: 782px) {
 
1089
  .block-editor__container {
 
1090
    min-height: calc(100vh - 32px); }
 
1091
    body.is-fullscreen-mode .block-editor__container {
 
1092
      min-height: 100vh; } }
 
1093
 
 
1094
.block-editor__container img {
 
1095
  max-width: 100%;
 
1096
  height: auto; }
 
1097
 
 
1098
.block-editor__container iframe {
 
1099
  width: 100%; }
 
1100
 
 
1101
.block-editor__container .components-navigate-regions {
 
1102
  height: 100%; }
 
1103
 
 
1104
.editor-post-permalink .input-control,
 
1105
.editor-post-permalink input[type="text"],
 
1106
.editor-post-permalink input[type="search"],
 
1107
.editor-post-permalink input[type="radio"],
 
1108
.editor-post-permalink input[type="tel"],
 
1109
.editor-post-permalink input[type="time"],
 
1110
.editor-post-permalink input[type="url"],
 
1111
.editor-post-permalink input[type="week"],
 
1112
.editor-post-permalink input[type="password"],
 
1113
.editor-post-permalink input[type="checkbox"],
 
1114
.editor-post-permalink input[type="color"],
 
1115
.editor-post-permalink input[type="date"],
 
1116
.editor-post-permalink input[type="datetime"],
 
1117
.editor-post-permalink input[type="datetime-local"],
 
1118
.editor-post-permalink input[type="email"],
 
1119
.editor-post-permalink input[type="month"],
 
1120
.editor-post-permalink input[type="number"],
 
1121
.editor-post-permalink select,
 
1122
.editor-post-permalink textarea,
 
1123
.edit-post-sidebar .input-control,
 
1124
.edit-post-sidebar input[type="text"],
 
1125
.edit-post-sidebar input[type="search"],
 
1126
.edit-post-sidebar input[type="radio"],
 
1127
.edit-post-sidebar input[type="tel"],
 
1128
.edit-post-sidebar input[type="time"],
 
1129
.edit-post-sidebar input[type="url"],
 
1130
.edit-post-sidebar input[type="week"],
 
1131
.edit-post-sidebar input[type="password"],
 
1132
.edit-post-sidebar input[type="checkbox"],
 
1133
.edit-post-sidebar input[type="color"],
 
1134
.edit-post-sidebar input[type="date"],
 
1135
.edit-post-sidebar input[type="datetime"],
 
1136
.edit-post-sidebar input[type="datetime-local"],
 
1137
.edit-post-sidebar input[type="email"],
 
1138
.edit-post-sidebar input[type="month"],
 
1139
.edit-post-sidebar input[type="number"],
 
1140
.edit-post-sidebar select,
 
1141
.edit-post-sidebar textarea,
 
1142
.editor-post-publish-panel .input-control,
 
1143
.editor-post-publish-panel input[type="text"],
 
1144
.editor-post-publish-panel input[type="search"],
 
1145
.editor-post-publish-panel input[type="radio"],
 
1146
.editor-post-publish-panel input[type="tel"],
 
1147
.editor-post-publish-panel input[type="time"],
 
1148
.editor-post-publish-panel input[type="url"],
 
1149
.editor-post-publish-panel input[type="week"],
 
1150
.editor-post-publish-panel input[type="password"],
 
1151
.editor-post-publish-panel input[type="checkbox"],
 
1152
.editor-post-publish-panel input[type="color"],
 
1153
.editor-post-publish-panel input[type="date"],
 
1154
.editor-post-publish-panel input[type="datetime"],
 
1155
.editor-post-publish-panel input[type="datetime-local"],
 
1156
.editor-post-publish-panel input[type="email"],
 
1157
.editor-post-publish-panel input[type="month"],
 
1158
.editor-post-publish-panel input[type="number"],
 
1159
.editor-post-publish-panel select,
 
1160
.editor-post-publish-panel textarea,
 
1161
.editor-block-list__block .input-control,
 
1162
.editor-block-list__block input[type="text"],
 
1163
.editor-block-list__block input[type="search"],
 
1164
.editor-block-list__block input[type="radio"],
 
1165
.editor-block-list__block input[type="tel"],
 
1166
.editor-block-list__block input[type="time"],
 
1167
.editor-block-list__block input[type="url"],
 
1168
.editor-block-list__block input[type="week"],
 
1169
.editor-block-list__block input[type="password"],
 
1170
.editor-block-list__block input[type="checkbox"],
 
1171
.editor-block-list__block input[type="color"],
 
1172
.editor-block-list__block input[type="date"],
 
1173
.editor-block-list__block input[type="datetime"],
 
1174
.editor-block-list__block input[type="datetime-local"],
 
1175
.editor-block-list__block input[type="email"],
 
1176
.editor-block-list__block input[type="month"],
 
1177
.editor-block-list__block input[type="number"],
 
1178
.editor-block-list__block select,
 
1179
.editor-block-list__block textarea,
 
1180
.components-popover .input-control,
 
1181
.components-popover input[type="text"],
 
1182
.components-popover input[type="search"],
 
1183
.components-popover input[type="radio"],
 
1184
.components-popover input[type="tel"],
 
1185
.components-popover input[type="time"],
 
1186
.components-popover input[type="url"],
 
1187
.components-popover input[type="week"],
 
1188
.components-popover input[type="password"],
 
1189
.components-popover input[type="checkbox"],
 
1190
.components-popover input[type="color"],
 
1191
.components-popover input[type="date"],
 
1192
.components-popover input[type="datetime"],
 
1193
.components-popover input[type="datetime-local"],
 
1194
.components-popover input[type="email"],
 
1195
.components-popover input[type="month"],
 
1196
.components-popover input[type="number"],
 
1197
.components-popover select,
 
1198
.components-popover textarea,
 
1199
.components-modal__content .input-control,
 
1200
.components-modal__content input[type="text"],
 
1201
.components-modal__content input[type="search"],
 
1202
.components-modal__content input[type="radio"],
 
1203
.components-modal__content input[type="tel"],
 
1204
.components-modal__content input[type="time"],
 
1205
.components-modal__content input[type="url"],
 
1206
.components-modal__content input[type="week"],
 
1207
.components-modal__content input[type="password"],
 
1208
.components-modal__content input[type="checkbox"],
 
1209
.components-modal__content input[type="color"],
 
1210
.components-modal__content input[type="date"],
 
1211
.components-modal__content input[type="datetime"],
 
1212
.components-modal__content input[type="datetime-local"],
 
1213
.components-modal__content input[type="email"],
 
1214
.components-modal__content input[type="month"],
 
1215
.components-modal__content input[type="number"],
 
1216
.components-modal__content select,
 
1217
.components-modal__content textarea {
 
1218
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 
1219
  font-size: 13px;
 
1220
  padding: 6px 8px;
 
1221
  box-shadow: 0 0 0 transparent;
 
1222
  transition: box-shadow 0.1s linear;
 
1223
  border-radius: 4px;
 
1224
  border: 1px solid #8d96a0; }
 
1225
  .editor-post-permalink .input-control:focus,
 
1226
  .editor-post-permalink input[type="text"]:focus,
 
1227
  .editor-post-permalink input[type="search"]:focus,
 
1228
  .editor-post-permalink input[type="radio"]:focus,
 
1229
  .editor-post-permalink input[type="tel"]:focus,
 
1230
  .editor-post-permalink input[type="time"]:focus,
 
1231
  .editor-post-permalink input[type="url"]:focus,
 
1232
  .editor-post-permalink input[type="week"]:focus,
 
1233
  .editor-post-permalink input[type="password"]:focus,
 
1234
  .editor-post-permalink input[type="checkbox"]:focus,
 
1235
  .editor-post-permalink input[type="color"]:focus,
 
1236
  .editor-post-permalink input[type="date"]:focus,
 
1237
  .editor-post-permalink input[type="datetime"]:focus,
 
1238
  .editor-post-permalink input[type="datetime-local"]:focus,
 
1239
  .editor-post-permalink input[type="email"]:focus,
 
1240
  .editor-post-permalink input[type="month"]:focus,
 
1241
  .editor-post-permalink input[type="number"]:focus,
 
1242
  .editor-post-permalink select:focus,
 
1243
  .editor-post-permalink textarea:focus,
 
1244
  .edit-post-sidebar .input-control:focus,
 
1245
  .edit-post-sidebar input[type="text"]:focus,
 
1246
  .edit-post-sidebar input[type="search"]:focus,
 
1247
  .edit-post-sidebar input[type="radio"]:focus,
 
1248
  .edit-post-sidebar input[type="tel"]:focus,
 
1249
  .edit-post-sidebar input[type="time"]:focus,
 
1250
  .edit-post-sidebar input[type="url"]:focus,
 
1251
  .edit-post-sidebar input[type="week"]:focus,
 
1252
  .edit-post-sidebar input[type="password"]:focus,
 
1253
  .edit-post-sidebar input[type="checkbox"]:focus,
 
1254
  .edit-post-sidebar input[type="color"]:focus,
 
1255
  .edit-post-sidebar input[type="date"]:focus,
 
1256
  .edit-post-sidebar input[type="datetime"]:focus,
 
1257
  .edit-post-sidebar input[type="datetime-local"]:focus,
 
1258
  .edit-post-sidebar input[type="email"]:focus,
 
1259
  .edit-post-sidebar input[type="month"]:focus,
 
1260
  .edit-post-sidebar input[type="number"]:focus,
 
1261
  .edit-post-sidebar select:focus,
 
1262
  .edit-post-sidebar textarea:focus,
 
1263
  .editor-post-publish-panel .input-control:focus,
 
1264
  .editor-post-publish-panel input[type="text"]:focus,
 
1265
  .editor-post-publish-panel input[type="search"]:focus,
 
1266
  .editor-post-publish-panel input[type="radio"]:focus,
 
1267
  .editor-post-publish-panel input[type="tel"]:focus,
 
1268
  .editor-post-publish-panel input[type="time"]:focus,
 
1269
  .editor-post-publish-panel input[type="url"]:focus,
 
1270
  .editor-post-publish-panel input[type="week"]:focus,
 
1271
  .editor-post-publish-panel input[type="password"]:focus,
 
1272
  .editor-post-publish-panel input[type="checkbox"]:focus,
 
1273
  .editor-post-publish-panel input[type="color"]:focus,
 
1274
  .editor-post-publish-panel input[type="date"]:focus,
 
1275
  .editor-post-publish-panel input[type="datetime"]:focus,
 
1276
  .editor-post-publish-panel input[type="datetime-local"]:focus,
 
1277
  .editor-post-publish-panel input[type="email"]:focus,
 
1278
  .editor-post-publish-panel input[type="month"]:focus,
 
1279
  .editor-post-publish-panel input[type="number"]:focus,
 
1280
  .editor-post-publish-panel select:focus,
 
1281
  .editor-post-publish-panel textarea:focus,
 
1282
  .editor-block-list__block .input-control:focus,
 
1283
  .editor-block-list__block input[type="text"]:focus,
 
1284
  .editor-block-list__block input[type="search"]:focus,
 
1285
  .editor-block-list__block input[type="radio"]:focus,
 
1286
  .editor-block-list__block input[type="tel"]:focus,
 
1287
  .editor-block-list__block input[type="time"]:focus,
 
1288
  .editor-block-list__block input[type="url"]:focus,
 
1289
  .editor-block-list__block input[type="week"]:focus,
 
1290
  .editor-block-list__block input[type="password"]:focus,
 
1291
  .editor-block-list__block input[type="checkbox"]:focus,
 
1292
  .editor-block-list__block input[type="color"]:focus,
 
1293
  .editor-block-list__block input[type="date"]:focus,
 
1294
  .editor-block-list__block input[type="datetime"]:focus,
 
1295
  .editor-block-list__block input[type="datetime-local"]:focus,
 
1296
  .editor-block-list__block input[type="email"]:focus,
 
1297
  .editor-block-list__block input[type="month"]:focus,
 
1298
  .editor-block-list__block input[type="number"]:focus,
 
1299
  .editor-block-list__block select:focus,
 
1300
  .editor-block-list__block textarea:focus,
 
1301
  .components-popover .input-control:focus,
 
1302
  .components-popover input[type="text"]:focus,
 
1303
  .components-popover input[type="search"]:focus,
 
1304
  .components-popover input[type="radio"]:focus,
 
1305
  .components-popover input[type="tel"]:focus,
 
1306
  .components-popover input[type="time"]:focus,
 
1307
  .components-popover input[type="url"]:focus,
 
1308
  .components-popover input[type="week"]:focus,
 
1309
  .components-popover input[type="password"]:focus,
 
1310
  .components-popover input[type="checkbox"]:focus,
 
1311
  .components-popover input[type="color"]:focus,
 
1312
  .components-popover input[type="date"]:focus,
 
1313
  .components-popover input[type="datetime"]:focus,
 
1314
  .components-popover input[type="datetime-local"]:focus,
 
1315
  .components-popover input[type="email"]:focus,
 
1316
  .components-popover input[type="month"]:focus,
 
1317
  .components-popover input[type="number"]:focus,
 
1318
  .components-popover select:focus,
 
1319
  .components-popover textarea:focus,
 
1320
  .components-modal__content .input-control:focus,
 
1321
  .components-modal__content input[type="text"]:focus,
 
1322
  .components-modal__content input[type="search"]:focus,
 
1323
  .components-modal__content input[type="radio"]:focus,
 
1324
  .components-modal__content input[type="tel"]:focus,
 
1325
  .components-modal__content input[type="time"]:focus,
 
1326
  .components-modal__content input[type="url"]:focus,
 
1327
  .components-modal__content input[type="week"]:focus,
 
1328
  .components-modal__content input[type="password"]:focus,
 
1329
  .components-modal__content input[type="checkbox"]:focus,
 
1330
  .components-modal__content input[type="color"]:focus,
 
1331
  .components-modal__content input[type="date"]:focus,
 
1332
  .components-modal__content input[type="datetime"]:focus,
 
1333
  .components-modal__content input[type="datetime-local"]:focus,
 
1334
  .components-modal__content input[type="email"]:focus,
 
1335
  .components-modal__content input[type="month"]:focus,
 
1336
  .components-modal__content input[type="number"]:focus,
 
1337
  .components-modal__content select:focus,
 
1338
  .components-modal__content textarea:focus {
 
1339
    color: #191e23;
 
1340
    border-color: #00a0d2;
 
1341
    box-shadow: 0 0 0 1px #00a0d2;
 
1342
    outline: 2px solid transparent;
 
1343
    outline-offset: -2px; }
 
1344
 
 
1345
.editor-post-permalink select,
 
1346
.edit-post-sidebar select,
 
1347
.editor-post-publish-panel select,
 
1348
.editor-block-list__block select,
 
1349
.components-popover select,
 
1350
.components-modal__content select {
 
1351
  padding: 2px; }
 
1352
  .editor-post-permalink select:focus,
 
1353
  .edit-post-sidebar select:focus,
 
1354
  .editor-post-publish-panel select:focus,
 
1355
  .editor-block-list__block select:focus,
 
1356
  .components-popover select:focus,
 
1357
  .components-modal__content select:focus {
 
1358
    border-color: #008dbe;
 
1359
    outline: 2px solid transparent;
 
1360
    outline-offset: 0; }
 
1361
 
 
1362
.editor-post-permalink input[type="checkbox"],
 
1363
.editor-post-permalink input[type="radio"],
 
1364
.edit-post-sidebar input[type="checkbox"],
 
1365
.edit-post-sidebar input[type="radio"],
 
1366
.editor-post-publish-panel input[type="checkbox"],
 
1367
.editor-post-publish-panel input[type="radio"],
 
1368
.editor-block-list__block input[type="checkbox"],
 
1369
.editor-block-list__block input[type="radio"],
 
1370
.components-popover input[type="checkbox"],
 
1371
.components-popover input[type="radio"],
 
1372
.components-modal__content input[type="checkbox"],
 
1373
.components-modal__content input[type="radio"] {
 
1374
  border: 2px solid #6c7781;
 
1375
  margin-left: 12px;
 
1376
  transition: none; }
 
1377
  .editor-post-permalink input[type="checkbox"]:focus,
 
1378
  .editor-post-permalink input[type="radio"]:focus,
 
1379
  .edit-post-sidebar input[type="checkbox"]:focus,
 
1380
  .edit-post-sidebar input[type="radio"]:focus,
 
1381
  .editor-post-publish-panel input[type="checkbox"]:focus,
 
1382
  .editor-post-publish-panel input[type="radio"]:focus,
 
1383
  .editor-block-list__block input[type="checkbox"]:focus,
 
1384
  .editor-block-list__block input[type="radio"]:focus,
 
1385
  .components-popover input[type="checkbox"]:focus,
 
1386
  .components-popover input[type="radio"]:focus,
 
1387
  .components-modal__content input[type="checkbox"]:focus,
 
1388
  .components-modal__content input[type="radio"]:focus {
 
1389
    border-color: #6c7781;
 
1390
    box-shadow: 0 0 0 1px #6c7781; }
 
1391
  .editor-post-permalink input[type="checkbox"]:checked,
 
1392
  .editor-post-permalink input[type="radio"]:checked,
 
1393
  .edit-post-sidebar input[type="checkbox"]:checked,
 
1394
  .edit-post-sidebar input[type="radio"]:checked,
 
1395
  .editor-post-publish-panel input[type="checkbox"]:checked,
 
1396
  .editor-post-publish-panel input[type="radio"]:checked,
 
1397
  .editor-block-list__block input[type="checkbox"]:checked,
 
1398
  .editor-block-list__block input[type="radio"]:checked,
 
1399
  .components-popover input[type="checkbox"]:checked,
 
1400
  .components-popover input[type="radio"]:checked,
 
1401
  .components-modal__content input[type="checkbox"]:checked,
 
1402
  .components-modal__content input[type="radio"]:checked {
 
1403
    background: #11a0d2;
 
1404
    border-color: #11a0d2; }
 
1405
  body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked {
 
1406
    background: #c8b03c;
 
1407
    border-color: #c8b03c; }
 
1408
  body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked {
 
1409
    background: #a3b9a2;
 
1410
    border-color: #a3b9a2; }
 
1411
  body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked {
 
1412
    background: #77a6b9;
 
1413
    border-color: #77a6b9; }
 
1414
  body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked {
 
1415
    background: #a7b656;
 
1416
    border-color: #a7b656; }
 
1417
  body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked {
 
1418
    background: #c2a68c;
 
1419
    border-color: #c2a68c; }
 
1420
  body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked {
 
1421
    background: #82b4cb;
 
1422
    border-color: #82b4cb; }
 
1423
  body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked {
 
1424
    background: #11a0d2;
 
1425
    border-color: #11a0d2; }
 
1426
  .editor-post-permalink input[type="checkbox"]:checked:focus,
 
1427
  .editor-post-permalink input[type="radio"]:checked:focus,
 
1428
  .edit-post-sidebar input[type="checkbox"]:checked:focus,
 
1429
  .edit-post-sidebar input[type="radio"]:checked:focus,
 
1430
  .editor-post-publish-panel input[type="checkbox"]:checked:focus,
 
1431
  .editor-post-publish-panel input[type="radio"]:checked:focus,
 
1432
  .editor-block-list__block input[type="checkbox"]:checked:focus,
 
1433
  .editor-block-list__block input[type="radio"]:checked:focus,
 
1434
  .components-popover input[type="checkbox"]:checked:focus,
 
1435
  .components-popover input[type="radio"]:checked:focus,
 
1436
  .components-modal__content input[type="checkbox"]:checked:focus,
 
1437
  .components-modal__content input[type="radio"]:checked:focus {
 
1438
    box-shadow: 0 0 0 2px #555d66; }
 
1439
 
 
1440
.editor-post-permalink input[type="checkbox"],
 
1441
.edit-post-sidebar input[type="checkbox"],
 
1442
.editor-post-publish-panel input[type="checkbox"],
 
1443
.editor-block-list__block input[type="checkbox"],
 
1444
.components-popover input[type="checkbox"],
 
1445
.components-modal__content input[type="checkbox"] {
 
1446
  border-radius: 2px; }
 
1447
  .editor-post-permalink input[type="checkbox"]:checked::before,
 
1448
  .edit-post-sidebar input[type="checkbox"]:checked::before,
 
1449
  .editor-post-publish-panel input[type="checkbox"]:checked::before,
 
1450
  .editor-block-list__block input[type="checkbox"]:checked::before,
 
1451
  .components-popover input[type="checkbox"]:checked::before,
 
1452
  .components-modal__content input[type="checkbox"]:checked::before {
 
1453
    margin: -4px -5px 0 0;
 
1454
    color: #fff; }
 
1455
 
 
1456
.editor-post-permalink input[type="radio"],
 
1457
.edit-post-sidebar input[type="radio"],
 
1458
.editor-post-publish-panel input[type="radio"],
 
1459
.editor-block-list__block input[type="radio"],
 
1460
.components-popover input[type="radio"],
 
1461
.components-modal__content input[type="radio"] {
 
1462
  border-radius: 50%; }
 
1463
  .editor-post-permalink input[type="radio"]:checked::before,
 
1464
  .edit-post-sidebar input[type="radio"]:checked::before,
 
1465
  .editor-post-publish-panel input[type="radio"]:checked::before,
 
1466
  .editor-block-list__block input[type="radio"]:checked::before,
 
1467
  .components-popover input[type="radio"]:checked::before,
 
1468
  .components-modal__content input[type="radio"]:checked::before {
 
1469
    margin: 3px 3px 0 0;
 
1470
    background-color: #fff; }
 
1471
 
 
1472
.editor-post-title input::-webkit-input-placeholder,
 
1473
.editor-post-title textarea::-webkit-input-placeholder,
 
1474
.editor-block-list__block input::-webkit-input-placeholder,
 
1475
.editor-block-list__block textarea::-webkit-input-placeholder {
 
1476
  color: rgba(14, 28, 46, 0.62); }
 
1477
 
 
1478
.editor-post-title input::-moz-placeholder,
 
1479
.editor-post-title textarea::-moz-placeholder,
 
1480
.editor-block-list__block input::-moz-placeholder,
 
1481
.editor-block-list__block textarea::-moz-placeholder {
 
1482
  opacity: 1;
 
1483
  color: rgba(14, 28, 46, 0.62); }
 
1484
 
 
1485
.editor-post-title input:-ms-input-placeholder,
 
1486
.editor-post-title textarea:-ms-input-placeholder,
 
1487
.editor-block-list__block input:-ms-input-placeholder,
 
1488
.editor-block-list__block textarea:-ms-input-placeholder {
 
1489
  color: rgba(14, 28, 46, 0.62); }
 
1490
 
 
1491
.is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme
 
1492
.editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme
 
1493
.editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme
 
1494
.editor-block-list__block textarea::-webkit-input-placeholder {
 
1495
  color: rgba(255, 255, 255, 0.65); }
 
1496
 
 
1497
.is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme
 
1498
.editor-post-title textarea::-moz-placeholder, .is-dark-theme
 
1499
.editor-block-list__block input::-moz-placeholder, .is-dark-theme
 
1500
.editor-block-list__block textarea::-moz-placeholder {
 
1501
  opacity: 1;
 
1502
  color: rgba(255, 255, 255, 0.65); }
 
1503
 
 
1504
.is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme
 
1505
.editor-post-title textarea:-ms-input-placeholder, .is-dark-theme
 
1506
.editor-block-list__block input:-ms-input-placeholder, .is-dark-theme
 
1507
.editor-block-list__block textarea:-ms-input-placeholder {
 
1508
  color: rgba(255, 255, 255, 0.65); }
 
1509
 
 
1510
.wp-block {
 
1511
  max-width: 610px; }
 
1512
  .wp-block[data-align="wide"] {
 
1513
    max-width: 1100px; }
 
1514
  .wp-block[data-align="full"] {
 
1515
    max-width: none; }