[Summary view] [Print] [Text view]

   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-right: 5px;
  90    vertical-align: middle;
  91  }
  92  .editor-autocompleters__user .editor-autocompleters__user-avatar {
  93    margin-right: 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-left: 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-right: 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 0 0 -1px;
 164    padding: 2px 5px 2px 1px;
 165    color: #1e1e1e;
 166    text-align: left;
 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-right: 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    left: 0;
 197    top: 0;
 198    right: 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    right: 0;
 222    left: 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      left: auto;
 241      width: 280px;
 242      border-left: 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-left: 8px;
 257    padding-right: 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    right: 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    left: 50%;
 312    margin-top: -9px;
 313    margin-left: -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: right;
 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-right: 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-right: 10px;
 401    padding-left: 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-right: 5px;
 417  }
 418  
 419  .editor-post-locked-modal__avatar {
 420    float: left;
 421    margin: 5px;
 422    margin-right: 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 5px auto -3px;
 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-left: 16px;
 449    padding-right: 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-left: 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-right: 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-right: 4px;
 503  }
 504  
 505  .editor-post-publish-panel__header-cancel-button {
 506    padding-left: 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-right: -4px;
 526  }
 527  
 528  .editor-post-publish-panel__link {
 529    font-weight: 400;
 530    padding-left: 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-left: -16px;
 542    margin-right: -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-right: 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-right: 4px;
 620    }
 621  }
 622  
 623  .editor-post-taxonomies__hierarchical-terms-list {
 624    max-height: 14em;
 625    overflow: auto;
 626    margin-left: -6px;
 627    padding-left: 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-left: 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-right: 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-right: 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-left: 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-left: 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-left-width: 0;
 898    border-right-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    right: 0;
 986    bottom: 0;
 987    left: 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-right: 8px;
1006    margin-bottom: 0;
1007    margin-top: 8px;
1008  }
1009  .table-of-contents__count:nth-child(4n) {
1010    padding-right: 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-left: 5px;
1035  }