balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

style-rtl.css (26321B)


      1 @charset "UTF-8";
      2 /**
      3  * Colors
      4  */
      5 /**
      6  * Breakpoints & Media Queries
      7  */
      8 /**
      9  * SCSS Variables.
     10  *
     11  * Please use variables from this sheet to ensure consistency across the UI.
     12  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
     13  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
     14  */
     15 /**
     16  * Colors
     17  */
     18 /**
     19  * Fonts & basic variables.
     20  */
     21 /**
     22  * Grid System.
     23  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
     24  */
     25 /**
     26  * Dimensions.
     27  */
     28 /**
     29  * Shadows.
     30  */
     31 /**
     32  * Editor widths.
     33  */
     34 /**
     35  * Block & Editor UI.
     36  */
     37 /**
     38  * Block paddings.
     39  */
     40 /**
     41  * React Native specific.
     42  * These variables do not appear to be used anywhere else.
     43  */
     44 /**
     45  * Breakpoint mixins
     46  */
     47 /**
     48  * Long content fade mixin
     49  *
     50  * Creates a fading overlay to signify that the content is longer
     51  * than the space allows.
     52  */
     53 /**
     54  * Focus styles.
     55  */
     56 /**
     57  * Applies editor left position to the selector passed as argument
     58  */
     59 /**
     60  * Styles that are reused verbatim in a few places
     61  */
     62 /**
     63  * Allows users to opt-out of animations via OS-level preferences.
     64  */
     65 /**
     66  * Reset default styles for JavaScript UI based pages.
     67  * This is a WP-admin agnostic reset
     68  */
     69 /**
     70  * Reset the WP Admin page styles for Gutenberg-like pages.
     71  */
     72 :root {
     73   --wp-admin-theme-color: #007cba;
     74   --wp-admin-theme-color-darker-10: #006ba1;
     75   --wp-admin-theme-color-darker-20: #005a87;
     76   --wp-admin-border-width-focus: 2px;
     77 }
     78 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
     79   :root {
     80     --wp-admin-border-width-focus: 1.5px;
     81   }
     82 }
     83 
     84 .editor-autocompleters__user .editor-autocompleters__no-avatar::before {
     85   /* stylelint-disable */
     86   font: normal 20px/1 dashicons;
     87   /* stylelint-enable */
     88   content: "";
     89   margin-left: 5px;
     90   vertical-align: middle;
     91 }
     92 .editor-autocompleters__user .editor-autocompleters__user-avatar {
     93   margin-left: 8px;
     94   flex-grow: 0;
     95   flex-shrink: 0;
     96   max-width: none;
     97   width: 24px;
     98   height: 24px;
     99 }
    100 .editor-autocompleters__user .editor-autocompleters__user-name {
    101   white-space: nowrap;
    102   text-overflow: ellipsis;
    103   overflow: hidden;
    104   max-width: 200px;
    105   flex-shrink: 0;
    106   flex-grow: 1;
    107 }
    108 .editor-autocompleters__user .editor-autocompleters__user-slug {
    109   margin-right: 8px;
    110   color: #757575;
    111   white-space: nowrap;
    112   text-overflow: ellipsis;
    113   overflow: none;
    114   max-width: 100px;
    115   flex-grow: 0;
    116   flex-shrink: 0;
    117 }
    118 .editor-autocompleters__user:hover .editor-autocompleters__user-slug {
    119   color: var(--wp-admin-theme-color);
    120 }
    121 
    122 .document-outline {
    123   margin: 20px 0;
    124 }
    125 .document-outline ul {
    126   margin: 0;
    127   padding: 0;
    128 }
    129 
    130 .document-outline__item {
    131   display: flex;
    132   margin: 4px 0;
    133 }
    134 .document-outline__item a {
    135   text-decoration: none;
    136 }
    137 .document-outline__item .document-outline__emdash::before {
    138   color: #ddd;
    139   margin-left: 4px;
    140 }
    141 .document-outline__item.is-h2 .document-outline__emdash::before {
    142   content: "—";
    143 }
    144 .document-outline__item.is-h3 .document-outline__emdash::before {
    145   content: "——";
    146 }
    147 .document-outline__item.is-h4 .document-outline__emdash::before {
    148   content: "———";
    149 }
    150 .document-outline__item.is-h5 .document-outline__emdash::before {
    151   content: "————";
    152 }
    153 .document-outline__item.is-h6 .document-outline__emdash::before {
    154   content: "—————";
    155 }
    156 
    157 .document-outline__button {
    158   cursor: pointer;
    159   background: none;
    160   border: none;
    161   display: flex;
    162   align-items: flex-start;
    163   margin: 0 -1px 0 0;
    164   padding: 2px 1px 2px 5px;
    165   color: #1e1e1e;
    166   text-align: right;
    167   border-radius: 2px;
    168 }
    169 .document-outline__button:disabled {
    170   cursor: default;
    171 }
    172 .document-outline__button:focus {
    173   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    174   outline: 2px solid transparent;
    175 }
    176 
    177 .document-outline__level {
    178   background: #ddd;
    179   color: #1e1e1e;
    180   border-radius: 3px;
    181   font-size: 13px;
    182   padding: 1px 6px;
    183   margin-left: 4px;
    184 }
    185 .is-invalid .document-outline__level {
    186   background: #f0b849;
    187 }
    188 
    189 .document-outline__item-content {
    190   padding: 1px 0;
    191 }
    192 
    193 .components-editor-notices__dismissible,
    194 .components-editor-notices__pinned {
    195   position: relative;
    196   right: 0;
    197   top: 0;
    198   left: 0;
    199   color: #1e1e1e;
    200 }
    201 .components-editor-notices__dismissible .components-notice,
    202 .components-editor-notices__pinned .components-notice {
    203   box-sizing: border-box;
    204   margin: 0;
    205   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    206   padding: 0 12px;
    207   min-height: 60px;
    208 }
    209 .components-editor-notices__dismissible .components-notice .components-notice__dismiss,
    210 .components-editor-notices__pinned .components-notice .components-notice__dismiss {
    211   margin-top: 12px;
    212 }
    213 
    214 .entities-saved-states__panel {
    215   box-sizing: border-box;
    216   background: #fff;
    217   position: fixed;
    218   z-index: 100001;
    219   top: 46px;
    220   bottom: 0;
    221   left: 0;
    222   right: 0;
    223   overflow: auto;
    224   box-sizing: border-box;
    225 }
    226 .entities-saved-states__panel *,
    227 .entities-saved-states__panel *::before,
    228 .entities-saved-states__panel *::after {
    229   box-sizing: inherit;
    230 }
    231 .entities-saved-states__panel .entities-saved-states__find-entity {
    232   display: none;
    233 }
    234 .entities-saved-states__panel .entities-saved-states__find-entity-small {
    235   display: block;
    236 }
    237 @media (min-width: 782px) {
    238   .entities-saved-states__panel {
    239     top: 32px;
    240     right: auto;
    241     width: 280px;
    242     border-right: 1px solid #ddd;
    243   }
    244   body.is-fullscreen-mode .entities-saved-states__panel {
    245     top: 0;
    246   }
    247   .entities-saved-states__panel .entities-saved-states__find-entity {
    248     display: block;
    249   }
    250   .entities-saved-states__panel .entities-saved-states__find-entity-small {
    251     display: none;
    252   }
    253 }
    254 .entities-saved-states__panel .entities-saved-states__panel-header {
    255   background: #fff;
    256   padding-right: 8px;
    257   padding-left: 8px;
    258   height: 61px;
    259   border-bottom: 1px solid #ddd;
    260   display: flex;
    261   align-items: center;
    262   align-content: space-between;
    263 }
    264 .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button {
    265   margin: auto;
    266 }
    267 .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon {
    268   position: absolute;
    269   left: 8px;
    270 }
    271 .entities-saved-states__panel .entities-saved-states__text-prompt {
    272   padding: 16px;
    273   padding-bottom: 4px;
    274 }
    275 
    276 .editor-error-boundary {
    277   margin: auto;
    278   max-width: 780px;
    279   padding: 20px;
    280   margin-top: 60px;
    281   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
    282 }
    283 
    284 .editor-page-attributes__order {
    285   width: 100%;
    286 }
    287 .editor-page-attributes__order .components-base-control__field {
    288   display: flex;
    289   justify-content: space-between;
    290   align-items: center;
    291 }
    292 .editor-page-attributes__order input {
    293   width: 66px;
    294 }
    295 
    296 .editor-post-excerpt__textarea {
    297   width: 100%;
    298   margin-bottom: 10px;
    299 }
    300 
    301 .editor-post-featured-image {
    302   padding: 0;
    303 }
    304 .editor-post-featured-image__container {
    305   margin-bottom: 1em;
    306   position: relative;
    307 }
    308 .editor-post-featured-image .components-spinner {
    309   position: absolute;
    310   top: 50%;
    311   right: 50%;
    312   margin-top: -9px;
    313   margin-right: -9px;
    314 }
    315 .editor-post-featured-image .components-button + .components-button {
    316   display: block;
    317   margin-top: 1em;
    318 }
    319 .editor-post-featured-image .components-responsive-wrapper__content {
    320   max-width: 100%;
    321   width: auto;
    322 }
    323 
    324 .editor-post-featured-image__toggle,
    325 .editor-post-featured-image__preview {
    326   display: block;
    327   width: 100%;
    328   padding: 0;
    329   transition: all 0.1s ease-out;
    330   box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
    331 }
    332 @media (prefers-reduced-motion: reduce) {
    333   .editor-post-featured-image__toggle,
    334 .editor-post-featured-image__preview {
    335     transition-duration: 0s;
    336     transition-delay: 0s;
    337   }
    338 }
    339 
    340 .editor-post-featured-image__preview {
    341   height: auto;
    342 }
    343 
    344 .editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
    345   box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
    346 }
    347 
    348 .editor-post-featured-image__toggle {
    349   border-radius: 2px;
    350   background-color: #f0f0f0;
    351   min-height: 90px;
    352   line-height: 20px;
    353   padding: 8px 0;
    354   text-align: center;
    355 }
    356 .editor-post-featured-image__toggle:hover {
    357   background: #ddd;
    358   color: #1e1e1e;
    359 }
    360 
    361 .editor-post-format {
    362   flex-direction: column;
    363   align-items: stretch;
    364   width: 100%;
    365 }
    366 
    367 .editor-post-format__content {
    368   display: inline-flex;
    369   justify-content: space-between;
    370   align-items: center;
    371   width: 100%;
    372 }
    373 
    374 .editor-post-format__suggestion {
    375   text-align: left;
    376   font-size: 13px;
    377 }
    378 
    379 .editor-post-last-revision__title {
    380   width: 100%;
    381   font-weight: 600;
    382 }
    383 .editor-post-last-revision__title .dashicon {
    384   margin-left: 5px;
    385 }
    386 
    387 .components-button.editor-post-last-revision__title {
    388   height: 100%;
    389 }
    390 .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
    391   background: #f0f0f0;
    392 }
    393 .components-button.editor-post-last-revision__title:focus {
    394   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    395   border-radius: 0;
    396 }
    397 
    398 .editor-post-locked-modal {
    399   height: auto;
    400   padding-left: 10px;
    401   padding-right: 10px;
    402   padding-top: 10px;
    403   max-width: 480px;
    404 }
    405 .editor-post-locked-modal .components-modal__header {
    406   height: 36px;
    407 }
    408 .editor-post-locked-modal .components-modal__content {
    409   height: auto;
    410 }
    411 
    412 .editor-post-locked-modal__buttons {
    413   margin-top: 10px;
    414 }
    415 .editor-post-locked-modal__buttons .components-button {
    416   margin-left: 5px;
    417 }
    418 
    419 .editor-post-locked-modal__avatar {
    420   float: right;
    421   margin: 5px;
    422   margin-left: 15px;
    423 }
    424 
    425 .editor-post-publish-button__button.has-changes-dot::before {
    426   background: currentcolor;
    427   border-radius: 4px;
    428   content: "";
    429   height: 8px;
    430   margin: auto -3px auto 5px;
    431   width: 8px;
    432 }
    433 
    434 .editor-post-publish-panel {
    435   background: #fff;
    436 }
    437 
    438 .editor-post-publish-panel__content {
    439   min-height: calc(100% - 144px);
    440 }
    441 .editor-post-publish-panel__content .components-spinner {
    442   display: block;
    443   margin: 100px auto 0;
    444 }
    445 
    446 .editor-post-publish-panel__header {
    447   background: #fff;
    448   padding-right: 16px;
    449   padding-left: 16px;
    450   height: 61px;
    451   border-bottom: 1px solid #ddd;
    452   display: flex;
    453   align-items: center;
    454   align-content: space-between;
    455 }
    456 .editor-post-publish-panel__header .components-button {
    457   width: 100%;
    458   justify-content: center;
    459 }
    460 .editor-post-publish-panel__header .has-icon {
    461   margin-right: auto;
    462   width: auto;
    463 }
    464 
    465 .components-site-card {
    466   display: flex;
    467   align-items: center;
    468   margin: 16px 0;
    469 }
    470 
    471 .components-site-icon {
    472   border: none;
    473   border-radius: 2px;
    474   margin-left: 12px;
    475   height: 36px;
    476   width: 36px;
    477 }
    478 
    479 .components-site-name {
    480   display: block;
    481   font-size: 14px;
    482 }
    483 
    484 .components-site-home {
    485   display: block;
    486   color: #757575;
    487   font-size: 12px;
    488 }
    489 
    490 .editor-post-publish-panel__header-publish-button,
    491 .editor-post-publish-panel__header-cancel-button {
    492   flex-grow: 1;
    493 }
    494 @media (min-width: 480px) {
    495   .editor-post-publish-panel__header-publish-button,
    496 .editor-post-publish-panel__header-cancel-button {
    497     max-width: 160px;
    498   }
    499 }
    500 
    501 .editor-post-publish-panel__header-publish-button {
    502   padding-left: 4px;
    503 }
    504 
    505 .editor-post-publish-panel__header-cancel-button {
    506   padding-right: 4px;
    507 }
    508 
    509 .editor-post-publish-panel__header-published {
    510   flex-grow: 1;
    511 }
    512 
    513 .editor-post-publish-panel__footer {
    514   padding: 16px;
    515 }
    516 
    517 .components-button.editor-post-publish-panel__toggle.is-primary {
    518   display: inline-flex;
    519   align-items: center;
    520 }
    521 .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
    522   display: none;
    523 }
    524 .components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
    525   margin-left: -4px;
    526 }
    527 
    528 .editor-post-publish-panel__link {
    529   font-weight: 400;
    530   padding-right: 4px;
    531 }
    532 
    533 .editor-post-publish-panel__prepublish {
    534   padding: 16px;
    535 }
    536 .editor-post-publish-panel__prepublish strong {
    537   color: #1e1e1e;
    538 }
    539 .editor-post-publish-panel__prepublish .components-panel__body {
    540   background: #fff;
    541   margin-right: -16px;
    542   margin-left: -16px;
    543 }
    544 .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
    545   display: none;
    546 }
    547 
    548 .post-publish-panel__postpublish .components-panel__body {
    549   border-bottom: 1px solid #e0e0e0;
    550   border-top: none;
    551 }
    552 
    553 .post-publish-panel__postpublish-buttons {
    554   display: flex;
    555   align-content: space-between;
    556   flex-wrap: wrap;
    557   margin: -5px;
    558 }
    559 .post-publish-panel__postpublish-buttons > * {
    560   flex-grow: 1;
    561   margin: 5px;
    562 }
    563 .post-publish-panel__postpublish-buttons .components-button {
    564   height: auto;
    565   justify-content: center;
    566   padding: 3px 10px 4px;
    567   line-height: 1.6;
    568   text-align: center;
    569   white-space: normal;
    570 }
    571 .post-publish-panel__postpublish-buttons .components-clipboard-button {
    572   width: 100%;
    573 }
    574 
    575 .post-publish-panel__postpublish-post-address {
    576   margin-bottom: 16px;
    577 }
    578 .post-publish-panel__postpublish-post-address input[readonly] {
    579   padding: 10px;
    580   background: #ddd;
    581   overflow: hidden;
    582   text-overflow: ellipsis;
    583 }
    584 
    585 .post-publish-panel__postpublish-header {
    586   font-weight: 500;
    587 }
    588 
    589 .post-publish-panel__postpublish-subheader {
    590   margin: 0 0 8px;
    591 }
    592 
    593 .post-publish-panel__tip {
    594   color: #f0b849;
    595 }
    596 
    597 .editor-post-saved-state {
    598   display: flex;
    599   align-items: center;
    600   width: 28px;
    601   padding: 12px 4px;
    602   color: #757575;
    603   overflow: hidden;
    604   white-space: nowrap;
    605 }
    606 .editor-post-saved-state svg {
    607   display: inline-block;
    608   flex: 0 0 auto;
    609   fill: currentColor;
    610   margin-left: 8px;
    611 }
    612 @media (min-width: 600px) {
    613   .editor-post-saved-state {
    614     width: auto;
    615     padding: 8px 12px;
    616     text-indent: inherit;
    617   }
    618   .editor-post-saved-state svg {
    619     margin-left: 4px;
    620   }
    621 }
    622 
    623 .editor-post-taxonomies__hierarchical-terms-list {
    624   max-height: 14em;
    625   overflow: auto;
    626   margin-right: -6px;
    627   padding-right: 6px;
    628   margin-top: -6px;
    629   padding-top: 6px;
    630 }
    631 
    632 .editor-post-taxonomies__hierarchical-terms-choice {
    633   margin-bottom: 8px;
    634 }
    635 
    636 .editor-post-taxonomies__hierarchical-terms-subchoices {
    637   margin-top: 8px;
    638   margin-right: 16px;
    639 }
    640 
    641 .components-button.editor-post-taxonomies__hierarchical-terms-submit,
    642 .components-button.editor-post-taxonomies__hierarchical-terms-add {
    643   margin-top: 12px;
    644 }
    645 
    646 .editor-post-taxonomies__hierarchical-terms-label {
    647   display: inline-block;
    648   margin-top: 12px;
    649 }
    650 
    651 .editor-post-taxonomies__hierarchical-terms-input {
    652   margin-top: 8px;
    653   width: 100%;
    654 }
    655 
    656 .editor-post-taxonomies__hierarchical-terms-filter {
    657   margin-bottom: 8px;
    658   width: 100%;
    659 }
    660 
    661 .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
    662   font-weight: 400;
    663   margin-bottom: 12px;
    664 }
    665 
    666 .editor-post-taxonomies__flat-term-most-used-list {
    667   margin: 0;
    668 }
    669 .editor-post-taxonomies__flat-term-most-used-list li {
    670   display: inline-block;
    671   margin-left: 8px;
    672 }
    673 .editor-post-taxonomies__flat-term-most-used-list .components-button {
    674   font-size: 12px;
    675 }
    676 
    677 .edit-post-text-editor__body textarea.editor-post-text-editor {
    678   border: 1px solid #949494;
    679   border-radius: 0;
    680   display: block;
    681   margin: 0;
    682   width: 100%;
    683   box-shadow: none;
    684   resize: none;
    685   overflow: hidden;
    686   font-family: Menlo, Consolas, monaco, monospace;
    687   line-height: 2.4;
    688   min-height: 200px;
    689   transition: border 0.1s ease-out, box-shadow 0.1s linear;
    690   padding: 16px;
    691   /* Fonts smaller than 16px causes mobile safari to zoom. */
    692   font-size: 16px !important;
    693 }
    694 @media (prefers-reduced-motion: reduce) {
    695   .edit-post-text-editor__body textarea.editor-post-text-editor {
    696     transition-duration: 0s;
    697     transition-delay: 0s;
    698   }
    699 }
    700 @media (min-width: 600px) {
    701   .edit-post-text-editor__body textarea.editor-post-text-editor {
    702     padding: 24px;
    703   }
    704 }
    705 @media (min-width: 600px) {
    706   .edit-post-text-editor__body textarea.editor-post-text-editor {
    707     font-size: 15px !important;
    708   }
    709 }
    710 .edit-post-text-editor__body textarea.editor-post-text-editor:focus {
    711   border-color: var(--wp-admin-theme-color);
    712   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    713   position: relative;
    714 }
    715 .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
    716   color: rgba(30, 30, 30, 0.62);
    717 }
    718 .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
    719   color: rgba(30, 30, 30, 0.62);
    720   opacity: 1;
    721 }
    722 .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
    723   color: rgba(30, 30, 30, 0.62);
    724 }
    725 
    726 .edit-post-post-visibility__dialog,
    727 .editor-post-visibility__dialog-fieldset {
    728   padding: 4px;
    729   padding-top: 0;
    730 }
    731 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
    732 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
    733   font-weight: 600;
    734   margin-bottom: 1em;
    735   margin-top: 0.5em;
    736   padding: 0;
    737 }
    738 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
    739 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
    740   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    741   padding: 6px 8px;
    742   box-shadow: 0 0 0 transparent;
    743   transition: box-shadow 0.1s linear;
    744   border-radius: 2px;
    745   border: 1px solid #757575;
    746   /* Fonts smaller than 16px causes mobile safari to zoom. */
    747   font-size: 16px;
    748   /* Override core line-height. To be reviewed. */
    749   line-height: normal;
    750   border: 1px solid #1e1e1e;
    751   margin-left: 12px;
    752   transition: none;
    753   border-radius: 50%;
    754   width: 24px;
    755   height: 24px;
    756   margin-top: 2px;
    757 }
    758 @media (prefers-reduced-motion: reduce) {
    759   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
    760 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
    761     transition-duration: 0s;
    762     transition-delay: 0s;
    763   }
    764 }
    765 @media (min-width: 600px) {
    766   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
    767 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
    768     font-size: 13px;
    769     /* Override core line-height. To be reviewed. */
    770     line-height: normal;
    771   }
    772 }
    773 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
    774 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
    775   border-color: var(--wp-admin-theme-color);
    776   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
    777   outline: 2px solid transparent;
    778 }
    779 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
    780 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
    781   color: rgba(30, 30, 30, 0.62);
    782 }
    783 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
    784 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
    785   opacity: 1;
    786   color: rgba(30, 30, 30, 0.62);
    787 }
    788 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
    789 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
    790   color: rgba(30, 30, 30, 0.62);
    791 }
    792 @media (min-width: 600px) {
    793   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
    794 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
    795     height: 20px;
    796     width: 20px;
    797   }
    798 }
    799 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
    800 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
    801   box-sizing: inherit;
    802   width: 8px;
    803   height: 8px;
    804   transform: translate(-7px, 7px);
    805   margin: 0;
    806   background-color: #fff;
    807   border: 4px solid #fff;
    808 }
    809 @media (min-width: 600px) {
    810   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
    811 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
    812     transform: translate(-5px, 5px);
    813   }
    814 }
    815 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
    816 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
    817   box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
    818   outline: 2px solid transparent;
    819 }
    820 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
    821 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
    822   background: var(--wp-admin-theme-color);
    823   border-color: var(--wp-admin-theme-color);
    824 }
    825 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
    826 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
    827   font-weight: 600;
    828 }
    829 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
    830 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
    831   margin-top: 0;
    832   margin-right: 32px;
    833 }
    834 .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
    835 .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
    836   margin-bottom: 0;
    837 }
    838 
    839 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
    840   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    841   padding: 6px 8px;
    842   box-shadow: 0 0 0 transparent;
    843   transition: box-shadow 0.1s linear;
    844   border-radius: 2px;
    845   border: 1px solid #757575;
    846   /* Fonts smaller than 16px causes mobile safari to zoom. */
    847   font-size: 16px;
    848   /* Override core line-height. To be reviewed. */
    849   line-height: normal;
    850   margin-right: 36px;
    851   margin-top: 8px;
    852 }
    853 @media (prefers-reduced-motion: reduce) {
    854   .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
    855     transition-duration: 0s;
    856     transition-delay: 0s;
    857   }
    858 }
    859 @media (min-width: 600px) {
    860   .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
    861     font-size: 13px;
    862     /* Override core line-height. To be reviewed. */
    863     line-height: normal;
    864   }
    865 }
    866 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
    867   border-color: var(--wp-admin-theme-color);
    868   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
    869   outline: 2px solid transparent;
    870 }
    871 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
    872   color: rgba(30, 30, 30, 0.62);
    873 }
    874 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
    875   opacity: 1;
    876   color: rgba(30, 30, 30, 0.62);
    877 }
    878 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
    879   color: rgba(30, 30, 30, 0.62);
    880 }
    881 
    882 .editor-post-title {
    883   position: relative;
    884 }
    885 .editor-post-title .editor-post-title__input {
    886   display: block;
    887   width: 100%;
    888   margin: 0;
    889   box-shadow: none;
    890   background: transparent;
    891   transition: border 0.1s ease-out, box-shadow 0.1s linear;
    892   padding: 19px 0;
    893   word-break: keep-all;
    894   font-family: inherit;
    895   color: inherit;
    896   border: 1px solid transparent;
    897   border-right-width: 0;
    898   border-left-width: 0;
    899   border-radius: 0;
    900   outline: 1px solid transparent;
    901   font-size: 2.44em;
    902   font-weight: 800;
    903   line-height: 1.4;
    904 }
    905 @media (prefers-reduced-motion: reduce) {
    906   .editor-post-title .editor-post-title__input {
    907     transition-duration: 0s;
    908     transition-delay: 0s;
    909   }
    910 }
    911 @media (min-width: 600px) {
    912   .editor-post-title .editor-post-title__input {
    913     border-width: 1px;
    914   }
    915 }
    916 .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
    917   color: rgba(30, 30, 30, 0.62);
    918 }
    919 .editor-post-title .editor-post-title__input::-moz-placeholder {
    920   color: rgba(30, 30, 30, 0.62);
    921   opacity: 1;
    922 }
    923 .editor-post-title .editor-post-title__input:-ms-input-placeholder {
    924   color: rgba(30, 30, 30, 0.62);
    925 }
    926 .is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
    927   color: rgba(255, 255, 255, 0.65);
    928 }
    929 .is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder {
    930   opacity: 1;
    931   color: rgba(255, 255, 255, 0.65);
    932 }
    933 .is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder {
    934   color: rgba(255, 255, 255, 0.65);
    935 }
    936 .editor-post-title .editor-post-title__input:focus {
    937   border: 1px solid transparent;
    938   outline: 1px solid transparent;
    939   box-shadow: none;
    940 }
    941 .editor-post-title.is-focus-mode .editor-post-title__input {
    942   opacity: 0.5;
    943   transition: opacity 0.1s linear;
    944 }
    945 @media (prefers-reduced-motion: reduce) {
    946   .editor-post-title.is-focus-mode .editor-post-title__input {
    947     transition-duration: 0s;
    948     transition-delay: 0s;
    949   }
    950 }
    951 .editor-post-title.is-focus-mode .editor-post-title__input:focus {
    952   opacity: 1;
    953 }
    954 
    955 .editor-post-trash.components-button {
    956   margin-top: 4px;
    957 }
    958 
    959 .table-of-contents__popover.components-popover .components-popover__content {
    960   min-width: 380px;
    961 }
    962 
    963 .components-popover.table-of-contents__popover {
    964   z-index: 99998;
    965 }
    966 
    967 .table-of-contents__popover .components-popover__content > div {
    968   padding: 16px;
    969 }
    970 @media (min-width: 600px) {
    971   .table-of-contents__popover .components-popover__content {
    972     max-height: calc(100vh - 120px);
    973     overflow-y: auto;
    974   }
    975 }
    976 .table-of-contents__popover hr {
    977   margin: 10px -16px 0;
    978 }
    979 
    980 .table-of-contents__wrapper:focus::before {
    981   content: "";
    982   display: block;
    983   position: absolute;
    984   top: 0;
    985   left: 0;
    986   bottom: 0;
    987   right: 0;
    988   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    989   pointer-events: none;
    990 }
    991 
    992 .table-of-contents__counts {
    993   display: flex;
    994   flex-wrap: wrap;
    995   margin: 0;
    996   margin-top: -8px;
    997 }
    998 
    999 .table-of-contents__count {
   1000   flex-basis: 33%;
   1001   display: flex;
   1002   flex-direction: column;
   1003   font-size: 13px;
   1004   color: #1e1e1e;
   1005   padding-left: 8px;
   1006   margin-bottom: 0;
   1007   margin-top: 8px;
   1008 }
   1009 .table-of-contents__count:nth-child(4n) {
   1010   padding-left: 0;
   1011 }
   1012 
   1013 .table-of-contents__number,
   1014 .table-of-contents__popover .word-count {
   1015   font-size: 21px;
   1016   font-weight: 400;
   1017   line-height: 30px;
   1018   color: #1e1e1e;
   1019 }
   1020 
   1021 .table-of-contents__title {
   1022   display: block;
   1023   margin-top: 20px;
   1024   font-size: 15px;
   1025   font-weight: 600;
   1026 }
   1027 
   1028 .editor-template-validation-notice {
   1029   display: flex;
   1030   justify-content: space-between;
   1031   align-items: center;
   1032 }
   1033 .editor-template-validation-notice .components-button {
   1034   margin-right: 5px;
   1035 }