[Summary view] [Print] [Text view]

   1  @charset "UTF-8";
   2  /**
   3   * Typography
   4   */
   5  /**
   6   * SCSS Variables.
   7   *
   8   * Please use variables from this sheet to ensure consistency across the UI.
   9   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  10   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  11   */
  12  /**
  13   * Colors
  14   */
  15  /**
  16   * Fonts & basic variables.
  17   */
  18  /**
  19   * Typography
  20   */
  21  /**
  22   * Grid System.
  23   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  24   */
  25  /**
  26   * Radius scale.
  27   */
  28  /**
  29   * Elevation scale.
  30   */
  31  /**
  32   * Dimensions.
  33   */
  34  /**
  35   * Mobile specific styles
  36   */
  37  /**
  38   * Editor styles.
  39   */
  40  /**
  41   * Block & Editor UI.
  42   */
  43  /**
  44   * Block paddings.
  45   */
  46  /**
  47   * React Native specific.
  48   * These variables do not appear to be used anywhere else.
  49   */
  50  /**
  51   * Breakpoints & Media Queries
  52   */
  53  /**
  54  *  Converts a hex value into the rgb equivalent.
  55  *
  56  * @param {string} hex - the hexadecimal value to convert
  57  * @return {string} comma separated rgb values
  58  */
  59  /**
  60   * Long content fade mixin
  61   *
  62   * Creates a fading overlay to signify that the content is longer
  63   * than the space allows.
  64   */
  65  /**
  66   * Breakpoint mixins
  67   */
  68  /**
  69   * Focus styles.
  70   */
  71  /**
  72   * Applies editor left position to the selector passed as argument
  73   */
  74  /**
  75   * Styles that are reused verbatim in a few places
  76   */
  77  /**
  78   * Allows users to opt-out of animations via OS-level preferences.
  79   */
  80  /**
  81   * Reset default styles for JavaScript UI based pages.
  82   * This is a WP-admin agnostic reset
  83   */
  84  /**
  85   * Reset the WP Admin page styles for Gutenberg-like pages.
  86   */
  87  /**
  88   * Creates a checkerboard pattern background to indicate transparency.
  89   * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
  90   */
  91  :root {
  92    --wp-block-synced-color: #7a00df;
  93    --wp-block-synced-color--rgb: 122, 0, 223;
  94    --wp-bound-block-color: var(--wp-block-synced-color);
  95    --wp-editor-canvas-background: #ddd;
  96    --wp-admin-theme-color: #007cba;
  97    --wp-admin-theme-color--rgb: 0, 124, 186;
  98    --wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
  99    --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
 100    --wp-admin-theme-color-darker-20: #005a87;
 101    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
 102    --wp-admin-border-width-focus: 2px;
 103  }
 104  @media (min-resolution: 192dpi) {
 105    :root {
 106      --wp-admin-border-width-focus: 1.5px;
 107    }
 108  }
 109  
 110  .admin-ui-page {
 111    display: flex;
 112    height: 100%;
 113    background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
 114    color: var(--wpds-color-fg-content-neutral, #1e1e1e);
 115    position: relative;
 116    z-index: 1;
 117    flex-flow: column;
 118    text-wrap: pretty;
 119  }
 120  
 121  .admin-ui-page__header {
 122    padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
 123    border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
 124    background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
 125    position: sticky;
 126    top: 0;
 127    z-index: 1;
 128  }
 129  
 130  .admin-ui-page__header-title {
 131    font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
 132    font-size: var(--wpds-font-size-xl, 20px);
 133    font-weight: var(--wpds-font-weight-medium, 499);
 134    line-height: var(--wpds-font-line-height-xl, 32px);
 135    margin: 0;
 136    overflow: hidden;
 137    text-overflow: ellipsis;
 138    white-space: nowrap;
 139  }
 140  
 141  .admin-ui-page__sidebar-toggle-slot:empty {
 142    display: none;
 143  }
 144  
 145  .admin-ui-page__header-subtitle {
 146    padding-block-end: var(--wpds-dimension-padding-xs, 4px);
 147    color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
 148    font-size: var(--wpds-font-size-md, 13px);
 149    line-height: var(--wpds-font-line-height-md, 24px);
 150    margin: 0;
 151  }
 152  
 153  .admin-ui-page__content {
 154    flex-grow: 1;
 155    overflow: auto;
 156    display: flex;
 157    flex-direction: column;
 158  }
 159  
 160  .admin-ui-page__content.has-padding {
 161    padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
 162  }
 163  
 164  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
 165    width: auto;
 166    padding: 0 var(--wpds-dimension-padding-xs, 4px);
 167  }
 168  
 169  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
 170    display: none;
 171  }
 172  
 173  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
 174    content: attr(aria-label);
 175    font-size: var(--wpds-font-size-sm, 12px);
 176  }
 177  
 178  /**
 179   * SCSS Variables.
 180   *
 181   * Please use variables from this sheet to ensure consistency across the UI.
 182   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 183   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 184   */
 185  /**
 186   * Colors
 187   */
 188  /**
 189   * Fonts & basic variables.
 190   */
 191  /**
 192   * Typography
 193   */
 194  /**
 195   * Grid System.
 196   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 197   */
 198  /**
 199   * Radius scale.
 200   */
 201  /**
 202   * Elevation scale.
 203   */
 204  /**
 205   * Dimensions.
 206   */
 207  /**
 208   * Mobile specific styles
 209   */
 210  /**
 211   * Editor styles.
 212   */
 213  /**
 214   * Block & Editor UI.
 215   */
 216  /**
 217   * Block paddings.
 218   */
 219  /**
 220   * React Native specific.
 221   * These variables do not appear to be used anywhere else.
 222   */
 223  .admin-ui-breadcrumbs__list {
 224    list-style: none;
 225    padding: 0;
 226    margin: 0;
 227    gap: 0;
 228    font-size: 15px;
 229    min-height: 32px;
 230    font-weight: 500;
 231  }
 232  
 233  .admin-ui-breadcrumbs__list li:not(:last-child)::after {
 234    content: "/";
 235    margin: 0 8px;
 236  }
 237  
 238  .admin-ui-breadcrumbs__list h1 {
 239    font-size: inherit;
 240    line-height: inherit;
 241  }
 242  
 243  /**
 244   * Colors
 245   */
 246  /**
 247   * SCSS Variables.
 248   *
 249   * Please use variables from this sheet to ensure consistency across the UI.
 250   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 251   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 252   */
 253  /**
 254   * Fonts & basic variables.
 255   */
 256  /**
 257   * Typography
 258   */
 259  /**
 260   * Grid System.
 261   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 262   */
 263  /**
 264   * Radius scale.
 265   */
 266  /**
 267   * Elevation scale.
 268   */
 269  /**
 270   * Dimensions.
 271   */
 272  /**
 273   * Mobile specific styles
 274   */
 275  /**
 276   * Editor styles.
 277   */
 278  /**
 279   * Block & Editor UI.
 280   */
 281  /**
 282   * Block paddings.
 283   */
 284  /**
 285   * React Native specific.
 286   * These variables do not appear to be used anywhere else.
 287   */
 288  .interface-complementary-area-header {
 289    background: #fff;
 290    padding-left: 8px;
 291    gap: 4px;
 292  }
 293  
 294  .interface-complementary-area-header .interface-complementary-area-header__title {
 295    margin: 0 0 0 auto;
 296  }
 297  
 298  /**
 299   * Typography
 300   */
 301  /**
 302   * Breakpoints & Media Queries
 303   */
 304  /**
 305  *  Converts a hex value into the rgb equivalent.
 306  *
 307  * @param {string} hex - the hexadecimal value to convert
 308  * @return {string} comma separated rgb values
 309  */
 310  /**
 311   * Long content fade mixin
 312   *
 313   * Creates a fading overlay to signify that the content is longer
 314   * than the space allows.
 315   */
 316  /**
 317   * Breakpoint mixins
 318   */
 319  /**
 320   * Focus styles.
 321   */
 322  /**
 323   * Applies editor left position to the selector passed as argument
 324   */
 325  /**
 326   * Styles that are reused verbatim in a few places
 327   */
 328  /**
 329   * Allows users to opt-out of animations via OS-level preferences.
 330   */
 331  /**
 332   * Reset default styles for JavaScript UI based pages.
 333   * This is a WP-admin agnostic reset
 334   */
 335  /**
 336   * Reset the WP Admin page styles for Gutenberg-like pages.
 337   */
 338  /**
 339   * Creates a checkerboard pattern background to indicate transparency.
 340   * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
 341   */
 342  .interface-complementary-area {
 343    background: #fff;
 344    color: #1e1e1e;
 345    height: 100%;
 346    overflow: auto;
 347  }
 348  
 349  @media (min-width: 782px) {
 350    .interface-complementary-area {
 351      width: 280px;
 352    }
 353  }
 354  .interface-complementary-area .components-panel {
 355    border: none;
 356    position: relative;
 357    z-index: 0;
 358  }
 359  
 360  .interface-complementary-area .components-panel__header {
 361    position: sticky;
 362    top: 0;
 363    z-index: 1;
 364  }
 365  
 366  .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs {
 367    top: 0;
 368  }
 369  
 370  .interface-complementary-area p:not(.components-base-control__help, .components-form-token-field__help) {
 371    margin-top: 0;
 372  }
 373  
 374  .interface-complementary-area h2 {
 375    font-size: 13px;
 376    font-weight: 499;
 377    color: #1e1e1e;
 378    margin-bottom: 1.5em;
 379  }
 380  
 381  .interface-complementary-area h3 {
 382    font-size: 11px;
 383    text-transform: uppercase;
 384    font-weight: 499;
 385    color: #1e1e1e;
 386    margin-bottom: 1.5em;
 387  }
 388  
 389  .interface-complementary-area hr {
 390    border-top: none;
 391    border-bottom: 1px solid #f0f0f0;
 392    margin: 1.5em 0;
 393  }
 394  
 395  .interface-complementary-area div.components-toolbar-group,
 396  .interface-complementary-area div.components-toolbar {
 397    box-shadow: none;
 398    margin-bottom: 1.5em;
 399  }
 400  
 401  .interface-complementary-area div.components-toolbar-group:last-child,
 402  .interface-complementary-area div.components-toolbar:last-child {
 403    margin-bottom: 0;
 404  }
 405  
 406  .interface-complementary-area .block-editor-skip-to-selected-block:focus {
 407    top: auto;
 408    left: 10px;
 409    bottom: 10px;
 410    right: auto;
 411  }
 412  
 413  .interface-complementary-area__fill {
 414    height: 100%;
 415  }
 416  
 417  @media (min-width: 782px) {
 418    body.js.is-fullscreen-mode {
 419      margin-top: -32px;
 420      height: calc(100% + 32px);
 421    }
 422    body.js.is-fullscreen-mode #adminmenumain,
 423    body.js.is-fullscreen-mode #wpadminbar {
 424      display: none;
 425    }
 426    body.js.is-fullscreen-mode #wpcontent,
 427    body.js.is-fullscreen-mode #wpfooter {
 428      margin-right: 0;
 429    }
 430  }
 431  html.interface-interface-skeleton__html-container {
 432    position: fixed;
 433    width: 100%;
 434  }
 435  
 436  @media (min-width: 782px) {
 437    html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)) {
 438      position: initial;
 439      width: initial;
 440    }
 441  }
 442  .interface-interface-skeleton {
 443    display: flex;
 444    flex-direction: row;
 445    height: auto;
 446    max-height: 100%;
 447    position: fixed;
 448    top: 46px;
 449    right: 0;
 450    left: 0;
 451    bottom: 0;
 452  }
 453  
 454  @media (min-width: 783px) {
 455    .interface-interface-skeleton {
 456      top: 32px;
 457    }
 458    .is-fullscreen-mode .interface-interface-skeleton {
 459      top: 0;
 460    }
 461  }
 462  .interface-interface-skeleton__editor {
 463    display: flex;
 464    flex-direction: column;
 465    flex: 0 1 100%;
 466    overflow: hidden;
 467  }
 468  
 469  .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */
 470    right: 0;
 471  }
 472  
 473  @media (min-width: 783px) {
 474    .interface-interface-skeleton {
 475      right: 160px;
 476    }
 477  }
 478  .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
 479  
 480  @media (min-width: 783px) {
 481    .auto-fold .interface-interface-skeleton {
 482      right: 36px;
 483    }
 484  }
 485  @media (min-width: 961px) {
 486    .auto-fold .interface-interface-skeleton {
 487      right: 160px;
 488    }
 489  }
 490  /* Sidebar manually collapsed. */
 491  .folded .interface-interface-skeleton {
 492    right: 0;
 493  }
 494  
 495  @media (min-width: 783px) {
 496    .folded .interface-interface-skeleton {
 497      right: 36px;
 498    }
 499  }
 500  body.is-fullscreen-mode .interface-interface-skeleton {
 501    right: 0 !important;
 502  }
 503  
 504  .interface-interface-skeleton__body {
 505    position: relative;
 506    flex-grow: 1;
 507    display: flex;
 508    overflow: auto;
 509    overscroll-behavior-y: none;
 510  }
 511  
 512  @media (min-width: 782px) {
 513    .has-footer .interface-interface-skeleton__body {
 514      padding-bottom: 25px;
 515    }
 516  }
 517  .interface-interface-skeleton__content {
 518    flex-grow: 1;
 519    display: flex;
 520    flex-direction: column;
 521    overflow: auto;
 522    z-index: 20;
 523  }
 524  
 525  @media (min-width: 782px) {
 526    .interface-interface-skeleton__content {
 527      z-index: auto;
 528    }
 529  }
 530  .interface-interface-skeleton__secondary-sidebar,
 531  .interface-interface-skeleton__sidebar {
 532    flex-shrink: 0;
 533    position: absolute;
 534    z-index: 100000;
 535    top: 0;
 536    right: 0;
 537    bottom: 0;
 538    background: #fff;
 539    color: #1e1e1e;
 540    width: auto;
 541  }
 542  
 543  @media (min-width: 782px) {
 544    .interface-interface-skeleton__secondary-sidebar,
 545    .interface-interface-skeleton__sidebar {
 546      position: relative !important;
 547    }
 548  }
 549  .interface-interface-skeleton__sidebar {
 550    border-top: 1px solid #e0e0e0;
 551    overflow: hidden;
 552  }
 553  
 554  @media (min-width: 782px) {
 555    .interface-interface-skeleton__sidebar {
 556      box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.133);
 557      outline: 1px solid transparent;
 558    }
 559  }
 560  .interface-interface-skeleton__secondary-sidebar {
 561    border-top: 1px solid #e0e0e0;
 562    left: 0;
 563  }
 564  
 565  @media (min-width: 782px) {
 566    .interface-interface-skeleton__secondary-sidebar {
 567      box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.133);
 568      outline: 1px solid transparent;
 569    }
 570  }
 571  .interface-interface-skeleton__header {
 572    flex-shrink: 0;
 573    height: auto;
 574    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.133);
 575    z-index: 30;
 576    color: #1e1e1e;
 577    outline: 1px solid transparent;
 578  }
 579  
 580  .interface-interface-skeleton__footer {
 581    height: auto;
 582    flex-shrink: 0;
 583    border-top: 1px solid #e0e0e0;
 584    color: #1e1e1e;
 585    position: absolute;
 586    bottom: 0;
 587    right: 0;
 588    width: 100%;
 589    background-color: #fff;
 590    z-index: 90;
 591    display: none;
 592  }
 593  
 594  @media (min-width: 782px) {
 595    .interface-interface-skeleton__footer {
 596      display: flex;
 597    }
 598  }
 599  .interface-interface-skeleton__footer .block-editor-block-breadcrumb {
 600    z-index: 30;
 601    display: flex;
 602    background: #fff;
 603    height: 24px;
 604    align-items: center;
 605    font-size: 13px;
 606    padding: 0 18px;
 607  }
 608  
 609  .interface-interface-skeleton__actions {
 610    z-index: 100000;
 611    position: fixed !important;
 612    top: -9999em;
 613    bottom: auto;
 614    right: auto;
 615    left: 0;
 616    color: #1e1e1e;
 617    background: #fff;
 618    width: 100vw;
 619  }
 620  
 621  @media (min-width: 782px) {
 622    .interface-interface-skeleton__actions {
 623      width: 280px;
 624    }
 625  }
 626  .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
 627    top: auto;
 628    bottom: 0;
 629  }
 630  
 631  .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
 632    top: 46px;
 633  }
 634  
 635  @media (min-width: 782px) {
 636    .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
 637      border-right: 1px solid #ddd;
 638      top: 32px;
 639    }
 640    .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
 641      top: 0;
 642    }
 643  }
 644  .interface-pinned-items {
 645    display: flex;
 646  }
 647  
 648  .interface-pinned-items .components-button {
 649    display: none;
 650    margin: 0;
 651  }
 652  
 653  .interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"] {
 654    display: flex;
 655  }
 656  
 657  .interface-pinned-items .components-button svg {
 658    max-width: 24px;
 659    max-height: 24px;
 660  }
 661  
 662  @media (min-width: 600px) {
 663    .interface-pinned-items .components-button {
 664      display: flex;
 665    }
 666  }
 667  .interface-pinned-items {
 668    gap: 8px;
 669  }
 670  
 671  /**
 672   * SCSS Variables.
 673   *
 674   * Please use variables from this sheet to ensure consistency across the UI.
 675   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 676   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 677   */
 678  /**
 679   * Colors
 680   */
 681  /**
 682   * Fonts & basic variables.
 683   */
 684  /**
 685   * Typography
 686   */
 687  /**
 688   * Grid System.
 689   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 690   */
 691  /**
 692   * Radius scale.
 693   */
 694  /**
 695   * Elevation scale.
 696   */
 697  /**
 698   * Dimensions.
 699   */
 700  /**
 701   * Mobile specific styles
 702   */
 703  /**
 704   * Editor styles.
 705   */
 706  /**
 707   * Block & Editor UI.
 708   */
 709  /**
 710   * Block paddings.
 711   */
 712  /**
 713   * React Native specific.
 714   * These variables do not appear to be used anywhere else.
 715   */
 716  /**
 717   * Typography
 718   */
 719  /**
 720   * Breakpoints & Media Queries
 721   */
 722  /**
 723  *  Converts a hex value into the rgb equivalent.
 724  *
 725  * @param {string} hex - the hexadecimal value to convert
 726  * @return {string} comma separated rgb values
 727  */
 728  /**
 729   * Long content fade mixin
 730   *
 731   * Creates a fading overlay to signify that the content is longer
 732   * than the space allows.
 733   */
 734  /**
 735   * Breakpoint mixins
 736   */
 737  /**
 738   * Focus styles.
 739   */
 740  /**
 741   * Applies editor left position to the selector passed as argument
 742   */
 743  /**
 744   * Styles that are reused verbatim in a few places
 745   */
 746  /**
 747   * Allows users to opt-out of animations via OS-level preferences.
 748   */
 749  /**
 750   * Reset default styles for JavaScript UI based pages.
 751   * This is a WP-admin agnostic reset
 752   */
 753  /**
 754   * Reset the WP Admin page styles for Gutenberg-like pages.
 755   */
 756  /**
 757   * Creates a checkerboard pattern background to indicate transparency.
 758   * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
 759   */
 760  @media (min-width: 782px) {
 761    .font-library-modal.font-library-modal {
 762      width: 65vw;
 763    }
 764  }
 765  .font-library-modal .components-modal__header {
 766    border-bottom: none;
 767  }
 768  
 769  .font-library-modal .components-modal__content {
 770    padding: 0;
 771    margin-bottom: 90px;
 772  }
 773  
 774  .font-library-modal .font-library__subtitle {
 775    text-transform: uppercase;
 776    font-weight: 499;
 777    font-size: 11px;
 778  }
 779  
 780  .font-library-modal__tab-panel {
 781    height: calc(100% - 50px);
 782  }
 783  
 784  .font-library__tabpanel-layout {
 785    height: 100%;
 786    display: flex;
 787    flex-direction: column;
 788  }
 789  
 790  .font-library__tabpanel-layout > div {
 791    flex-grow: 1;
 792  }
 793  
 794  .font-library__tabpanel-layout .font-library__loading {
 795    width: 100%;
 796    height: 100%;
 797    display: flex;
 798    position: absolute;
 799    right: 0;
 800    top: 0;
 801    align-items: center;
 802    justify-content: center;
 803    padding-top: 124px;
 804    box-sizing: border-box;
 805  }
 806  
 807  .font-library__tabpanel-layout .components-navigator-screen {
 808    padding: 24px;
 809    width: 100%;
 810  }
 811  
 812  .font-library__footer {
 813    position: absolute;
 814    width: 100%;
 815    bottom: 0;
 816    border-top: 1px solid #ddd;
 817    padding: 24px;
 818    background-color: #fff;
 819    box-sizing: border-box;
 820    flex-grow: 0 !important;
 821    flex-shrink: 0;
 822    height: 90px;
 823  }
 824  
 825  .font-library__page-selection {
 826    font-size: 11px;
 827    font-weight: 499;
 828    text-transform: uppercase;
 829  }
 830  
 831  @media (min-width: 600px) {
 832    .font-library__page-selection .font-library__page-selection-trigger {
 833      font-size: 11px !important;
 834      font-weight: 499;
 835    }
 836  }
 837  .font-library__fonts-title {
 838    text-transform: uppercase;
 839    font-size: 11px;
 840    font-weight: 600;
 841    margin-top: 0;
 842    margin-bottom: 0;
 843  }
 844  
 845  .font-library__fonts-list {
 846    list-style: none;
 847    padding: 0;
 848    margin-top: 0;
 849    margin-bottom: 0;
 850  }
 851  
 852  .font-library__fonts-list-item {
 853    margin-bottom: 0;
 854  }
 855  
 856  .font-library__font-card {
 857    box-sizing: border-box;
 858    border: 1px solid #ddd;
 859    width: 100%;
 860    height: auto !important;
 861    padding: 16px;
 862    margin-top: -1px; /* To collapse the margin with the previous element */
 863  }
 864  
 865  .font-library__font-card:hover {
 866    background-color: #f0f0f0;
 867  }
 868  
 869  .font-library__font-card:focus {
 870    position: relative;
 871  }
 872  
 873  .font-library__font-card .font-library__font-card__name {
 874    font-weight: bold;
 875  }
 876  
 877  .font-library__font-card .font-library__font-card__count {
 878    color: #757575;
 879  }
 880  
 881  .font-library__font-card .font-library__font-variant_demo-image {
 882    display: block;
 883    height: 24px;
 884    width: auto;
 885  }
 886  
 887  .font-library__font-card .font-library__font-variant_demo-text {
 888    white-space: nowrap;
 889    flex-shrink: 0;
 890  }
 891  
 892  @media not (prefers-reduced-motion) {
 893    .font-library__font-card .font-library__font-variant_demo-text {
 894      transition: opacity 0.3s ease-in-out;
 895    }
 896  }
 897  .font-library-modal__tablist-container {
 898    position: sticky;
 899    top: 0;
 900    border-bottom: 1px solid #ddd;
 901    background: #fff;
 902    z-index: 1;
 903  }
 904  
 905  .font-library__upload-area {
 906    align-items: center;
 907    display: flex;
 908    justify-content: center;
 909    height: 256px !important;
 910    width: 100%;
 911  }
 912  
 913  button.font-library__upload-area {
 914    background-color: #f0f0f0;
 915  }
 916  
 917  .font-library__local-fonts {
 918    margin: 24px auto;
 919    width: 80%;
 920  }
 921  
 922  .font-library__local-fonts .font-library__upload-area__text {
 923    color: #757575;
 924  }
 925  
 926  .font-library__google-fonts-confirm {
 927    display: flex;
 928    justify-content: center;
 929    align-items: center;
 930    margin-top: 64px;
 931  }
 932  
 933  .font-library__google-fonts-confirm p {
 934    line-height: 1.4;
 935  }
 936  
 937  .font-library__google-fonts-confirm h2 {
 938    font-size: 1.2rem;
 939    font-weight: 400;
 940  }
 941  
 942  .font-library__google-fonts-confirm .components-card {
 943    padding: 16px;
 944    width: 400px;
 945  }
 946  
 947  .font-library__google-fonts-confirm .components-button {
 948    width: 100%;
 949    justify-content: center;
 950  }
 951  
 952  .font-library__select-all {
 953    padding: 16px 17px 16px 16px;
 954  }
 955  
 956  .font-library__select-all .components-checkbox-control__label {
 957    padding-right: 16px;
 958  }
 959  
 960  .global-styles-ui-pagination .components-button.is-tertiary {
 961    width: 32px;
 962    height: 32px;
 963    justify-content: center;
 964  }
 965  
 966  .global-styles-ui-screen-revisions__revisions-list {
 967    list-style: none;
 968    margin: 0 16px 16px 16px;
 969    flex-grow: 1;
 970  }
 971  
 972  .global-styles-ui-screen-revisions__revisions-list li {
 973    margin-bottom: 0;
 974  }
 975  
 976  .global-styles-ui-screen-revisions__revision-item {
 977    position: relative;
 978    cursor: pointer;
 979    display: flex;
 980    flex-direction: column;
 981  }
 982  
 983  .global-styles-ui-screen-revisions__revision-item[role=option]:active, .global-styles-ui-screen-revisions__revision-item[role=option]:focus {
 984    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 985    outline: 2px solid transparent;
 986  }
 987  
 988  .global-styles-ui-screen-revisions__revision-item:hover {
 989    background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 990  }
 991  
 992  .global-styles-ui-screen-revisions__revision-item:hover .global-styles-ui-screen-revisions__date {
 993    color: var(--wp-admin-theme-color);
 994  }
 995  
 996  .global-styles-ui-screen-revisions__revision-item::before, .global-styles-ui-screen-revisions__revision-item::after {
 997    position: absolute;
 998    content: "\a";
 999    display: block;
1000  }
1001  
1002  .global-styles-ui-screen-revisions__revision-item::before {
1003    background: #ddd;
1004    border-radius: 50%;
1005    height: 8px;
1006    width: 8px;
1007    top: 18px;
1008    right: 17px;
1009    transform: translate(50%, -50%);
1010    z-index: 1;
1011    border: 4px solid transparent;
1012  }
1013  
1014  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] {
1015    border-radius: 2px;
1016    outline: 3px solid transparent;
1017    outline-offset: -2px;
1018    color: var(--wp-admin-theme-color);
1019    background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1020  }
1021  
1022  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__date {
1023    color: var(--wp-admin-theme-color);
1024  }
1025  
1026  .global-styles-ui-screen-revisions__revision-item[aria-selected=true]::before {
1027    background: var(--wp-admin-theme-color);
1028  }
1029  
1030  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
1031  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
1032  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
1033    color: #1e1e1e;
1034  }
1035  
1036  .global-styles-ui-screen-revisions__revision-item::after {
1037    height: 100%;
1038    right: 16px;
1039    top: 0;
1040    width: 0;
1041    border: 0.5px solid #ddd;
1042  }
1043  
1044  .global-styles-ui-screen-revisions__revision-item:first-child::after {
1045    top: 18px;
1046  }
1047  
1048  .global-styles-ui-screen-revisions__revision-item:last-child::after {
1049    height: 18px;
1050  }
1051  
1052  .global-styles-ui-screen-revisions__revision-item-wrapper {
1053    display: block;
1054    padding: 12px 40px 4px 12px;
1055  }
1056  
1057  .global-styles-ui-screen-revisions__apply-button.is-primary,
1058  .global-styles-ui-screen-revisions__applied-text {
1059    align-self: flex-start;
1060    margin: 4px 40px 12px 12px;
1061  }
1062  
1063  .global-styles-ui-screen-revisions__changes,
1064  .global-styles-ui-screen-revisions__meta,
1065  .global-styles-ui-screen-revisions__applied-text {
1066    color: #757575;
1067    font-size: 12px;
1068  }
1069  
1070  .global-styles-ui-screen-revisions__description {
1071    display: flex;
1072    flex-direction: column;
1073    align-items: flex-start;
1074    gap: 8px;
1075  }
1076  
1077  .global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
1078    text-transform: uppercase;
1079    font-weight: 600;
1080    font-size: 12px;
1081  }
1082  
1083  .global-styles-ui-screen-revisions__meta {
1084    display: flex;
1085    justify-content: start;
1086    width: 100%;
1087    align-items: flex-start;
1088    text-align: right;
1089    margin-bottom: 4px;
1090  }
1091  
1092  .global-styles-ui-screen-revisions__meta img {
1093    width: 16px;
1094    height: 16px;
1095    border-radius: 100%;
1096    margin-left: 8px;
1097  }
1098  
1099  .global-styles-ui-screen-revisions__loading {
1100    margin: 24px auto !important;
1101  }
1102  
1103  .global-styles-ui-screen-revisions__changes {
1104    text-align: right;
1105    line-height: 1.4;
1106    margin-right: 12px;
1107    list-style: disc;
1108  }
1109  
1110  .global-styles-ui-screen-revisions__changes li {
1111    margin-bottom: 4px;
1112  }
1113  
1114  .global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination {
1115    justify-content: space-between;
1116    gap: 2px;
1117  }
1118  
1119  .global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .edit-site-pagination__total {
1120    position: absolute;
1121    right: -1000px;
1122    height: 1px;
1123    margin: -1px;
1124    overflow: hidden;
1125  }
1126  
1127  .global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-text {
1128    font-size: 12px;
1129    will-change: opacity;
1130  }
1131  
1132  .global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary {
1133    color: #1e1e1e;
1134  }
1135  
1136  .global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary:disabled,
1137  .global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true] {
1138    color: #949494;
1139  }
1140  
1141  .global-styles-ui-screen-revisions__footer {
1142    height: 56px;
1143    z-index: 1;
1144    position: sticky;
1145    min-width: 100%;
1146    bottom: 0;
1147    background: #fff;
1148    padding: 12px;
1149    border-top: 1px solid #ddd;
1150    box-sizing: border-box;
1151  }
1152  
1153  .global-styles-ui-variations_item {
1154    box-sizing: border-box;
1155    cursor: pointer;
1156  }
1157  
1158  .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
1159    border-radius: 2px;
1160    outline: 1px solid rgba(0, 0, 0, 0.1);
1161    outline-offset: -1px;
1162    overflow: hidden;
1163    position: relative;
1164  }
1165  
1166  @media not (prefers-reduced-motion) {
1167    .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
1168      transition: outline 0.1s linear;
1169    }
1170  }
1171  .global-styles-ui-variations_item .global-styles-ui-variations_item-preview.is-pill {
1172    height: 32px;
1173  }
1174  
1175  .global-styles-ui-variations_item .global-styles-ui-variations_item-preview.is-pill .block-editor-iframe__scale-container {
1176    overflow: hidden;
1177  }
1178  
1179  .global-styles-ui-variations_item:not(.is-active):hover .global-styles-ui-variations_item-preview {
1180    outline-color: rgba(0, 0, 0, 0.3);
1181  }
1182  
1183  .global-styles-ui-variations_item.is-active .global-styles-ui-variations_item-preview, .global-styles-ui-variations_item:focus-visible .global-styles-ui-variations_item-preview {
1184    outline-color: #1e1e1e;
1185    outline-offset: 1px;
1186    outline-width: var(--wp-admin-border-width-focus);
1187  }
1188  
1189  .global-styles-ui-variations_item:focus-visible .global-styles-ui-variations_item-preview {
1190    outline-color: var(--wp-admin-theme-color);
1191  }
1192  
1193  .global-styles-ui-preview {
1194    display: flex;
1195    align-items: center;
1196    justify-content: center;
1197    line-height: 1;
1198    cursor: pointer;
1199  }
1200  
1201  .global-styles-ui-preview__wrapper {
1202    max-width: 100%;
1203    display: block;
1204    width: 100%;
1205  }
1206  
1207  .global-styles-ui-typography-preview {
1208    display: flex;
1209    align-items: center;
1210    justify-content: center;
1211    min-height: 100px;
1212    margin-bottom: 20px;
1213    background: #f0f0f0;
1214    border-radius: 2px;
1215    overflow: hidden;
1216  }
1217  
1218  .global-styles-ui-font-size__item {
1219    white-space: nowrap;
1220    text-overflow: ellipsis;
1221    overflow: hidden;
1222    line-break: anywhere;
1223  }
1224  
1225  .global-styles-ui-font-size__item-value {
1226    color: #757575;
1227  }
1228  
1229  .global-styles-ui-screen-typography__indicator {
1230    height: 24px;
1231    width: 24px;
1232    font-size: 14px;
1233    display: flex !important;
1234    align-items: center;
1235    justify-content: center;
1236    border-radius: 2px;
1237  }
1238  
1239  .global-styles-ui-block-types-search {
1240    margin-bottom: 10px;
1241    padding: 0 16px;
1242  }
1243  
1244  .global-styles-ui-screen-typography__font-variants-count {
1245    color: #757575;
1246  }
1247  
1248  .global-styles-ui-font-families__manage-fonts {
1249    justify-content: center;
1250  }
1251  
1252  .global-styles-ui-screen .color-block-support-panel {
1253    padding-right: 0;
1254    padding-left: 0;
1255    padding-top: 0;
1256    border-top: none;
1257    row-gap: 12px;
1258  }
1259  
1260  .global-styles-ui-header {
1261    margin-bottom: 0 !important;
1262  }
1263  
1264  .global-styles-ui-subtitle {
1265    margin-bottom: 0 !important;
1266    text-transform: uppercase;
1267    font-weight: 499 !important;
1268    font-size: 11px !important;
1269  }
1270  
1271  .global-styles-ui-section-title {
1272    color: #2f2f2f;
1273    font-weight: 600;
1274    line-height: 1.2;
1275    padding: 16px 16px 0;
1276    margin: 0;
1277  }
1278  
1279  .global-styles-ui-icon-with-current-color {
1280    fill: currentColor;
1281  }
1282  
1283  .global-styles-ui__color-indicator-wrapper {
1284    height: 24px;
1285    flex-shrink: 0;
1286  }
1287  
1288  .global-styles-ui__shadows-panel__options-container,
1289  .global-styles-ui__typography-panel__options-container {
1290    height: 24px;
1291  }
1292  
1293  .global-styles-ui__block-preview-panel {
1294    position: relative;
1295    width: 100%;
1296    border: #ddd 1px solid;
1297    border-radius: 2px;
1298    overflow: hidden;
1299  }
1300  
1301  .global-styles-ui__shadow-preview-panel {
1302    height: 144px;
1303    border: #ddd 1px solid;
1304    border-radius: 2px;
1305    overflow: auto;
1306    background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
1307    background-position: 0 0, 8px 8px;
1308    background-size: 16px 16px;
1309  }
1310  
1311  .global-styles-ui__shadow-preview-panel .global-styles-ui__shadow-preview-block {
1312    border: #ddd 1px solid;
1313    border-radius: 2px;
1314    background-color: #fff;
1315    width: 60%;
1316    height: 60px;
1317  }
1318  
1319  .global-styles-ui__shadow-editor__dropdown-content {
1320    width: 280px;
1321  }
1322  
1323  .global-styles-ui__shadow-editor-panel {
1324    margin-bottom: 4px;
1325  }
1326  
1327  .global-styles-ui__shadow-editor__dropdown {
1328    width: 100%;
1329    position: relative;
1330  }
1331  
1332  .global-styles-ui__shadow-editor__dropdown-toggle {
1333    width: 100%;
1334    height: auto;
1335    padding-top: 8px;
1336    padding-bottom: 8px;
1337    text-align: right;
1338    border-radius: inherit;
1339  }
1340  
1341  .global-styles-ui__shadow-editor__dropdown-toggle.is-open {
1342    background: #f0f0f0;
1343    color: var(--wp-admin-theme-color);
1344  }
1345  
1346  .global-styles-ui__shadow-editor__remove-button {
1347    position: absolute;
1348    left: 8px;
1349    top: 8px;
1350    opacity: 0;
1351  }
1352  
1353  .global-styles-ui__shadow-editor__remove-button.global-styles-ui__shadow-editor__remove-button {
1354    border: none;
1355  }
1356  
1357  .global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__shadow-editor__remove-button, .global-styles-ui__shadow-editor__remove-button:focus, .global-styles-ui__shadow-editor__remove-button:hover {
1358    opacity: 1;
1359  }
1360  
1361  @media (hover: none) {
1362    .global-styles-ui__shadow-editor__remove-button {
1363      opacity: 1;
1364    }
1365  }
1366  .global-styles-ui-screen-css {
1367    flex: 1 1 auto;
1368    display: flex;
1369    flex-direction: column;
1370    margin: 16px;
1371  }
1372  
1373  .global-styles-ui-screen-css .components-v-stack {
1374    flex: 1 1 auto;
1375  }
1376  
1377  .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
1378    flex: 1 1 auto;
1379    display: flex;
1380    flex-direction: column;
1381  }
1382  
1383  .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1384    flex: 1 1 auto;
1385    display: flex;
1386    flex-direction: column;
1387  }
1388  
1389  .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input {
1390    flex: 1 1 auto;
1391    direction: ltr;
1392  }
1393  
1394  .global-styles-ui-screen-css-help-link {
1395    display: inline-block;
1396    margin-top: 8px;
1397  }
1398  
1399  .global-styles-ui-screen-variations {
1400    margin-top: 16px;
1401    border-top: 1px solid #ddd;
1402  }
1403  
1404  .global-styles-ui-screen-variations > * {
1405    margin: 24px 16px;
1406  }
1407  
1408  .global-styles-ui-sidebar__navigator-provider {
1409    height: 100%;
1410  }
1411  
1412  .global-styles-ui-sidebar__navigator-screen {
1413    display: flex;
1414    flex-direction: column;
1415    height: 100%;
1416  }
1417  
1418  .global-styles-ui-sidebar__navigator-screen .single-column {
1419    grid-column: span 1;
1420  }
1421  
1422  .global-styles-ui-screen-root.global-styles-ui-screen-root,
1423  .global-styles-ui-screen-style-variations.global-styles-ui-screen-style-variations {
1424    background: unset;
1425    color: inherit;
1426  }
1427  
1428  .global-styles-ui-sidebar__panel .block-editor-block-icon svg {
1429    fill: currentColor;
1430  }
1431  
1432  .global-styles-ui-screen-root__active-style-tile.global-styles-ui-screen-root__active-style-tile, .global-styles-ui-screen-root__active-style-tile.global-styles-ui-screen-root__active-style-tile .global-styles-ui-screen-root__active-style-tile-preview {
1433    border-radius: 2px;
1434  }
1435  
1436  .global-styles-ui-screen-root__active-style-tile-preview {
1437    clip-path: border-box;
1438  }
1439  
1440  .global-styles-ui-color-palette-panel,
1441  .global-styles-ui-gradient-palette-panel {
1442    padding: 16px;
1443  }
1444  
1445  /**
1446   * Colors
1447   */
1448  /**
1449   * SCSS Variables.
1450   *
1451   * Please use variables from this sheet to ensure consistency across the UI.
1452   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1453   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1454   */
1455  /**
1456   * Fonts & basic variables.
1457   */
1458  /**
1459   * Typography
1460   */
1461  /**
1462   * Grid System.
1463   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1464   */
1465  /**
1466   * Radius scale.
1467   */
1468  /**
1469   * Elevation scale.
1470   */
1471  /**
1472   * Dimensions.
1473   */
1474  /**
1475   * Mobile specific styles
1476   */
1477  /**
1478   * Editor styles.
1479   */
1480  /**
1481   * Block & Editor UI.
1482   */
1483  /**
1484   * Block paddings.
1485   */
1486  /**
1487   * React Native specific.
1488   * These variables do not appear to be used anywhere else.
1489   */
1490  /**
1491   * Typography
1492   */
1493  /**
1494   * Breakpoints & Media Queries
1495   */
1496  /**
1497  *  Converts a hex value into the rgb equivalent.
1498  *
1499  * @param {string} hex - the hexadecimal value to convert
1500  * @return {string} comma separated rgb values
1501  */
1502  /**
1503   * Long content fade mixin
1504   *
1505   * Creates a fading overlay to signify that the content is longer
1506   * than the space allows.
1507   */
1508  /**
1509   * Breakpoint mixins
1510   */
1511  /**
1512   * Focus styles.
1513   */
1514  /**
1515   * Applies editor left position to the selector passed as argument
1516   */
1517  /**
1518   * Styles that are reused verbatim in a few places
1519   */
1520  /**
1521   * Allows users to opt-out of animations via OS-level preferences.
1522   */
1523  /**
1524   * Reset default styles for JavaScript UI based pages.
1525   * This is a WP-admin agnostic reset
1526   */
1527  /**
1528   * Reset the WP Admin page styles for Gutenberg-like pages.
1529   */
1530  /**
1531   * Creates a checkerboard pattern background to indicate transparency.
1532   * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
1533   */
1534  .dataviews-wrapper,
1535  .dataviews-picker-wrapper {
1536    height: 100%;
1537    overflow: auto;
1538    box-sizing: border-box;
1539    scroll-padding-bottom: 64px;
1540    /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
1541    container: dataviews-wrapper/inline-size;
1542    display: flex;
1543    flex-direction: column;
1544    font-size: 13px;
1545    line-height: 1.4;
1546    background-color: var(--wp-dataviews-color-background, #fff);
1547  }
1548  
1549  .dataviews__view-actions,
1550  .dataviews-filters__container {
1551    box-sizing: border-box;
1552    padding: 16px 24px;
1553    flex-shrink: 0;
1554    position: sticky;
1555    right: 0;
1556    background-color: inherit;
1557  }
1558  
1559  @media not (prefers-reduced-motion) {
1560    .dataviews__view-actions,
1561    .dataviews-filters__container {
1562      transition: padding ease-out 0.1s;
1563    }
1564  }
1565  .dataviews-no-results,
1566  .dataviews-loading {
1567    padding: 0 24px;
1568    flex-grow: 1;
1569    display: flex;
1570    align-items: center;
1571    justify-content: center;
1572  }
1573  
1574  @media not (prefers-reduced-motion) {
1575    .dataviews-no-results,
1576    .dataviews-loading {
1577      transition: padding ease-out 0.1s;
1578    }
1579  }
1580  .dataviews-no-results.is-refreshing {
1581    opacity: 0.5;
1582    pointer-events: none;
1583  }
1584  
1585  @media not (prefers-reduced-motion) {
1586    .dataviews-no-results.is-refreshing {
1587      opacity: 1;
1588      animation: dataviews-pulse 1s ease-in-out infinite;
1589    }
1590  }
1591  @keyframes dataviews-pulse {
1592    0%, 100% {
1593      opacity: 1;
1594    }
1595    50% {
1596      opacity: 0.5;
1597    }
1598  }
1599  .dataviews-loading-more {
1600    text-align: center;
1601  }
1602  
1603  @container (max-width: 430px) {
1604    .dataviews__view-actions,
1605    .dataviews-filters__container {
1606      padding: 12px 24px;
1607    }
1608  }
1609  .dataviews-title-field {
1610    font-size: 13px;
1611    font-weight: 499;
1612    color: #2f2f2f;
1613    text-overflow: ellipsis;
1614    white-space: nowrap;
1615    width: 100%;
1616  }
1617  
1618  .dataviews-title-field a {
1619    text-decoration: none;
1620    text-overflow: ellipsis;
1621    white-space: nowrap;
1622    overflow: hidden;
1623    display: block;
1624    flex-grow: 0;
1625    color: #2f2f2f;
1626  }
1627  
1628  .dataviews-title-field a:hover {
1629    color: var(--wp-admin-theme-color);
1630  }
1631  
1632  .dataviews-title-field a:focus {
1633    color: var(--wp-admin-theme-color--rgb);
1634    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
1635    border-radius: 2px;
1636  }
1637  
1638  .dataviews-title-field button.components-button.is-link {
1639    text-decoration: none;
1640    font-weight: inherit;
1641    text-overflow: ellipsis;
1642    white-space: nowrap;
1643    overflow: hidden;
1644    display: block;
1645    width: 100%;
1646    color: #1e1e1e;
1647  }
1648  
1649  .dataviews-title-field button.components-button.is-link:hover {
1650    color: var(--wp-admin-theme-color);
1651  }
1652  
1653  .dataviews-title-field--clickable {
1654    cursor: pointer;
1655    color: #2f2f2f;
1656  }
1657  
1658  .dataviews-title-field--clickable:hover {
1659    color: var(--wp-admin-theme-color);
1660  }
1661  
1662  .dataviews-title-field--clickable:focus {
1663    color: var(--wp-admin-theme-color--rgb);
1664    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
1665    border-radius: 2px;
1666  }
1667  
1668  /**
1669   * When DataViews are placed within cards, apply a consistent top padding.
1670   */
1671  .components-card__body:has(> .dataviews-wrapper),
1672  .components-card__body:has(> .dataviews-picker-wrapper) {
1673    padding: 8px 0 0;
1674    overflow: hidden;
1675  }
1676  
1677  .dataviews-bulk-actions-footer__item-count {
1678    color: #1e1e1e;
1679  }
1680  
1681  .dataviews-bulk-actions-footer__container {
1682    margin-left: auto;
1683    min-height: 32px;
1684  }
1685  
1686  .dataviews-filters__button {
1687    position: relative;
1688  }
1689  
1690  .dataviews-filters__container {
1691    padding-top: 0;
1692  }
1693  
1694  .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
1695    opacity: 0;
1696  }
1697  
1698  .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus {
1699    opacity: 1;
1700  }
1701  
1702  .dataviews-filters__summary-popover {
1703    font-size: 13px;
1704    line-height: 1.4;
1705  }
1706  
1707  .dataviews-filters__summary-popover .components-popover__content {
1708    width: 100%;
1709    min-width: 230px;
1710    max-width: 250px;
1711    border-radius: 4px;
1712  }
1713  
1714  .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
1715    padding: 0;
1716  }
1717  
1718  .dataviews-filters__summary-operators-container {
1719    padding: 8px 16px;
1720  }
1721  
1722  .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-no-elements), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__user-input-widget) {
1723    border-bottom: 1px solid #e0e0e0;
1724  }
1725  
1726  .dataviews-filters__summary-operators-container:empty {
1727    display: none;
1728  }
1729  
1730  .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
1731    color: #757575;
1732    white-space: nowrap;
1733    overflow: hidden;
1734    text-overflow: ellipsis;
1735    flex-shrink: 0; /* Prevents this element from shrinking */
1736    max-width: calc(100% - 55px);
1737  }
1738  
1739  .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select {
1740    width: 100%;
1741    white-space: nowrap;
1742    overflow: hidden;
1743  }
1744  
1745  .dataviews-filters__summary-chip-container {
1746    position: relative;
1747    white-space: pre-wrap;
1748  }
1749  
1750  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
1751    border-radius: 16px;
1752    border: 1px solid transparent;
1753    cursor: pointer;
1754    padding: 4px 12px;
1755    min-height: 32px;
1756    background: #f0f0f0;
1757    color: #2f2f2f;
1758    position: relative;
1759    display: flex;
1760    align-items: center;
1761    box-sizing: border-box;
1762  }
1763  
1764  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable {
1765    cursor: default;
1766  }
1767  
1768  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
1769    padding-inline-end: 28px;
1770  }
1771  
1772  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
1773    background: #e0e0e0;
1774    color: #1e1e1e;
1775  }
1776  
1777  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
1778    color: var(--wp-admin-theme-color);
1779    background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
1780  }
1781  
1782  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
1783    background: rgba(var(--wp-admin-theme-color--rgb), 0.12);
1784  }
1785  
1786  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
1787    outline: none;
1788    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1789  }
1790  
1791  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
1792    font-weight: 499;
1793  }
1794  
1795  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
1796    width: 24px;
1797    height: 24px;
1798    border-radius: 50%;
1799    border: 0;
1800    padding: 0;
1801    position: absolute;
1802    left: 4px;
1803    top: 50%;
1804    transform: translateY(-50%);
1805    display: flex;
1806    align-items: center;
1807    justify-content: center;
1808    background: transparent;
1809    cursor: pointer;
1810  }
1811  
1812  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
1813    fill: #757575;
1814  }
1815  
1816  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
1817    background: #e0e0e0;
1818  }
1819  
1820  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
1821    fill: #1e1e1e;
1822  }
1823  
1824  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
1825    fill: var(--wp-admin-theme-color);
1826  }
1827  
1828  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
1829    background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
1830  }
1831  
1832  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
1833    outline: none;
1834    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1835  }
1836  
1837  .dataviews-filters__search-widget-filter-combobox-list {
1838    max-height: 184px;
1839    padding: 4px;
1840    overflow: auto;
1841    border-top: 1px solid #e0e0e0;
1842  }
1843  
1844  .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
1845    font-weight: 600;
1846  }
1847  
1848  .dataviews-filters__search-widget-listbox {
1849    padding: 4px;
1850    overflow: auto;
1851  }
1852  
1853  .dataviews-filters__search-widget-listitem {
1854    display: flex;
1855    align-items: center;
1856    gap: 8px;
1857    border-radius: 2px;
1858    box-sizing: border-box;
1859    padding: 4px 12px;
1860    cursor: default;
1861    min-height: 32px;
1862    font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1863    font-weight: 400;
1864    font-size: 13px;
1865    line-height: 20px;
1866  }
1867  
1868  .dataviews-filters__search-widget-listitem:last-child {
1869    margin-block-end: 0;
1870  }
1871  
1872  .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
1873    background-color: var(--wp-admin-theme-color);
1874    color: #fff;
1875  }
1876  
1877  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
1878    color: #fff;
1879  }
1880  
1881  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
1882    border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1883    background: #fff;
1884  }
1885  
1886  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1887    border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1888    background: var(--wp-admin-theme-color-darker-20, #183ad6);
1889  }
1890  
1891  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
1892    border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1893  }
1894  
1895  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
1896    border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
1897    background: var(--wp-admin-theme-color-darker-20, #183ad6);
1898  }
1899  
1900  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
1901    overflow: hidden;
1902    text-overflow: ellipsis;
1903    white-space: nowrap;
1904    min-width: 0;
1905  }
1906  
1907  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
1908    display: block;
1909    overflow: hidden;
1910    text-overflow: ellipsis;
1911    font-size: 12px;
1912    line-height: 16px;
1913    color: #757575;
1914  }
1915  
1916  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1917    border: 1px solid #1e1e1e;
1918    margin-left: 12px;
1919    transition: none;
1920    border-radius: 50%;
1921    width: 24px;
1922    height: 24px;
1923    min-width: 24px;
1924    max-width: 24px;
1925    position: relative;
1926  }
1927  
1928  @media not (prefers-reduced-motion) {
1929    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1930      transition: box-shadow 0.1s linear;
1931    }
1932  }
1933  @media (min-width: 600px) {
1934    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1935      height: 16px;
1936      width: 16px;
1937      min-width: 16px;
1938      max-width: 16px;
1939    }
1940  }
1941  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
1942    box-sizing: inherit;
1943    width: 12px;
1944    height: 12px;
1945    position: absolute;
1946    top: 50%;
1947    right: 50%;
1948    transform: translate(50%, -50%);
1949    margin: 0;
1950    background-color: #fff;
1951    border: 4px solid #fff;
1952  }
1953  
1954  @media (min-width: 600px) {
1955    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
1956      width: 8px;
1957      height: 8px;
1958    }
1959  }
1960  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus {
1961    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
1962    outline: 2px solid transparent;
1963  }
1964  
1965  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked {
1966    background: var(--wp-admin-theme-color);
1967    border: none;
1968  }
1969  
1970  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
1971    margin: 0;
1972    padding: 0;
1973  }
1974  
1975  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1976    background: var(--wp-admin-theme-color, #3858e9);
1977    border-color: var(--wp-admin-theme-color, #3858e9);
1978  }
1979  
1980  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
1981    content: "";
1982    border-radius: 50%;
1983    box-sizing: inherit;
1984    width: 12px;
1985    height: 12px;
1986    position: absolute;
1987    top: 50%;
1988    right: 50%;
1989    transform: translate(50%, -50%);
1990    margin: 0;
1991    background-color: #fff;
1992    border: 4px solid #fff;
1993  }
1994  
1995  @media (min-width: 600px) {
1996    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
1997      width: 8px;
1998      height: 8px;
1999    }
2000  }
2001  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2002    --checkbox-size: 24px;
2003    flex-shrink: 0;
2004    border: 1px solid #1e1e1e;
2005    margin-left: 12px;
2006    transition: none;
2007    border-radius: 2px;
2008    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2009    padding: 6px 8px;
2010    /* Fonts smaller than 16px causes mobile safari to zoom. */
2011    font-size: 16px;
2012    /* Override core line-height. To be reviewed. */
2013    line-height: normal;
2014    box-shadow: 0 0 0 transparent;
2015    border-radius: 2px;
2016    border: 1px solid #949494;
2017  }
2018  
2019  @media not (prefers-reduced-motion) {
2020    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2021      transition: box-shadow 0.1s linear;
2022    }
2023  }
2024  @media (min-width: 600px) {
2025    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2026      font-size: 13px;
2027      /* Override core line-height. To be reviewed. */
2028      line-height: normal;
2029    }
2030  }
2031  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
2032    border-color: var(--wp-admin-theme-color);
2033    box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2034    outline: 2px solid transparent;
2035  }
2036  
2037  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
2038    color: rgba(30, 30, 30, 0.62);
2039  }
2040  
2041  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
2042    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
2043    outline: 2px solid transparent;
2044  }
2045  
2046  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked {
2047    background: var(--wp-admin-theme-color);
2048    border-color: var(--wp-admin-theme-color);
2049  }
2050  
2051  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
2052    margin: -3px -5px;
2053    color: #fff;
2054  }
2055  
2056  @media (min-width: 782px) {
2057    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
2058      margin: -4px -5px 0 0;
2059    }
2060  }
2061  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] {
2062    background: var(--wp-admin-theme-color);
2063    border-color: var(--wp-admin-theme-color);
2064  }
2065  
2066  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
2067    content: "\f460";
2068    float: right;
2069    display: inline-block;
2070    vertical-align: middle;
2071    width: 16px;
2072    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
2073    font: normal 30px/1 dashicons;
2074    speak: none;
2075    -webkit-font-smoothing: antialiased;
2076    -moz-osx-font-smoothing: grayscale;
2077  }
2078  
2079  @media (min-width: 782px) {
2080    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
2081      float: none;
2082      font-size: 21px;
2083    }
2084  }
2085  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled {
2086    background: #f0f0f0;
2087    border-color: #ddd;
2088    cursor: default;
2089    opacity: 1;
2090  }
2091  
2092  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2093    position: relative;
2094    background: #fff;
2095    color: #1e1e1e;
2096    margin: 0;
2097    padding: 0;
2098    width: var(--checkbox-size);
2099    height: var(--checkbox-size);
2100  }
2101  
2102  @media (min-width: 600px) {
2103    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2104      --checkbox-size: 16px;
2105    }
2106  }
2107  @media not (prefers-reduced-motion) {
2108    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
2109      transition: 0.1s border-color ease-in-out;
2110    }
2111  }
2112  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
2113    background: var(--wp-admin-theme-color, #3858e9);
2114    border-color: var(--wp-admin-theme-color, #3858e9);
2115  }
2116  
2117  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
2118    --checkmark-size: var(--checkbox-size);
2119    fill: #fff;
2120    position: absolute;
2121    right: 50%;
2122    top: 50%;
2123    transform: translate(50%, -50%);
2124    width: var(--checkmark-size);
2125    height: var(--checkmark-size);
2126  }
2127  
2128  @media (min-width: 600px) {
2129    .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
2130      --checkmark-size: calc(var(--checkbox-size) + 4px);
2131    }
2132  }
2133  .dataviews-filters__search-widget-filter-combobox__wrapper {
2134    position: relative;
2135    padding: 8px;
2136  }
2137  
2138  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2139    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2140    padding: 6px 8px;
2141    /* Fonts smaller than 16px causes mobile safari to zoom. */
2142    font-size: 16px;
2143    /* Override core line-height. To be reviewed. */
2144    line-height: normal;
2145    box-shadow: 0 0 0 transparent;
2146    border-radius: 2px;
2147    border: 1px solid #949494;
2148  }
2149  
2150  @media not (prefers-reduced-motion) {
2151    .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2152      transition: box-shadow 0.1s linear;
2153    }
2154  }
2155  @media (min-width: 600px) {
2156    .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2157      font-size: 13px;
2158      /* Override core line-height. To be reviewed. */
2159      line-height: normal;
2160    }
2161  }
2162  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2163    border-color: var(--wp-admin-theme-color);
2164    box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
2165    outline: 2px solid transparent;
2166  }
2167  
2168  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2169    color: rgba(30, 30, 30, 0.62);
2170  }
2171  
2172  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2173    display: block;
2174    padding: 0 32px 0 8px;
2175    width: 100%;
2176    height: 32px;
2177    margin-right: 0;
2178    margin-left: 0;
2179    /* Fonts smaller than 16px causes mobile safari to zoom. */
2180    font-size: 16px;
2181  }
2182  
2183  @media (min-width: 600px) {
2184    .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2185      font-size: 13px;
2186    }
2187  }
2188  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2189    background: #fff;
2190    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2191  }
2192  
2193  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2194    color: #757575;
2195  }
2196  
2197  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration {
2198    -webkit-appearance: none;
2199  }
2200  
2201  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
2202    position: absolute;
2203    inset-inline-start: 12px;
2204    top: 0;
2205    bottom: 0;
2206    display: flex;
2207    align-items: center;
2208    justify-content: center;
2209    width: 24px;
2210  }
2211  
2212  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
2213    transform: scaleX(-1);
2214  }
2215  
2216  .dataviews-filters__container-visibility-toggle {
2217    position: relative;
2218    flex-shrink: 0;
2219  }
2220  
2221  .dataviews-filters-toggle__count {
2222    position: absolute;
2223    top: 0;
2224    left: 0;
2225    transform: translate(-50%, -50%);
2226    background: var(--wp-admin-theme-color, #3858e9);
2227    height: 16px;
2228    min-width: 16px;
2229    line-height: 16px;
2230    padding: 0 4px;
2231    text-align: center;
2232    border-radius: 8px;
2233    font-size: 11px;
2234    outline: var(--wp-admin-border-width-focus) solid #fff;
2235    color: #fff;
2236    box-sizing: border-box;
2237  }
2238  
2239  .dataviews-search {
2240    width: fit-content;
2241  }
2242  
2243  .dataviews-filters__user-input-widget {
2244    padding: 16px;
2245  }
2246  
2247  .dataviews-filters__user-input-widget .components-input-control__prefix {
2248    padding-right: 8px;
2249  }
2250  
2251  .dataviews-filters__search-widget-no-elements {
2252    display: flex;
2253    align-items: center;
2254    justify-content: center;
2255    padding: 16px;
2256  }
2257  
2258  .dataviews-footer {
2259    position: sticky;
2260    bottom: 0;
2261    right: 0;
2262    background-color: inherit;
2263    padding: 12px 24px;
2264    border-top: 1px solid #f0f0f0;
2265    flex-shrink: 0;
2266  }
2267  
2268  @media not (prefers-reduced-motion) {
2269    .dataviews-footer {
2270      transition: padding ease-out 0.1s;
2271    }
2272  }
2273  .dataviews-footer {
2274    z-index: 2;
2275  }
2276  
2277  .dataviews-footer .is-refreshing {
2278    opacity: 0.5;
2279    pointer-events: none;
2280  }
2281  
2282  @media not (prefers-reduced-motion) {
2283    .dataviews-footer .is-refreshing {
2284      opacity: 1;
2285      animation: dataviews-pulse 1s ease-in-out infinite;
2286    }
2287  }
2288  @container (max-width: 560px) {
2289    .dataviews-footer__content {
2290      flex-direction: column !important;
2291    }
2292    .dataviews-footer__content .dataviews-bulk-actions-footer__container {
2293      width: 100%;
2294    }
2295    .dataviews-footer__content .dataviews-bulk-actions-footer__item-count {
2296      flex-grow: 1;
2297    }
2298    .dataviews-footer__content .dataviews-pagination {
2299      width: 100%;
2300      justify-content: space-between;
2301    }
2302  }
2303  .dataviews-pagination__page-select {
2304    font-size: 11px;
2305    font-weight: 499;
2306    text-transform: uppercase;
2307  }
2308  
2309  @media (min-width: 600px) {
2310    .dataviews-pagination__page-select .components-select-control__input {
2311      font-size: 11px !important;
2312      font-weight: 499;
2313    }
2314  }
2315  .dataviews-action-modal {
2316    z-index: 1000001;
2317  }
2318  
2319  .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
2320    padding: 0 4px;
2321  }
2322  
2323  .dataviews-selection-checkbox {
2324    --checkbox-input-size: 24px;
2325  }
2326  
2327  @media (min-width: 600px) {
2328    .dataviews-selection-checkbox {
2329      --checkbox-input-size: 16px;
2330    }
2331  }
2332  .dataviews-selection-checkbox {
2333    line-height: 0;
2334    flex-shrink: 0;
2335  }
2336  
2337  .dataviews-selection-checkbox .components-checkbox-control__input-container {
2338    margin: 0;
2339  }
2340  
2341  .dataviews-view-config {
2342    width: 320px;
2343    /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
2344    container-type: inline-size;
2345    font-size: 13px;
2346    line-height: 1.4;
2347  }
2348  
2349  .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
2350    overflow-y: scroll;
2351    height: 100%;
2352  }
2353  
2354  .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config {
2355    width: auto;
2356  }
2357  
2358  .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
2359    text-transform: uppercase;
2360  }
2361  
2362  .dataviews-settings-section__title.dataviews-settings-section__title {
2363    line-height: 24px;
2364    font-size: 15px;
2365  }
2366  
2367  .dataviews-settings-section__sidebar {
2368    grid-column: span 4;
2369  }
2370  
2371  .dataviews-settings-section__content,
2372  .dataviews-settings-section__content > * {
2373    grid-column: span 8;
2374  }
2375  
2376  .dataviews-settings-section__content .is-divided-in-two {
2377    display: contents;
2378  }
2379  
2380  .dataviews-settings-section__content .is-divided-in-two > * {
2381    grid-column: span 4;
2382  }
2383  
2384  .dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
2385    display: none;
2386  }
2387  
2388  @container (max-width: 500px) {
2389    .dataviews-settings-section.dataviews-settings-section {
2390      grid-template-columns: repeat(2, 1fr);
2391    }
2392    .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
2393      grid-column: span 2;
2394    }
2395    .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
2396      grid-column: span 2;
2397    }
2398  }
2399  .dataviews-view-config__sort-controls > * {
2400    flex: 1;
2401  }
2402  
2403  .dataviews-view-config__label {
2404    text-wrap: nowrap;
2405  }
2406  
2407  .dataviews-view-config__toggle-wrapper {
2408    position: relative;
2409    display: inline-flex;
2410  }
2411  
2412  .dataviews-view-config__modified-indicator {
2413    position: absolute;
2414    top: 4px;
2415    left: 4px;
2416    width: 4px;
2417    height: 4px;
2418    background: var(--wp-admin-theme-color, #3858e9);
2419    border-radius: 50%;
2420    pointer-events: none;
2421  }
2422  
2423  .dataviews-view-grid-items {
2424    margin-bottom: auto;
2425    display: grid;
2426    gap: 32px;
2427    grid-template-rows: max-content;
2428    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
2429    padding: 0 24px 24px;
2430    container-type: inline-size;
2431  }
2432  
2433  @media not (prefers-reduced-motion) {
2434    .dataviews-view-grid-items {
2435      transition: padding ease-out 0.1s;
2436    }
2437  }
2438  .dataviews-view-grid {
2439    padding: 0 24px 24px;
2440    display: flex;
2441    flex-direction: column;
2442    gap: 32px;
2443    container-type: inline-size;
2444    margin-bottom: auto;
2445  }
2446  
2447  @media not (prefers-reduced-motion) {
2448    .dataviews-view-grid {
2449      transition: padding ease-out 0.1s;
2450    }
2451  }
2452  .dataviews-view-grid .dataviews-view-grid__row {
2453    display: grid;
2454    gap: 32px;
2455  }
2456  
2457  .dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell {
2458    border-radius: 4px;
2459    position: relative;
2460  }
2461  
2462  .dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell[data-focus-visible]::after {
2463    content: "";
2464    position: absolute;
2465    top: 0;
2466    right: 0;
2467    width: 100%;
2468    height: 100%;
2469    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2470    border-radius: 4px;
2471    pointer-events: none;
2472    outline: 2px solid transparent;
2473  }
2474  
2475  .dataviews-view-grid .dataviews-view-grid__card {
2476    height: 100%;
2477    justify-content: flex-start;
2478    position: relative;
2479  }
2480  
2481  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title {
2482    padding: 8px 0 4px;
2483  }
2484  
2485  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
2486    min-height: 24px;
2487    overflow: hidden;
2488    align-content: center;
2489    text-align: start;
2490  }
2491  
2492  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
2493    width: fit-content;
2494  }
2495  
2496  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2497    color: #1e1e1e;
2498  }
2499  
2500  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
2501  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2502    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
2503  }
2504  
2505  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
2506    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
2507  }
2508  
2509  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2510    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2511  }
2512  
2513  .dataviews-view-grid .dataviews-view-grid__media {
2514    width: 100%;
2515    aspect-ratio: 1/1;
2516    background-color: #fff;
2517    border-radius: 4px;
2518    overflow: hidden;
2519    position: relative;
2520  }
2521  
2522  .dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
2523    aspect-ratio: 3/1;
2524  }
2525  
2526  .dataviews-view-grid .dataviews-view-grid__media img {
2527    object-fit: cover;
2528    width: 100%;
2529    height: 100%;
2530  }
2531  
2532  .dataviews-view-grid .dataviews-view-grid__media::after {
2533    content: "";
2534    position: absolute;
2535    top: 0;
2536    right: 0;
2537    width: 100%;
2538    height: 100%;
2539    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2540    border-radius: 4px;
2541    pointer-events: none;
2542  }
2543  
2544  .dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
2545    width: 100%;
2546    height: 100%;
2547    display: block;
2548    border-radius: 4px;
2549    box-shadow: none;
2550    background: #f0f0f0;
2551  }
2552  
2553  .dataviews-view-grid .dataviews-view-grid__fields {
2554    position: relative;
2555    font-size: 12px;
2556    line-height: 16px;
2557  }
2558  
2559  .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
2560    padding: 0 0 12px;
2561  }
2562  
2563  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
2564    min-height: 24px;
2565    line-height: 20px;
2566    padding-top: 2px;
2567  }
2568  
2569  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
2570    min-height: 24px;
2571    align-items: center;
2572  }
2573  
2574  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
2575    width: 35%;
2576    color: #757575;
2577    overflow: hidden;
2578    text-overflow: ellipsis;
2579    white-space: nowrap;
2580  }
2581  
2582  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2583    width: 65%;
2584    overflow: hidden;
2585    text-overflow: ellipsis;
2586    white-space: nowrap;
2587  }
2588  
2589  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
2590    display: none;
2591  }
2592  
2593  .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
2594    padding-bottom: 12px;
2595  }
2596  
2597  .dataviews-view-grid.is-refreshing {
2598    opacity: 0.5;
2599    pointer-events: none;
2600  }
2601  
2602  @media not (prefers-reduced-motion) {
2603    .dataviews-view-grid.is-refreshing {
2604      opacity: 1;
2605      animation: dataviews-pulse 1s ease-in-out infinite;
2606    }
2607  }
2608  .dataviews-view-grid__field-value:empty,
2609  .dataviews-view-grid__field:empty {
2610    display: none;
2611  }
2612  
2613  .dataviews-view-grid__card .dataviews-selection-checkbox {
2614    position: absolute;
2615    top: -9999em;
2616    right: 8px;
2617    z-index: 1;
2618    opacity: 0;
2619  }
2620  
2621  @media not (prefers-reduced-motion) {
2622    .dataviews-view-grid__card .dataviews-selection-checkbox {
2623      transition: opacity 0.1s linear;
2624    }
2625  }
2626  @media (hover: none) {
2627    .dataviews-view-grid__card .dataviews-selection-checkbox {
2628      opacity: 1;
2629      top: 8px;
2630    }
2631  }
2632  .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
2633  .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
2634  .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
2635    opacity: 1;
2636    top: 8px;
2637  }
2638  
2639  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
2640    position: absolute;
2641    z-index: 1;
2642    top: 4px;
2643    opacity: 0;
2644    left: 4px;
2645  }
2646  
2647  .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
2648    background-color: #fff;
2649  }
2650  
2651  @media not (prefers-reduced-motion) {
2652    .dataviews-view-grid__card .dataviews-view-grid__media-actions {
2653      transition: opacity 0.1s linear;
2654    }
2655  }
2656  @media (hover: none) {
2657    .dataviews-view-grid__card .dataviews-view-grid__media-actions {
2658      opacity: 1;
2659      top: 4px;
2660    }
2661  }
2662  .dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
2663  .dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
2664  .dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
2665    opacity: 1;
2666  }
2667  
2668  .dataviews-view-grid__media--clickable {
2669    cursor: pointer;
2670  }
2671  
2672  .dataviews-view-grid__group-header {
2673    font-size: 15px;
2674    font-weight: 499;
2675    color: #1e1e1e;
2676    margin: 0 0 8px 0;
2677    padding: 0 24px;
2678    container-type: inline-size;
2679  }
2680  
2681  div.dataviews-view-list {
2682    list-style-type: none;
2683  }
2684  
2685  .dataviews-view-list {
2686    margin: 0 0 auto;
2687  }
2688  
2689  .dataviews-view-list div[role=row],
2690  .dataviews-view-list div[role=article] {
2691    margin: 0;
2692    border-top: 1px solid #f0f0f0;
2693  }
2694  
2695  .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
2696  .dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper {
2697    position: relative;
2698    padding: 16px 24px;
2699    box-sizing: border-box;
2700  }
2701  
2702  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
2703  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
2704    display: flex;
2705    width: max-content;
2706    flex: 0 0 auto;
2707    gap: 4px;
2708    white-space: nowrap;
2709  }
2710  
2711  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button,
2712  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button {
2713    position: relative;
2714    z-index: 1;
2715  }
2716  
2717  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
2718  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
2719    height: 24px;
2720  }
2721  
2722  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
2723  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
2724    flex: 0;
2725    overflow: hidden;
2726    width: 0;
2727  }
2728  
2729  .dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child),
2730  .dataviews-view-list div[role=article]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) {
2731    flex-basis: min-content;
2732    width: auto;
2733    overflow: unset;
2734  }
2735  
2736  @media (hover: none) {
2737    .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
2738    .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
2739      flex-basis: min-content;
2740      width: auto;
2741      overflow: unset;
2742    }
2743  }
2744  .dataviews-view-list div[role=row].is-selected.is-selected,
2745  .dataviews-view-list div[role=article].is-selected.is-selected {
2746    border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2747  }
2748  
2749  .dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
2750  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
2751  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
2752    border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2753  }
2754  
2755  .dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within,
2756  .dataviews-view-list div[role=article]:not(.is-selected):hover,
2757  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
2758  .dataviews-view-list div[role=article]:not(.is-selected):focus-within {
2759    color: var(--wp-admin-theme-color);
2760    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
2761    border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2762  }
2763  
2764  .dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=article],
2765  .dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=row],
2766  .dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=article],
2767  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=row],
2768  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=article],
2769  .dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=row],
2770  .dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=article] {
2771    border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
2772  }
2773  
2774  .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
2775  .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-title-field,
2776  .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-title-field,
2777  .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__field,
2778  .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-title-field,
2779  .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__field,
2780  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-title-field,
2781  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
2782  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
2783  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
2784    color: var(--wp-admin-theme-color);
2785  }
2786  
2787  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
2788  .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
2789  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
2790  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
2791    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
2792    color: #1e1e1e;
2793  }
2794  
2795  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
2796  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2797  .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2798  .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2799  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
2800  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2801  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2802  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
2803    color: #1e1e1e;
2804  }
2805  
2806  .dataviews-view-list .dataviews-view-list__item {
2807    position: absolute;
2808    z-index: 1;
2809    inset: 0;
2810    scroll-margin: 8px 0;
2811    appearance: none;
2812    border: none;
2813    background: none;
2814    padding: 0;
2815    cursor: pointer;
2816  }
2817  
2818  .dataviews-view-list .dataviews-view-list__item:focus-visible {
2819    outline: none;
2820  }
2821  
2822  .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
2823    position: absolute;
2824    content: "";
2825    inset: var(--wp-admin-border-width-focus);
2826    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2827    border-radius: 2px;
2828    outline: 2px solid transparent;
2829  }
2830  
2831  .dataviews-view-list .dataviews-view-list__title-field {
2832    flex: 1;
2833    min-height: 24px;
2834    line-height: 24px;
2835    overflow: hidden;
2836  }
2837  
2838  .dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
2839    z-index: 1;
2840  }
2841  
2842  .dataviews-view-list .dataviews-view-list__media-wrapper {
2843    width: 52px;
2844    height: 52px;
2845    overflow: hidden;
2846    position: relative;
2847    flex-shrink: 0;
2848    background-color: #fff;
2849    border-radius: 4px;
2850  }
2851  
2852  .dataviews-view-list .dataviews-view-list__media-wrapper img {
2853    width: 100%;
2854    height: 100%;
2855    object-fit: cover;
2856  }
2857  
2858  .dataviews-view-list .dataviews-view-list__media-wrapper::after {
2859    content: "";
2860    position: absolute;
2861    top: 0;
2862    right: 0;
2863    width: 100%;
2864    height: 100%;
2865    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2866    border-radius: 4px;
2867  }
2868  
2869  .dataviews-view-list .dataviews-view-list__field-wrapper {
2870    min-height: 52px;
2871    flex-grow: 1;
2872    min-width: 0;
2873  }
2874  
2875  .dataviews-view-list .dataviews-view-list__field {
2876    color: #757575;
2877  }
2878  
2879  .dataviews-view-list .dataviews-view-list__fields {
2880    display: flex;
2881    gap: 12px;
2882    row-gap: 4px;
2883    flex-wrap: wrap;
2884    font-size: 12px;
2885  }
2886  
2887  .dataviews-view-list .dataviews-view-list__fields:empty {
2888    display: none;
2889  }
2890  
2891  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
2892    display: none;
2893  }
2894  
2895  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
2896    min-height: 24px;
2897    line-height: 20px;
2898    display: flex;
2899    align-items: center;
2900  }
2901  
2902  .dataviews-view-list + .dataviews-pagination {
2903    justify-content: space-between;
2904  }
2905  
2906  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__item-wrapper {
2907    padding: 8px 24px;
2908  }
2909  
2910  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
2911    min-height: 16px;
2912    line-height: 16px;
2913  }
2914  
2915  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
2916    width: 32px;
2917    height: 32px;
2918  }
2919  
2920  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
2921    min-height: 32px;
2922  }
2923  
2924  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
2925    gap: 8px;
2926    row-gap: 4px;
2927  }
2928  
2929  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2930    min-height: 16px;
2931    line-height: 16px;
2932  }
2933  
2934  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
2935    padding: 24px 24px;
2936  }
2937  
2938  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
2939    min-height: 32px;
2940    line-height: 32px;
2941  }
2942  
2943  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
2944    width: 64px;
2945    height: 64px;
2946  }
2947  
2948  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
2949    min-height: 64px;
2950  }
2951  
2952  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
2953    gap: 16px;
2954    row-gap: 8px;
2955  }
2956  
2957  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2958    min-height: 32px;
2959    line-height: 24px;
2960  }
2961  
2962  .dataviews-view-list.is-refreshing {
2963    opacity: 0.5;
2964    pointer-events: none;
2965  }
2966  
2967  @media not (prefers-reduced-motion) {
2968    .dataviews-view-list.is-refreshing {
2969      opacity: 1;
2970      animation: dataviews-pulse 1s ease-in-out infinite;
2971    }
2972  }
2973  .dataviews-view-list__group-header {
2974    font-size: 15px;
2975    font-weight: 499;
2976    color: #1e1e1e;
2977    margin: 0 0 8px 0;
2978    padding: 0 24px;
2979  }
2980  
2981  .dataviews-view-table {
2982    width: 100%;
2983    text-indent: 0;
2984    border-color: inherit;
2985    border-collapse: collapse;
2986    position: relative;
2987    color: #757575;
2988    margin-bottom: auto;
2989    background-color: inherit;
2990  }
2991  
2992  .dataviews-view-table th {
2993    text-align: right;
2994    color: #1e1e1e;
2995    font-weight: normal;
2996    font-size: 13px;
2997  }
2998  
2999  .dataviews-view-table td,
3000  .dataviews-view-table th {
3001    padding: 12px;
3002  }
3003  
3004  .dataviews-view-table td.dataviews-view-table__actions-column,
3005  .dataviews-view-table th.dataviews-view-table__actions-column {
3006    text-align: left;
3007  }
3008  
3009  .dataviews-view-table td.dataviews-view-table__actions-column--sticky,
3010  .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
3011    position: sticky;
3012    left: 0;
3013    background-color: var(--wp-dataviews-color-background, #fff);
3014  }
3015  
3016  .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
3017  .dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
3018    display: block;
3019    content: "";
3020    position: absolute;
3021    top: 0;
3022    bottom: 0;
3023    right: 0;
3024    width: 1px;
3025    background-color: #f0f0f0;
3026  }
3027  
3028  .dataviews-view-table td.dataviews-view-table__checkbox-column,
3029  .dataviews-view-table th.dataviews-view-table__checkbox-column {
3030    padding-left: 0;
3031  }
3032  
3033  .dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper,
3034  .dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper {
3035    max-width: auto;
3036    min-width: auto;
3037  }
3038  
3039  .dataviews-view-table tr {
3040    border-top: 1px solid #f0f0f0;
3041    background-color: inherit;
3042  }
3043  
3044  .dataviews-view-table tr td:first-child,
3045  .dataviews-view-table tr th:first-child {
3046    padding-right: 24px;
3047  }
3048  
3049  .dataviews-view-table tr td:last-child,
3050  .dataviews-view-table tr th:last-child {
3051    padding-left: 24px;
3052  }
3053  
3054  .dataviews-view-table tr:last-child {
3055    border-bottom: 0;
3056  }
3057  
3058  .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
3059    opacity: 0;
3060  }
3061  
3062  @media (hover: none) {
3063    .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
3064      opacity: 1;
3065    }
3066  }
3067  .dataviews-view-table tr.is-selected {
3068    background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
3069    color: #757575;
3070  }
3071  
3072  .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
3073    border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
3074  }
3075  
3076  .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
3077    background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
3078  }
3079  
3080  .dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
3081    opacity: 1;
3082  }
3083  
3084  .dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr:hover .dataviews-view-table__actions-column--sticky {
3085    background-color: var(--wp-dataviews-color-background, #fff);
3086  }
3087  
3088  .dataviews-view-table.has-bulk-actions tr.is-selected .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
3089    background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
3090  }
3091  
3092  .dataviews-view-table thead {
3093    position: sticky;
3094    inset-block-start: 0;
3095    z-index: 1;
3096    background-color: inherit;
3097  }
3098  
3099  .dataviews-view-table thead tr {
3100    border: 0;
3101  }
3102  
3103  .dataviews-view-table thead th {
3104    background-color: inherit;
3105    padding-top: 8px;
3106    padding-bottom: 8px;
3107    font-size: 11px;
3108    text-transform: uppercase;
3109    font-weight: 499;
3110  }
3111  
3112  .dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
3113    padding-right: 4px;
3114    padding-left: 4px;
3115  }
3116  
3117  .dataviews-view-table thead th:has(.dataviews-view-table-header-button) .dataviews-view-table-header-button {
3118    gap: 4px;
3119  }
3120  
3121  .dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child {
3122    padding-right: 16px;
3123  }
3124  
3125  .dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child {
3126    padding-left: 16px;
3127  }
3128  
3129  .dataviews-view-table tbody td {
3130    vertical-align: top;
3131  }
3132  
3133  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
3134    min-height: 32px;
3135    display: flex;
3136    align-items: center;
3137    white-space: nowrap;
3138  }
3139  
3140  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
3141    justify-content: flex-end;
3142    font-variant-numeric: tabular-nums;
3143  }
3144  
3145  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
3146    justify-content: center;
3147  }
3148  
3149  .dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) {
3150    min-height: 0;
3151  }
3152  
3153  .dataviews-view-table .dataviews-view-table-header-button {
3154    padding: 4px 8px;
3155    font-size: 11px;
3156    text-transform: uppercase;
3157    font-weight: 499;
3158  }
3159  
3160  .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
3161    color: #1e1e1e;
3162  }
3163  
3164  .dataviews-view-table .dataviews-view-table-header-button span {
3165    speak: none;
3166  }
3167  
3168  .dataviews-view-table .dataviews-view-table-header-button span:empty {
3169    display: none;
3170  }
3171  
3172  .dataviews-view-table .dataviews-view-table-header {
3173    padding-right: 4px;
3174  }
3175  
3176  .dataviews-view-table .dataviews-view-table__actions-column {
3177    width: auto;
3178    white-space: nowrap;
3179  }
3180  
3181  .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) {
3182    padding-right: 0;
3183  }
3184  
3185  .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:last-child) {
3186    padding-left: 0;
3187  }
3188  
3189  .dataviews-view-table.has-compact-density td,
3190  .dataviews-view-table.has-compact-density th {
3191    padding: 4px 8px;
3192  }
3193  
3194  .dataviews-view-table.has-comfortable-density td,
3195  .dataviews-view-table.has-comfortable-density th {
3196    padding: 16px 12px;
3197  }
3198  
3199  .dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,
3200  .dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,
3201  .dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column {
3202    padding-left: 0;
3203  }
3204  
3205  .dataviews-view-table-selection-checkbox {
3206    --checkbox-input-size: 24px;
3207  }
3208  
3209  @media (min-width: 600px) {
3210    .dataviews-view-table-selection-checkbox {
3211      --checkbox-input-size: 16px;
3212    }
3213  }
3214  .dataviews-column-primary__media {
3215    max-width: 60px;
3216    min-width: 32px;
3217    min-height: 32px;
3218    overflow: hidden;
3219    position: relative;
3220    flex-shrink: 0;
3221    background-color: #fff;
3222    border-radius: 4px;
3223  }
3224  
3225  .dataviews-column-primary__media img {
3226    width: 32px;
3227    height: 32px;
3228    object-fit: cover;
3229  }
3230  
3231  .dataviews-column-primary__media::after {
3232    content: "";
3233    position: absolute;
3234    top: 0;
3235    right: 0;
3236    width: 100%;
3237    height: 100%;
3238    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
3239    border-radius: 4px;
3240  }
3241  
3242  .dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
3243  .dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
3244    min-width: 15ch;
3245    max-width: 80ch;
3246  }
3247  
3248  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
3249    font-weight: 499;
3250    padding: 12px 24px;
3251    color: #1e1e1e;
3252  }
3253  
3254  /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
3255  .dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data) {
3256    width: 1%;
3257  }
3258  
3259  .dataviews-view-table.is-refreshing {
3260    opacity: 0.5;
3261    pointer-events: none;
3262  }
3263  
3264  @media not (prefers-reduced-motion) {
3265    .dataviews-view-table.is-refreshing {
3266      opacity: 1;
3267      animation: dataviews-pulse 1s ease-in-out infinite;
3268    }
3269  }
3270  .dataviews-view-picker-grid .dataviews-view-picker-grid__card {
3271    height: 100%;
3272    justify-content: flex-start;
3273    position: relative;
3274  }
3275  
3276  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
3277    padding: 8px 0 4px;
3278  }
3279  
3280  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
3281    min-height: 24px;
3282    overflow: hidden;
3283    align-content: center;
3284    text-align: start;
3285  }
3286  
3287  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
3288    width: fit-content;
3289  }
3290  
3291  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
3292    color: #1e1e1e;
3293  }
3294  
3295  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
3296  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3297    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
3298  }
3299  
3300  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
3301    box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
3302  }
3303  
3304  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3305    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3306  }
3307  
3308  .dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
3309    outline: none;
3310  }
3311  
3312  .dataviews-view-picker-grid:focus-visible [data-active-item=true] {
3313    outline: 2px solid var(--wp-admin-theme-color);
3314  }
3315  
3316  .dataviews-view-picker-grid .dataviews-selection-checkbox {
3317    top: 8px !important;
3318  }
3319  
3320  .dataviews-view-picker-grid .dataviews-selection-checkbox input {
3321    pointer-events: none;
3322  }
3323  
3324  .dataviews-view-picker-grid .dataviews-view-picker-grid__media {
3325    width: 100%;
3326    aspect-ratio: 1/1;
3327    min-height: 0;
3328    background-color: #fff;
3329    border-radius: 4px;
3330    position: relative;
3331  }
3332  
3333  .dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
3334    object-fit: cover;
3335    width: 100%;
3336    height: 100%;
3337  }
3338  
3339  .dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
3340    content: "";
3341    position: absolute;
3342    top: 0;
3343    right: 0;
3344    width: 100%;
3345    height: 100%;
3346    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
3347    border-radius: 4px;
3348    pointer-events: none;
3349  }
3350  
3351  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
3352    position: relative;
3353    font-size: 12px;
3354    line-height: 16px;
3355  }
3356  
3357  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
3358    padding: 0 0 12px;
3359  }
3360  
3361  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
3362    min-height: 24px;
3363    line-height: 20px;
3364    padding-top: 2px;
3365  }
3366  
3367  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
3368    min-height: 24px;
3369    align-items: center;
3370  }
3371  
3372  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
3373    width: 35%;
3374    color: #757575;
3375    overflow: hidden;
3376    text-overflow: ellipsis;
3377    white-space: nowrap;
3378  }
3379  
3380  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
3381    width: 65%;
3382    overflow: hidden;
3383    text-overflow: ellipsis;
3384    white-space: nowrap;
3385  }
3386  
3387  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
3388    display: none;
3389  }
3390  
3391  .dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
3392    padding-bottom: 12px;
3393  }
3394  
3395  .dataviews-view-picker-grid__field-value:empty,
3396  .dataviews-view-picker-grid__field:empty {
3397    display: none;
3398  }
3399  
3400  .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
3401    position: absolute;
3402    top: -9999em;
3403    right: 8px;
3404    z-index: 1;
3405  }
3406  
3407  @media (hover: none) {
3408    .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
3409      top: 8px;
3410    }
3411  }
3412  .dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
3413  .dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
3414  .dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
3415    top: 8px;
3416  }
3417  
3418  .dataviews-view-picker-grid__media--clickable {
3419    cursor: pointer;
3420  }
3421  
3422  .dataviews-view-picker-grid-group__header {
3423    font-size: 15px;
3424    font-weight: 499;
3425    color: #1e1e1e;
3426    margin: 0 0 8px 0;
3427    padding: 0 48px;
3428  }
3429  
3430  .dataviews-view-picker-table {
3431    background-color: inherit;
3432  }
3433  
3434  .dataviews-view-picker-table .dataviews-view-table__checkbox-column {
3435    width: 48px;
3436  }
3437  
3438  .dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
3439    outline: none;
3440  }
3441  
3442  .dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
3443    outline: 2px solid var(--wp-admin-theme-color);
3444  }
3445  
3446  .dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
3447    pointer-events: none;
3448    opacity: 1;
3449  }
3450  
3451  .dataviews-view-picker-table .dataviews-view-table__row {
3452    cursor: pointer;
3453  }
3454  
3455  .dataviews-view-picker-table .dataviews-view-table__row.is-selected {
3456    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3457  }
3458  
3459  .dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
3460    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
3461  }
3462  
3463  .dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
3464    background-color: rgba(var(--wp-admin-theme-color--rgb), 0.12);
3465  }
3466  
3467  .dataviews-view-activity {
3468    margin: 0 0 auto;
3469    padding: 8px 24px;
3470  }
3471  
3472  .dataviews-view-activity .dataviews-view-activity__group-header {
3473    font-size: 15px;
3474    font-weight: 499;
3475    color: #949494;
3476    margin: 0 0 8px 0;
3477    padding: 0;
3478  }
3479  
3480  .dataviews-view-activity .dataviews-view-activity__item-actions {
3481    min-width: 24px;
3482  }
3483  
3484  .dataviews-view-activity .dataviews-view-activity__item-content {
3485    flex-grow: 1;
3486  }
3487  
3488  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
3489  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
3490  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3491    min-height: 16px;
3492  }
3493  
3494  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
3495    position: relative;
3496    display: flex;
3497    align-items: center;
3498    flex: 1;
3499    overflow: hidden;
3500  }
3501  
3502  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable {
3503    cursor: pointer;
3504  }
3505  
3506  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
3507    outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
3508    outline-offset: var(--wp-admin-border-width-focus);
3509    border-radius: 2px;
3510  }
3511  
3512  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
3513    display: flex;
3514    width: max-content;
3515    flex: 0 0 auto;
3516  }
3517  
3518  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions .components-button {
3519    position: relative;
3520    z-index: 1;
3521  }
3522  
3523  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3524    color: #757575;
3525    display: flex;
3526    gap: 12px;
3527    row-gap: 4px;
3528    flex-wrap: wrap;
3529  }
3530  
3531  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields:empty {
3532    display: none;
3533  }
3534  
3535  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field:has(.dataviews-view-activity__item-field-value:empty) {
3536    display: none;
3537  }
3538  
3539  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field-value {
3540    display: flex;
3541    align-items: center;
3542  }
3543  
3544  .dataviews-view-activity .dataviews-view-activity__item-type {
3545    align-self: stretch;
3546    flex-shrink: 0;
3547  }
3548  
3549  .dataviews-view-activity .dataviews-view-activity__item-type::after {
3550    content: "";
3551    flex: 1 1 auto;
3552    width: 1px;
3553    margin: 0 auto;
3554    background-color: #ddd;
3555  }
3556  
3557  .dataviews-view-activity .dataviews-view-activity__item-type::before {
3558    content: "";
3559    flex: 0 0 auto;
3560    width: 1px;
3561    margin: 0 auto;
3562    background-color: #ddd;
3563  }
3564  
3565  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
3566    width: 8px;
3567  }
3568  
3569  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
3570    height: 12px;
3571  }
3572  
3573  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
3574    width: 11px;
3575    height: 11px;
3576  }
3577  
3578  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
3579    margin: 12px 0;
3580  }
3581  
3582  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
3583    width: 24px;
3584  }
3585  
3586  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
3587    height: 12px;
3588  }
3589  
3590  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
3591    width: 25px;
3592    height: 25px;
3593  }
3594  
3595  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
3596    margin: 12px 0;
3597    padding-top: 8px;
3598  }
3599  
3600  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
3601    width: 32px;
3602  }
3603  
3604  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
3605    height: 8px;
3606  }
3607  
3608  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
3609    width: 33px;
3610    height: 33px;
3611  }
3612  
3613  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
3614    margin: 8px 0 16px;
3615    padding-top: 12px;
3616  }
3617  
3618  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
3619    width: 9px;
3620    height: 9px;
3621    position: relative;
3622    top: 50%;
3623    transform: translateY(-50%);
3624  }
3625  
3626  .dataviews-view-activity .dataviews-view-activity__item:first-child .dataviews-view-activity__item-type::before {
3627    visibility: hidden;
3628  }
3629  
3630  .dataviews-view-activity .dataviews-view-activity__group:last-of-type > .dataviews-view-activity__item:last-of-type .dataviews-view-activity__item-type::after, .dataviews-view-activity > .dataviews-view-activity__item:last-child .dataviews-view-activity__item-type::after {
3631    background: linear-gradient(to bottom, #ddd 0%, rgba(221, 221, 221, 0.2) 60%, rgba(221, 221, 221, 0) 100%);
3632  }
3633  
3634  .dataviews-view-activity .dataviews-view-activity__item-type-icon {
3635    overflow: hidden;
3636    flex-shrink: 0;
3637    background-color: #fff;
3638  }
3639  
3640  .dataviews-view-activity .dataviews-view-activity__item-type-icon img,
3641  .dataviews-view-activity .dataviews-view-activity__item-type-icon svg,
3642  .dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
3643    display: block;
3644    width: 100%;
3645    height: 100%;
3646    margin: 0 auto;
3647    object-fit: cover;
3648    border-radius: 50%;
3649    box-sizing: border-box;
3650    box-shadow: inset 0 0 0 1px #ddd;
3651  }
3652  
3653  .dataviews-view-activity .dataviews-view-activity__item-type-icon svg {
3654    padding: 4px;
3655  }
3656  
3657  .dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
3658    content: "";
3659    background-color: #ddd;
3660  }
3661  
3662  .dataviews-view-activity.is-refreshing {
3663    opacity: 0.5;
3664    pointer-events: none;
3665  }
3666  
3667  @media not (prefers-reduced-motion) {
3668    .dataviews-view-activity.is-refreshing {
3669      opacity: 1;
3670      animation: dataviews-pulse 1s ease-in-out infinite;
3671    }
3672  }
3673  .dataviews-view-activity + .dataviews-pagination {
3674    justify-content: space-between;
3675  }
3676  
3677  .dataviews-picker-footer__bulk-selection {
3678    align-self: flex-start;
3679    height: 32px;
3680  }
3681  
3682  .dataviews-picker-footer__actions {
3683    align-self: flex-end;
3684  }
3685  
3686  .dataviews-controls__datetime {
3687    border: none;
3688    padding: 0;
3689  }
3690  
3691  .dataviews-controls__relative-date-number,
3692  .dataviews-controls__relative-date-unit {
3693    flex: 1 1 50%;
3694  }
3695  
3696  .dataviews-controls__date input[type=date]::-webkit-inner-spin-button,
3697  .dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator {
3698    display: none;
3699    -webkit-appearance: none;
3700  }
3701  
3702  .dataviews-controls__date-range-inputs > * {
3703    min-width: 0;
3704  }
3705  
3706  .dataviews-controls__color-picker-dropdown {
3707    display: flex;
3708  }
3709  
3710  .dataviews-controls__date-preset {
3711    border: 1px solid #ddd;
3712  }
3713  
3714  .dataviews-controls__date-preset:active {
3715    background-color: #000;
3716  }
3717  
3718  .dataforms-layouts-panel__field-trigger {
3719    position: relative;
3720    color: inherit;
3721    display: flex;
3722    width: 100%;
3723    min-height: 24px;
3724    cursor: pointer;
3725    align-items: flex-start;
3726    border-radius: 2px;
3727    isolation: isolate;
3728  }
3729  
3730  .dataforms-layouts-panel__field-trigger--label-side {
3731    flex-direction: row;
3732    gap: var(--wpds-dimension-gap-md, 12px);
3733  }
3734  
3735  .dataforms-layouts-panel__field-trigger--label-top {
3736    display: grid;
3737    grid-template-columns: 1fr auto;
3738  }
3739  
3740  .dataforms-layouts-panel__field-trigger--label-none {
3741    align-items: center;
3742  }
3743  
3744  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
3745    color: var(--wp-admin-theme-color);
3746  }
3747  
3748  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
3749    opacity: 1;
3750  }
3751  
3752  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
3753    color: var(--wp-admin-theme-color);
3754  }
3755  
3756  .dataforms-layouts-panel__field-trigger.is-disabled {
3757    cursor: default;
3758  }
3759  
3760  .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
3761    color: #757575;
3762    font-weight: var(--wpds-font-weight-regular, 400);
3763  }
3764  
3765  .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
3766    opacity: 1;
3767    fill: currentColor;
3768  }
3769  
3770  .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:hover, .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3771    fill: var(--wp-admin-theme-color);
3772  }
3773  
3774  .dataforms-layouts-panel__field-trigger-icon {
3775    padding: 0;
3776    color: var(--wp-admin-theme-color);
3777    flex: 0 0 auto;
3778    opacity: 0;
3779    border-radius: var(--wpds-border-radius-xs, 1px);
3780  }
3781  
3782  .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3783    opacity: 1;
3784    outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wp-admin-theme-color);
3785  }
3786  
3787  .dataforms-layouts-panel__field-dropdown-anchor {
3788    width: 100%;
3789  }
3790  
3791  .dataforms-layouts-panel__field-dropdown-anchor .components-dropdown {
3792    width: 100%;
3793  }
3794  
3795  .dataforms-layouts-panel__field-label {
3796    width: 38%;
3797    flex-shrink: 0;
3798    min-height: 24px;
3799    display: flex;
3800    align-items: center;
3801    line-height: 20px;
3802    hyphens: auto;
3803    color: #757575;
3804    text-transform: capitalize;
3805  }
3806  
3807  .dataforms-layouts-panel__field-label .components-base-control__label {
3808    display: inline;
3809    margin-bottom: 0;
3810    line-height: inherit;
3811  }
3812  
3813  .dataforms-layouts-panel__field-label.has-error {
3814    color: #cc1818;
3815  }
3816  
3817  .dataforms-layouts-panel__field-label-error-content {
3818    position: relative;
3819    z-index: 1;
3820    cursor: help;
3821    fill: #cc1818;
3822    display: inline-flex;
3823    flex-direction: row;
3824    align-items: center;
3825    gap: 4px;
3826  }
3827  
3828  .dataforms-layouts-panel__field-label-error-content svg {
3829    fill: currentColor;
3830  }
3831  
3832  .dataforms-layouts-panel__field-control {
3833    flex-grow: 1;
3834    min-width: 0;
3835    min-height: 24px;
3836    line-height: var(--wpds-font-line-height-md, 24px);
3837    display: flex;
3838    align-items: center;
3839    overflow: hidden;
3840    font-weight: var(--wpds-font-weight-medium, 499);
3841  }
3842  
3843  .dataforms-layouts-panel__field-control > * {
3844    min-width: 0;
3845  }
3846  
3847  .dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
3848    width: 100%;
3849  }
3850  
3851  .dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-control {
3852    grid-column: 1/-1;
3853  }
3854  
3855  .dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-trigger-icon {
3856    grid-row: 1;
3857    grid-column: 2;
3858  }
3859  
3860  .dataforms-layouts-panel__field-dropdown .components-popover__content {
3861    min-width: 320px;
3862    padding: 16px;
3863  }
3864  
3865  .dataforms-layouts-panel__dropdown-header {
3866    margin-bottom: 16px;
3867  }
3868  
3869  .dataforms-layouts-panel__modal-footer {
3870    margin-top: 16px;
3871  }
3872  
3873  .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
3874    z-index: 159990;
3875  }
3876  
3877  .dataforms-layouts-regular__field {
3878    width: 100%;
3879    min-height: 32px;
3880    justify-content: flex-start !important;
3881    align-items: flex-start !important;
3882  }
3883  
3884  .dataforms-layouts-regular__field .components-base-control__label,
3885  .dataforms-layouts-regular__field .components-input-control__label,
3886  .dataforms-layouts-regular__field .components-form-token-field__label {
3887    color: #1e1e1e;
3888  }
3889  
3890  .dataforms-layouts-regular__field-label {
3891    width: 38%;
3892    flex-shrink: 0;
3893    min-height: 32px;
3894    display: flex;
3895    align-items: center;
3896    line-height: 20px;
3897    hyphens: auto;
3898  }
3899  
3900  .dataforms-layouts-regular__field-label--label-position-side {
3901    align-self: center;
3902  }
3903  
3904  .dataforms-layouts-regular__field-label .components-base-control__label {
3905    margin-bottom: 0;
3906  }
3907  
3908  .dataforms-layouts-regular__field-control {
3909    flex-grow: 1;
3910    min-height: 32px;
3911    display: flex;
3912    align-items: center;
3913  }
3914  
3915  .dataforms-layouts-card__field-header-label {
3916    font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3917    font-weight: 499;
3918    font-size: 15px;
3919    line-height: 20px;
3920  }
3921  
3922  .dataforms-layouts-card__field {
3923    width: 100%;
3924  }
3925  
3926  .dataforms-layouts-card__field-description {
3927    color: #757575;
3928    display: block;
3929    font-size: 13px;
3930    margin-bottom: 16px;
3931  }
3932  
3933  .dataforms-layouts-card__field-summary {
3934    display: flex;
3935    flex-direction: row;
3936    gap: 16px;
3937  }
3938  
3939  .dataforms-layouts-details__summary-content {
3940    display: inline-flex;
3941    min-height: 24px;
3942  }
3943  
3944  .dataforms-layouts-details__content {
3945    padding-top: 12px;
3946  }
3947  
3948  .dataforms-layouts-row__field-control {
3949    width: 100%;
3950  }
3951  
3952  .dataforms-layouts__wrapper {
3953    font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3954    font-weight: 400;
3955    font-size: 13px;
3956    line-height: 20px;
3957  }
3958  
3959  /**
3960   * Colors
3961   */
3962  /**
3963   * SCSS Variables.
3964   *
3965   * Please use variables from this sheet to ensure consistency across the UI.
3966   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
3967   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
3968   */
3969  /**
3970   * Fonts & basic variables.
3971   */
3972  /**
3973   * Typography
3974   */
3975  /**
3976   * Grid System.
3977   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
3978   */
3979  /**
3980   * Radius scale.
3981   */
3982  /**
3983   * Elevation scale.
3984   */
3985  /**
3986   * Dimensions.
3987   */
3988  /**
3989   * Mobile specific styles
3990   */
3991  /**
3992   * Editor styles.
3993   */
3994  /**
3995   * Block & Editor UI.
3996   */
3997  /**
3998   * Block paddings.
3999   */
4000  /**
4001   * React Native specific.
4002   * These variables do not appear to be used anywhere else.
4003   */
4004  .media-editor-preview {
4005    box-sizing: border-box;
4006    display: flex;
4007    justify-content: center;
4008    align-items: center;
4009    min-height: 100%;
4010    padding: 32px;
4011    position: relative;
4012  }
4013  
4014  .media-editor-preview__spinner {
4015    position: absolute;
4016    top: 50%;
4017    right: 50%;
4018    transform: translate(50%, -50%);
4019  }
4020  
4021  .media-editor-preview--loading {
4022    width: 100%;
4023    height: 100%;
4024  }
4025  
4026  .media-editor-preview--image img {
4027    max-width: 100%;
4028    max-height: 100%;
4029    object-fit: contain;
4030    width: auto;
4031    height: auto;
4032    opacity: 0;
4033  }
4034  
4035  @keyframes __wp-base-styles-fade-in {
4036    from {
4037      opacity: 0;
4038    }
4039    to {
4040      opacity: 1;
4041    }
4042  }
4043  @media not (prefers-reduced-motion) {
4044    .media-editor-preview--image img.loaded {
4045      animation: __wp-base-styles-fade-in 0.08s linear 0s;
4046      animation-fill-mode: forwards;
4047    }
4048  }
4049  .media-editor-preview--video video {
4050    max-width: 100%;
4051    max-height: 100%;
4052    object-fit: contain;
4053    width: auto;
4054    height: auto;
4055  }
4056  
4057  .media-editor-preview--audio audio {
4058    max-width: 100%;
4059  }
4060  
4061  .media-editor-preview--file {
4062    text-align: center;
4063  }
4064  
4065  .media-editor-preview__file-info {
4066    background: #f0f0f0;
4067    padding: 24px;
4068    border-radius: 2px;
4069  }
4070  
4071  .media-editor-preview__file-name {
4072    font-weight: 600;
4073    margin-bottom: 8px;
4074  }
4075  
4076  .media-editor-preview__mime-type {
4077    color: #757575;
4078    font-size: 0.9em;
4079    margin-bottom: 16px;
4080  }
4081  
4082  .media-editor-preview__download-link {
4083    display: inline-block;
4084    margin-top: 8px;
4085  }
4086  
4087  .media-editor-preview--error, .media-editor-preview--empty {
4088    color: #757575;
4089    text-align: center;
4090  }
4091  
4092  .media-editor-preview__url {
4093    font-size: 0.9em;
4094    color: #949494;
4095    word-break: break-all;
4096    margin-top: 8px;
4097  }
4098  
4099  .editor-autocompleters__user .editor-autocompleters__no-avatar::before {
4100    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
4101    font: normal 20px/1 dashicons;
4102    content: "\f110";
4103    margin-left: 5px;
4104    vertical-align: middle;
4105  }
4106  .editor-autocompleters__user .editor-autocompleters__user-avatar {
4107    margin-left: 8px;
4108    flex-grow: 0;
4109    flex-shrink: 0;
4110    max-width: none;
4111    width: 24px;
4112    height: 24px;
4113  }
4114  .editor-autocompleters__user .editor-autocompleters__user-name {
4115    white-space: nowrap;
4116    text-overflow: ellipsis;
4117    overflow: hidden;
4118    max-width: 200px;
4119    flex-shrink: 0;
4120    flex-grow: 1;
4121  }
4122  .editor-autocompleters__user .editor-autocompleters__user-slug {
4123    margin-right: 8px;
4124    white-space: nowrap;
4125    text-overflow: ellipsis;
4126    overflow: none;
4127    max-width: 100px;
4128    flex-grow: 0;
4129    flex-shrink: 0;
4130  }
4131  .editor-autocompleters__user:not(.is-primary) .editor-autocompleters__user-slug {
4132    color: #757575;
4133  }
4134  
4135  .interface-interface-skeleton__sidebar:has(.editor-collab-sidebar) {
4136    box-shadow: none;
4137  }
4138  .interface-interface-skeleton__sidebar:has(.editor-collab-sidebar) .interface-complementary-area-header {
4139    display: none;
4140  }
4141  
4142  .editor-collab-sidebar {
4143    height: 100%;
4144    overflow: hidden;
4145  }
4146  
4147  .editor-collab-sidebar-panel {
4148    padding: 16px 16px 24px;
4149    height: 100%;
4150    overflow: hidden;
4151  }
4152  
4153  .editor-collab-sidebar-panel__thread {
4154    position: relative;
4155    padding: 16px;
4156    border-radius: 8px;
4157    border: 1px solid #ddd;
4158    background-color: #f0f0f0;
4159    overflow: hidden;
4160    width: auto;
4161  }
4162  .editor-collab-sidebar-panel__thread.is-selected {
4163    background-color: #fff;
4164    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
4165    z-index: 1;
4166  }
4167  .editor-collab-sidebar-panel__thread:focus {
4168    outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
4169    outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
4170  }
4171  .editor-collab-sidebar-panel__thread.is-floating {
4172    right: 16px;
4173    left: 16px;
4174    position: absolute;
4175    margin-top: 16px;
4176  }
4177  
4178  .editor-collab-sidebar-panel__user-name {
4179    font-size: 12px;
4180    font-weight: 400;
4181    line-height: 16px;
4182    text-align: right;
4183    color: #757575;
4184    text-transform: capitalize;
4185  }
4186  
4187  .editor-collab-sidebar-panel__user-time {
4188    font-size: 12px;
4189    font-weight: 400;
4190    line-height: 16px;
4191    text-align: right;
4192    color: #757575;
4193  }
4194  
4195  .editor-collab-sidebar-panel__user-comment p:last-child {
4196    margin-bottom: 0;
4197  }
4198  
4199  .editor-collab-sidebar-panel__user-avatar {
4200    border-radius: 50%;
4201    flex-shrink: 0;
4202    border-width: var(--wp-admin-border-width-focus);
4203    border-style: solid;
4204    padding: var(--wp-admin-border-width-focus);
4205    background: #fff;
4206  }
4207  
4208  .editor-collab-sidebar-panel__comment-status {
4209    margin-right: auto;
4210  }
4211  .editor-collab-sidebar-panel__comment-status button.has-icon:not(.has-text) {
4212    min-width: 24px;
4213    padding: 0;
4214    width: 24px;
4215    height: 24px;
4216    flex-shrink: 0;
4217  }
4218  
4219  .editor-collab-sidebar-panel__comment-dropdown-menu {
4220    flex-shrink: 0;
4221  }
4222  
4223  .editor-collab-sidebar-panel__more-reply-separator::before, .editor-collab-sidebar-panel__more-reply-separator::after {
4224    content: "";
4225    display: block;
4226    width: 100%;
4227    height: 1px;
4228    background-color: #ddd;
4229    flex: 1;
4230  }
4231  
4232  .editor-collab-sidebar-panel__more-reply-button {
4233    font-weight: 499;
4234  }
4235  
4236  .editor-collab-sidebar-panel__resolution-text {
4237    font-style: italic;
4238  }
4239  
4240  .editor-collab-sidebar-panel__comment-form textarea {
4241    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4242    padding: 6px 8px;
4243    /* Fonts smaller than 16px causes mobile safari to zoom. */
4244    font-size: 16px;
4245    /* Override core line-height. To be reviewed. */
4246    line-height: normal;
4247    box-shadow: 0 0 0 transparent;
4248    border-radius: 2px;
4249    border: 1px solid #949494;
4250  }
4251  @media not (prefers-reduced-motion) {
4252    .editor-collab-sidebar-panel__comment-form textarea {
4253      transition: box-shadow 0.1s linear;
4254    }
4255  }
4256  @media (min-width: 600px) {
4257    .editor-collab-sidebar-panel__comment-form textarea {
4258      font-size: 13px;
4259      /* Override core line-height. To be reviewed. */
4260      line-height: normal;
4261    }
4262  }
4263  .editor-collab-sidebar-panel__comment-form textarea:focus {
4264    border-color: var(--wp-admin-theme-color);
4265    box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
4266    outline: 2px solid transparent;
4267  }
4268  .editor-collab-sidebar-panel__comment-form textarea::placeholder {
4269    color: rgba(30, 30, 30, 0.62);
4270  }
4271  .editor-collab-sidebar-panel__comment-form textarea {
4272    padding: 9px 11px;
4273    line-height: 20px !important;
4274    display: block;
4275  }
4276  
4277  .editor-collab-sidebar-panel__skip-to-comment,
4278  .editor-collab-sidebar-panel__skip-to-block {
4279    position: absolute;
4280    top: -9999px;
4281    left: -9999px;
4282    overflow: hidden;
4283    clip-path: inset(50%);
4284    background: #fff !important;
4285    z-index: -1;
4286  }
4287  .editor-collab-sidebar-panel__skip-to-comment:focus,
4288  .editor-collab-sidebar-panel__skip-to-block:focus {
4289    overflow: visible;
4290    clip-path: none;
4291    z-index: 1;
4292    left: 8px;
4293  }
4294  
4295  .editor-collab-sidebar-panel__skip-to-comment:focus {
4296    top: 8px;
4297  }
4298  
4299  .editor-collab-sidebar-panel__skip-to-block:focus {
4300    top: auto;
4301    bottom: 8px;
4302  }
4303  
4304  .comment-avatar {
4305    width: 24px;
4306    border-radius: 50%;
4307    margin-right: -12px;
4308    border-width: var(--wp-admin-border-width-focus);
4309    border-style: solid;
4310    padding: var(--wp-admin-border-width-focus);
4311    background: #fff;
4312    box-sizing: border-box;
4313  }
4314  .comment-avatar:first-child {
4315    margin-right: 0;
4316  }
4317  
4318  .show-icon-labels .comment-avatar-indicator {
4319    width: auto;
4320  }
4321  .show-icon-labels .comment-avatar-indicator div {
4322    display: none;
4323  }
4324  .show-icon-labels .comment-avatar-indicator::after {
4325    content: attr(aria-label);
4326    font-size: 12px;
4327  }
4328  
4329  .editor-avatar {
4330    position: relative;
4331    display: inline-flex;
4332    align-items: center;
4333    border-radius: 9999px;
4334    flex-shrink: 0;
4335    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
4336  }
4337  
4338  .editor-avatar__image {
4339    box-sizing: border-box;
4340    position: relative;
4341    width: 32px;
4342    height: 32px;
4343    border-radius: 9999px;
4344    border: 0;
4345    background-color: var(--wp-admin-theme-color, #3858e9);
4346    overflow: hidden;
4347    overflow: clip;
4348    flex-shrink: 0;
4349    font-size: 0;
4350    color: #fff;
4351  }
4352  .is-small > .editor-avatar__image {
4353    width: 24px;
4354    height: 24px;
4355  }
4356  .has-avatar-border-color > .editor-avatar__image {
4357    border: var(--wp-admin-border-width-focus) solid var(--editor-avatar-outline-color);
4358    background-clip: padding-box;
4359  }
4360  .has-avatar-border-color > .editor-avatar__image::after {
4361    content: "";
4362    position: absolute;
4363    inset: 0;
4364    border-radius: inherit;
4365    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus, 2px) #fff;
4366    pointer-events: none;
4367    z-index: 1;
4368  }
4369  
4370  .editor-avatar__img {
4371    position: absolute;
4372    inset: 0;
4373    width: 100%;
4374    height: 100%;
4375    object-fit: cover;
4376    border-radius: inherit;
4377    opacity: 0;
4378  }
4379  .has-src > .editor-avatar__image > .editor-avatar__img {
4380    opacity: 1;
4381  }
4382  
4383  .editor-avatar:not(.has-src) > .editor-avatar__image {
4384    display: flex;
4385    align-items: center;
4386    justify-content: center;
4387    font-size: 11px;
4388    font-weight: 499;
4389    border: 0;
4390    background-clip: border-box;
4391  }
4392  .editor-avatar:not(.has-src) > .editor-avatar__image::after {
4393    content: none;
4394  }
4395  
4396  .editor-avatar:not(.has-src).has-avatar-border-color > .editor-avatar__image {
4397    background-color: var(--editor-avatar-outline-color);
4398  }
4399  
4400  .editor-avatar__name {
4401    font-size: 13px;
4402    font-weight: 499;
4403    line-height: 20px;
4404    color: var(--editor-avatar-name-color, #fff);
4405    min-width: 0;
4406    padding-bottom: 2px;
4407    overflow: hidden;
4408    opacity: 0;
4409    white-space: nowrap;
4410    transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
4411  }
4412  
4413  .editor-avatar.is-badge {
4414    display: inline-grid;
4415    grid-template-columns: min-content 0fr;
4416    column-gap: 0;
4417    padding-inline-end: 0;
4418    background-color: var(--wp-admin-theme-color, #3858e9);
4419    transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
4420  }
4421  .editor-avatar.is-badge:hover {
4422    grid-template-columns: min-content 1fr;
4423    column-gap: 4px;
4424    padding-inline-end: 8px;
4425    transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
4426  }
4427  .editor-avatar.is-badge:hover .editor-avatar__name {
4428    opacity: 1;
4429    transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
4430  }
4431  
4432  .editor-avatar.is-badge.has-avatar-border-color {
4433    background-color: var(--editor-avatar-outline-color);
4434  }
4435  
4436  .editor-avatar.is-dimmed > .editor-avatar__image {
4437    opacity: 0.5;
4438    background-color: #757575;
4439  }
4440  
4441  .editor-avatar.is-dimmed.has-avatar-border-color > .editor-avatar__image {
4442    border-color: #757575;
4443  }
4444  
4445  .editor-avatar.is-dimmed .editor-avatar__img {
4446    filter: grayscale(1);
4447  }
4448  
4449  .editor-avatar__status-indicator {
4450    position: absolute;
4451    top: 0;
4452    right: 0;
4453    width: 32px;
4454    height: 32px;
4455    display: flex;
4456    align-items: center;
4457    justify-content: center;
4458    z-index: 1;
4459    color: #1e1e1e;
4460    fill: #1e1e1e;
4461  }
4462  .is-small > .editor-avatar__status-indicator {
4463    width: 24px;
4464    height: 24px;
4465  }
4466  .editor-avatar__status-indicator svg {
4467    width: 75%;
4468    height: 75%;
4469  }
4470  
4471  @media (prefers-reduced-motion: reduce) {
4472    .editor-avatar.is-badge,
4473    .editor-avatar__name {
4474      transition: none;
4475    }
4476  }
4477  .editor-avatar-group {
4478    display: flex;
4479    align-items: center;
4480  }
4481  .editor-avatar-group > .editor-avatar + .editor-avatar {
4482    margin-inline-start: -8px;
4483  }
4484  .editor-avatar-group > .editor-avatar {
4485    position: relative;
4486  }
4487  .editor-avatar-group > .editor-avatar:nth-child(1) {
4488    z-index: 10;
4489  }
4490  .editor-avatar-group > .editor-avatar:nth-child(2) {
4491    z-index: 9;
4492  }
4493  .editor-avatar-group > .editor-avatar:nth-child(3) {
4494    z-index: 8;
4495  }
4496  .editor-avatar-group > .editor-avatar:nth-child(4) {
4497    z-index: 7;
4498  }
4499  .editor-avatar-group > .editor-avatar:nth-child(5) {
4500    z-index: 6;
4501  }
4502  .editor-avatar-group > .editor-avatar:nth-child(6) {
4503    z-index: 5;
4504  }
4505  .editor-avatar-group > .editor-avatar:nth-child(7) {
4506    z-index: 4;
4507  }
4508  .editor-avatar-group > .editor-avatar:nth-child(8) {
4509    z-index: 3;
4510  }
4511  .editor-avatar-group > .editor-avatar:nth-child(9) {
4512    z-index: 2;
4513  }
4514  .editor-avatar-group > .editor-avatar:nth-child(10) {
4515    z-index: 1;
4516  }
4517  
4518  .editor-avatar-group__overflow {
4519    margin-inline-start: 4px;
4520    margin-inline-end: 4px;
4521    font-size: 12px;
4522    line-height: 20px;
4523    color: #1e1e1e;
4524    white-space: nowrap;
4525  }
4526  
4527  .editor-collapsible-block-toolbar {
4528    overflow: hidden;
4529    display: flex;
4530    align-items: center;
4531    height: 64px;
4532  }
4533  .editor-collapsible-block-toolbar .block-editor-block-contextual-toolbar {
4534    border-bottom: 0;
4535    height: 100%;
4536    background: transparent;
4537  }
4538  .editor-collapsible-block-toolbar .block-editor-block-toolbar {
4539    height: 100%;
4540    padding-top: 17px;
4541  }
4542  .editor-collapsible-block-toolbar .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button) {
4543    height: 32px;
4544  }
4545  .editor-collapsible-block-toolbar::after {
4546    content: "";
4547    width: 1px;
4548    height: 24px;
4549    background-color: #ddd;
4550    margin-left: 7px;
4551  }
4552  .editor-collapsible-block-toolbar .components-toolbar-group,
4553  .editor-collapsible-block-toolbar .components-toolbar {
4554    border-left: none;
4555    position: relative;
4556  }
4557  .editor-collapsible-block-toolbar .components-toolbar-group::after,
4558  .editor-collapsible-block-toolbar .components-toolbar::after {
4559    content: "";
4560    width: 1px;
4561    height: 24px;
4562    background-color: #ddd;
4563    top: 4px;
4564    position: absolute;
4565    left: -1px;
4566  }
4567  .editor-collapsible-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
4568  .editor-collapsible-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group::after {
4569    display: none;
4570  }
4571  .editor-collapsible-block-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button {
4572    height: 32px;
4573    overflow: visible;
4574  }
4575  @media (min-width: 600px) {
4576    .editor-collapsible-block-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
4577      height: 40px;
4578      position: relative;
4579      top: -4px;
4580    }
4581  }
4582  .editor-collapsible-block-toolbar.is-collapsed {
4583    display: none;
4584  }
4585  
4586  .editor-block-visibility__disabled-blocks-count {
4587    border: 1px solid #ddd;
4588    border-width: 1px 0;
4589    box-shadow: 32px 0 0 0 #fff, -32px 0 0 0 #fff;
4590    padding: 8px;
4591    background-color: #fff;
4592    text-align: center;
4593    position: sticky;
4594    top: -5px;
4595    z-index: 2;
4596  }
4597  .editor-block-visibility__disabled-blocks-count ~ .block-editor-block-manager__content .block-editor-block-manager__category-title {
4598    top: 31px;
4599  }
4600  .editor-block-visibility__disabled-blocks-count .is-link {
4601    margin-right: 12px;
4602  }
4603  
4604  .editor-blog-title-dropdown__content .components-popover__content {
4605    min-width: 320px;
4606    padding: 16px;
4607  }
4608  
4609  .editor-document-bar {
4610    display: flex;
4611    align-items: center;
4612    height: 32px;
4613    justify-content: space-between;
4614    min-width: 0;
4615    background: #f0f0f0;
4616    border-radius: 4px;
4617    width: min(100%, 450px);
4618  }
4619  .editor-document-bar:hover {
4620    background-color: #e0e0e0;
4621  }
4622  .editor-document-bar .components-button {
4623    border-radius: 4px;
4624  }
4625  @media not (prefers-reduced-motion) {
4626    .editor-document-bar .components-button {
4627      transition: background-color 0.1s ease-out;
4628    }
4629  }
4630  .editor-document-bar .components-button:hover {
4631    background: #e0e0e0;
4632  }
4633  @media screen and (min-width: 782px) and (max-width: 960px) {
4634    .editor-document-bar.has-back-button .editor-document-bar__post-type-label {
4635      display: none;
4636    }
4637  }
4638  
4639  .editor-document-bar__command {
4640    flex-grow: 1;
4641    color: var(--wp-block-synced-color);
4642    overflow: hidden;
4643  }
4644  
4645  .editor-document-bar__title {
4646    overflow: hidden;
4647    color: #1e1e1e;
4648    margin: 0 auto;
4649    max-width: 70%;
4650  }
4651  @media (min-width: 782px) {
4652    .editor-document-bar__title {
4653      padding-right: 24px;
4654    }
4655  }
4656  .editor-document-bar__title h1 {
4657    display: flex;
4658    align-items: center;
4659    justify-content: center;
4660    font-weight: 400;
4661    white-space: nowrap;
4662    overflow: hidden;
4663  }
4664  
4665  .editor-document-bar__post-title {
4666    color: currentColor;
4667    flex: 1;
4668    overflow: hidden;
4669    text-overflow: ellipsis;
4670  }
4671  
4672  .editor-document-bar__post-type-label {
4673    flex: 0;
4674    color: #2f2f2f;
4675    padding-right: 4px;
4676  }
4677  @media screen and (max-width: 600px) {
4678    .editor-document-bar__post-type-label {
4679      display: none;
4680    }
4681  }
4682  
4683  .editor-document-bar__shortcut {
4684    color: #2f2f2f;
4685    min-width: 24px;
4686    display: none;
4687  }
4688  @media (min-width: 782px) {
4689    .editor-document-bar__shortcut {
4690      display: initial;
4691    }
4692  }
4693  
4694  .editor-document-bar__back.components-button.has-icon.has-text {
4695    min-width: 36px;
4696    flex-shrink: 0;
4697    color: #757575;
4698    gap: 0;
4699    z-index: 1;
4700    position: absolute;
4701  }
4702  .editor-document-bar__back.components-button.has-icon.has-text:hover {
4703    color: #1e1e1e;
4704    background-color: transparent;
4705  }
4706  
4707  .editor-document-bar__icon-layout.editor-document-bar__icon-layout {
4708    position: absolute;
4709    margin-right: 12px;
4710    display: none;
4711    pointer-events: none;
4712  }
4713  .editor-document-bar__icon-layout.editor-document-bar__icon-layout svg {
4714    fill: #949494;
4715  }
4716  @media (min-width: 600px) {
4717    .editor-document-bar__icon-layout.editor-document-bar__icon-layout {
4718      display: flex;
4719    }
4720  }
4721  
4722  .document-outline ul {
4723    margin: 0;
4724    padding: 0;
4725  }
4726  
4727  .document-outline__item {
4728    display: flex;
4729    margin: 4px 0;
4730  }
4731  .document-outline__item a {
4732    text-decoration: none;
4733  }
4734  .document-outline__item .document-outline__emdash::before {
4735    color: #ddd;
4736    margin-left: 4px;
4737  }
4738  .document-outline__item.is-h2 .document-outline__emdash::before {
4739    content: "—";
4740  }
4741  .document-outline__item.is-h3 .document-outline__emdash::before {
4742    content: "——";
4743  }
4744  .document-outline__item.is-h4 .document-outline__emdash::before {
4745    content: "———";
4746  }
4747  .document-outline__item.is-h5 .document-outline__emdash::before {
4748    content: "————";
4749  }
4750  .document-outline__item.is-h6 .document-outline__emdash::before {
4751    content: "—————";
4752  }
4753  
4754  .document-outline__button {
4755    cursor: pointer;
4756    background: none;
4757    border: none;
4758    display: flex;
4759    align-items: flex-start;
4760    margin: 0 -1px 0 0;
4761    padding: 2px 1px 2px 5px;
4762    color: #1e1e1e;
4763    text-align: right;
4764    border-radius: 2px;
4765  }
4766  .document-outline__button[aria-disabled=true], .document-outline__button:disabled {
4767    cursor: default;
4768    color: #757575;
4769  }
4770  .document-outline__button:focus {
4771    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4772    outline: 2px solid transparent;
4773  }
4774  
4775  .document-outline__level {
4776    background: #ddd;
4777    color: #1e1e1e;
4778    border-radius: 3px;
4779    font-size: 13px;
4780    padding: 1px 6px;
4781    margin-left: 4px;
4782  }
4783  .is-invalid .document-outline__level {
4784    background: #f0b849;
4785  }
4786  
4787  .document-outline__item-content {
4788    padding: 1px 0;
4789  }
4790  
4791  .editor-document-outline.has-no-headings > svg {
4792    margin-top: 28px;
4793  }
4794  .editor-document-outline.has-no-headings > p {
4795    padding-right: 32px;
4796    padding-left: 32px;
4797  }
4798  .editor-document-outline.has-no-headings {
4799    text-align: center;
4800    color: #757575;
4801  }
4802  
4803  .editor-document-tools {
4804    display: inline-flex;
4805    align-items: center;
4806  }
4807  .editor-document-tools .editor-document-tools__left > .editor-history__redo,
4808  .editor-document-tools .editor-document-tools__left > .editor-history__undo {
4809    display: none;
4810  }
4811  @media (min-width: 782px) {
4812    .editor-document-tools .editor-document-tools__left > .editor-history__redo,
4813    .editor-document-tools .editor-document-tools__left > .editor-history__undo {
4814      display: inline-flex;
4815    }
4816  }
4817  .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle {
4818    display: inline-flex;
4819  }
4820  @media not (prefers-reduced-motion) {
4821    .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle svg {
4822      transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
4823    }
4824  }
4825  .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.is-pressed svg {
4826    transform: rotate(-45deg);
4827  }
4828  .editor-document-tools .block-editor-list-view {
4829    display: none;
4830  }
4831  @media (min-width: 600px) {
4832    .editor-document-tools .block-editor-list-view {
4833      display: flex;
4834    }
4835  }
4836  .editor-document-tools .editor-document-tools__left > .components-button.has-icon,
4837  .editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon {
4838    height: 32px;
4839    min-width: 32px;
4840    padding: 4px;
4841  }
4842  .editor-document-tools .editor-document-tools__left > .components-button.has-icon.is-pressed,
4843  .editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon.is-pressed {
4844    background: #1e1e1e;
4845  }
4846  .editor-document-tools .editor-document-tools__left > .components-button.has-icon:focus:not(:disabled),
4847  .editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
4848    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
4849    outline: 1px solid transparent;
4850  }
4851  .editor-document-tools .editor-document-tools__left > .components-button.has-icon::before,
4852  .editor-document-tools .editor-document-tools__left > .components-dropdown > .components-button.has-icon::before {
4853    display: none;
4854  }
4855  
4856  .editor-document-tools__left {
4857    display: inline-flex;
4858    align-items: center;
4859    gap: 8px;
4860  }
4861  .editor-document-tools__left:not(:last-child) {
4862    margin-inline-end: 8px;
4863  }
4864  
4865  .show-icon-labels .editor-document-tools .editor-document-tools__left > .editor-document-tools__inserter-toggle.has-icon {
4866    width: auto;
4867    padding: 0 8px;
4868  }
4869  
4870  .show-icon-labels .editor-document-tools__left > * + * {
4871    margin-right: 8px;
4872  }
4873  
4874  .editor-editor-interface .entities-saved-states__panel-header {
4875    height: 65px;
4876  }
4877  
4878  .editor-editor-interface .interface-interface-skeleton__content {
4879    isolation: isolate;
4880  }
4881  
4882  .editor-visual-editor {
4883    flex: 1 0 auto;
4884  }
4885  
4886  .editor-notices__dismissible,
4887  .editor-notices__pinned {
4888    position: relative;
4889    right: 0;
4890    top: 0;
4891    left: 0;
4892  }
4893  
4894  .entities-saved-states__panel-header {
4895    box-sizing: border-box;
4896    background: #fff;
4897    padding-right: 16px;
4898    padding-left: 16px;
4899    height: 64px;
4900    border-bottom: 1px solid #ddd;
4901  }
4902  
4903  .entities-saved-states__text-prompt {
4904    padding: 16px;
4905    padding-bottom: 4px;
4906  }
4907  .entities-saved-states__text-prompt .entities-saved-states__text-prompt--header {
4908    display: block;
4909    margin-bottom: 12px;
4910  }
4911  
4912  .entities-saved-states__panel.is-inline .entities-saved-states__text-prompt {
4913    padding: 0;
4914  }
4915  .entities-saved-states__panel.is-inline .entities-saved-states__panel-body {
4916    padding-right: 0;
4917    padding-left: 0;
4918    border: 0;
4919  }
4920  .entities-saved-states__panel.is-inline .entities-saved-states__panel-body > h2 {
4921    margin-right: -16px;
4922    margin-left: -16px;
4923    margin-bottom: 0;
4924  }
4925  .entities-saved-states__panel.is-inline .entities-saved-states__panel-body > h2 button {
4926    font-size: 11px;
4927    text-transform: uppercase;
4928  }
4929  .entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--header-wrapper {
4930    display: none;
4931  }
4932  .entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--changes-count {
4933    margin-top: 0;
4934    margin-bottom: 8px;
4935  }
4936  .entities-saved-states__panel.is-inline .entities-saved-states__panel-footer {
4937    margin-top: 16px;
4938  }
4939  
4940  .entities-saved-states__change-control {
4941    flex: 1;
4942  }
4943  
4944  .entities-saved-states__changes {
4945    font-size: 13px;
4946    margin: 4px 24px 0 16px;
4947    list-style: disc;
4948  }
4949  .entities-saved-states__changes li {
4950    margin-bottom: 4px;
4951  }
4952  
4953  .editor-error-boundary {
4954    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4955    margin: auto;
4956    max-width: 780px;
4957    padding: 1em;
4958    margin-top: 64px;
4959    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
4960    border: 1px solid #1e1e1e;
4961    border-radius: 2px;
4962    background-color: #fff;
4963  }
4964  
4965  .editor-global-styles-header__description {
4966    padding: 0 16px;
4967  }
4968  
4969  .editor-global-styles-header {
4970    margin-bottom: 0 !important;
4971  }
4972  
4973  .editor-global-styles-sidebar {
4974    display: flex;
4975    flex-direction: column;
4976    min-height: 100%;
4977  }
4978  .editor-global-styles-sidebar__panel {
4979    flex: 1;
4980  }
4981  
4982  .editor-global-styles-sidebar .editor-global-styles-sidebar__header-title {
4983    margin: 0;
4984  }
4985  
4986  .editor-global-styles-sidebar .editor-global-styles-sidebar__header-actions {
4987    flex: 1;
4988  }
4989  
4990  .editor-global-styles-sidebar .components-navigation__menu-title-heading {
4991    font-size: 15.6px;
4992    font-weight: 499;
4993  }
4994  
4995  .editor-global-styles-sidebar .components-navigation__item > button span {
4996    font-weight: 499;
4997  }
4998  
4999  .editor-global-styles-sidebar .block-editor-panel-color-gradient-settings {
5000    border: 0;
5001  }
5002  
5003  .editor-global-styles-sidebar .single-column {
5004    grid-column: span 1;
5005  }
5006  
5007  .editor-global-styles-sidebar .components-tools-panel .span-columns {
5008    grid-column: 1/-1;
5009  }
5010  
5011  .editor-global-styles-sidebar__blocks-group {
5012    padding-top: 24px;
5013    border-top: 1px solid #e0e0e0;
5014  }
5015  
5016  .editor-global-styles-sidebar__blocks-group-help {
5017    padding: 0 16px;
5018  }
5019  
5020  .global-styles-ui-color-palette-panel,
5021  .global-styles-ui-gradient-palette-panel {
5022    padding: 16px;
5023  }
5024  
5025  .editor-global-styles-sidebar hr {
5026    margin: 0;
5027  }
5028  
5029  .show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon {
5030    width: auto;
5031  }
5032  .show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon svg {
5033    display: none;
5034  }
5035  .show-icon-labels .editor-global-styles-sidebar__header .components-button.has-icon::after {
5036    content: attr(aria-label);
5037    font-size: 12px;
5038  }
5039  
5040  .editor-welcome-guide {
5041    width: 312px;
5042  }
5043  .editor-welcome-guide.guide-styles .editor-welcome-guide__image {
5044    background: #00a0d2;
5045  }
5046  .editor-welcome-guide__image {
5047    margin: 0 0 16px;
5048  }
5049  .editor-welcome-guide__image > img {
5050    display: block;
5051    max-width: 100%;
5052    object-fit: cover;
5053  }
5054  .editor-welcome-guide__heading {
5055    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5056    font-size: 24px;
5057    line-height: 1.4;
5058    margin: 16px 0 16px 0;
5059    padding: 0 32px;
5060  }
5061  .editor-welcome-guide__text {
5062    font-size: 13px;
5063    line-height: 1.4;
5064    margin: 0 0 16px 0;
5065    padding: 0 32px;
5066  }
5067  .editor-welcome-guide__text img {
5068    vertical-align: bottom;
5069  }
5070  .editor-welcome-guide .components-button:hover svg {
5071    fill: #fff;
5072  }
5073  
5074  .editor-header {
5075    box-sizing: border-box;
5076  }
5077  .editor-header *,
5078  .editor-header *::before,
5079  .editor-header *::after {
5080    box-sizing: inherit;
5081  }
5082  .editor-header {
5083    height: 64px;
5084    background: #fff;
5085    display: grid;
5086    grid-auto-flow: row;
5087    grid-template: auto/64px minmax(0, max-content) minmax(min-content, 1fr) 64px;
5088  }
5089  .editor-header:has(> .editor-header__center) {
5090    grid-template: auto/64px min-content 1fr min-content 64px;
5091  }
5092  @media (min-width: 782px) {
5093    .editor-header:has(> .editor-header__center) {
5094      grid-template: auto/64px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 64px;
5095    }
5096  }
5097  @media (min-width: 480px) {
5098    .editor-header {
5099      gap: 16px;
5100    }
5101  }
5102  .editor-header {
5103    align-items: center;
5104    max-width: 100vw;
5105    justify-content: space-between;
5106  }
5107  @media (min-width: 280px) {
5108    .editor-header {
5109      flex-wrap: nowrap;
5110    }
5111  }
5112  
5113  .editor-header__toolbar {
5114    grid-column: 1/3;
5115  }
5116  .editor-header__toolbar > :first-child {
5117    margin-inline: 16px 0;
5118  }
5119  .editor-header__back-button + .editor-header__toolbar {
5120    grid-column: 2/3;
5121  }
5122  @media (min-width: 480px) {
5123    .editor-header__back-button + .editor-header__toolbar > :first-child {
5124      margin-inline: 0;
5125    }
5126  }
5127  .editor-header__toolbar {
5128    display: flex;
5129    min-width: 0;
5130    align-items: center;
5131    clip-path: inset(-2px);
5132  }
5133  @media (min-width: 480px) {
5134    .editor-header__toolbar {
5135      clip-path: none;
5136    }
5137  }
5138  .editor-header__toolbar .table-of-contents {
5139    display: none;
5140  }
5141  @media (min-width: 600px) {
5142    .editor-header__toolbar .table-of-contents {
5143      display: block;
5144    }
5145  }
5146  .editor-header__toolbar .editor-collapsible-block-toolbar {
5147    margin-inline: 8px 0;
5148  }
5149  .editor-header__toolbar .editor-collapsible-block-toolbar.is-collapsed ~ .editor-collapsible-block-toolbar__toggle {
5150    margin-inline: 8px 0;
5151  }
5152  
5153  .editor-header__center {
5154    grid-column: 3/4;
5155    display: flex;
5156    justify-content: center;
5157    align-items: center;
5158    min-width: 0;
5159    clip-path: inset(-2px);
5160  }
5161  @media (max-width: 479px) {
5162    .editor-header__center > :first-child {
5163      margin-inline-start: 8px;
5164    }
5165    .editor-header__center > :last-child {
5166      margin-inline-end: 8px;
5167    }
5168  }
5169  .editor-revisions-header .editor-header__center {
5170    clip-path: none;
5171  }
5172  
5173  /**
5174   * Buttons on the right side
5175   */
5176  .editor-header__settings {
5177    grid-column: 3/-1;
5178  }
5179  .editor-header:has(> .editor-header__center) .editor-header__settings {
5180    grid-column: 4/-1;
5181  }
5182  .editor-header__settings {
5183    justify-self: end;
5184    display: inline-flex;
5185    align-items: center;
5186    flex-wrap: nowrap;
5187    padding-left: 4px;
5188  }
5189  @media (min-width: 600px) {
5190    .editor-header__settings {
5191      padding-left: 8px;
5192    }
5193  }
5194  .editor-header__settings {
5195    gap: 8px;
5196  }
5197  
5198  /**
5199   * Show icon labels.
5200   */
5201  .show-icon-labels.interface-pinned-items .components-button.has-icon,
5202  .show-icon-labels .editor-header .components-button.has-icon {
5203    width: auto;
5204  }
5205  .show-icon-labels.interface-pinned-items .components-button.has-icon svg,
5206  .show-icon-labels .editor-header .components-button.has-icon svg {
5207    display: none;
5208  }
5209  .show-icon-labels.interface-pinned-items .components-button.has-icon::after,
5210  .show-icon-labels .editor-header .components-button.has-icon::after {
5211    content: attr(aria-label);
5212    white-space: nowrap;
5213  }
5214  .show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true],
5215  .show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true] {
5216    background-color: transparent;
5217  }
5218  .show-icon-labels.interface-pinned-items .is-tertiary:active,
5219  .show-icon-labels .editor-header .is-tertiary:active {
5220    box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
5221    background-color: transparent;
5222  }
5223  .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,
5224  .show-icon-labels .editor-header .components-button.has-icon.button-toggle svg {
5225    display: block;
5226  }
5227  .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after,
5228  .show-icon-labels .editor-header .components-button.has-icon.button-toggle::after {
5229    content: none;
5230  }
5231  .show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
5232  .show-icon-labels .editor-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon {
5233    display: block;
5234  }
5235  .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5236  .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
5237  .show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5238  .show-icon-labels .editor-header .interface-pinned-items .components-button {
5239    padding-right: 8px;
5240    padding-left: 8px;
5241  }
5242  @media (min-width: 600px) {
5243    .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5244    .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
5245    .show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
5246    .show-icon-labels .editor-header .interface-pinned-items .components-button {
5247      padding-right: 12px;
5248      padding-left: 12px;
5249    }
5250  }
5251  .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
5252  .show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state::after,
5253  .show-icon-labels .editor-header .editor-post-save-draft.editor-post-save-draft::after,
5254  .show-icon-labels .editor-header .editor-post-saved-state.editor-post-saved-state::after {
5255    content: none;
5256  }
5257  
5258  .show-icon-labels .editor-header__toolbar .block-editor-block-mover {
5259    border-right: none;
5260  }
5261  .show-icon-labels .editor-header__toolbar .block-editor-block-mover::before {
5262    content: "";
5263    width: 1px;
5264    height: 24px;
5265    background-color: #ddd;
5266    margin-top: 4px;
5267    margin-right: 8px;
5268  }
5269  .show-icon-labels .editor-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before {
5270    width: calc(100% - 24px);
5271    background: #ddd;
5272    right: calc(50% + 1px);
5273  }
5274  
5275  .show-icon-labels.interface-pinned-items {
5276    padding: 6px 12px 12px;
5277    margin-top: 0;
5278    margin-bottom: 0;
5279    margin-right: -12px;
5280    margin-left: -12px;
5281    border-bottom: 1px solid #ccc;
5282    display: block;
5283  }
5284  .show-icon-labels.interface-pinned-items > .components-button.has-icon {
5285    margin: 0;
5286    padding: 6px 8px 6px 6px;
5287    width: 14.625rem;
5288    justify-content: flex-start;
5289  }
5290  .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg {
5291    display: block;
5292    max-width: 24px;
5293  }
5294  .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] {
5295    padding-right: 40px;
5296  }
5297  .show-icon-labels.interface-pinned-items > .components-button.has-icon svg {
5298    margin-left: 8px;
5299  }
5300  
5301  @media (min-width: 480px) {
5302    .editor-header__post-preview-button {
5303      display: none;
5304    }
5305  }
5306  
5307  .editor-editor-interface.is-distraction-free .interface-interface-skeleton__header {
5308    border-bottom: none;
5309  }
5310  .editor-editor-interface.is-distraction-free .editor-header {
5311    background-color: #fff;
5312    width: 100%;
5313  }
5314  @media (min-width: 782px) {
5315    .editor-editor-interface.is-distraction-free .editor-header {
5316      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.133);
5317      position: absolute;
5318    }
5319  }
5320  .editor-editor-interface.is-distraction-free .editor-header > .edit-post-header__settings > .edit-post-header__post-preview-button {
5321    visibility: hidden;
5322  }
5323  .editor-editor-interface.is-distraction-free .editor-header > .editor-header__toolbar .editor-document-tools__document-overview-toggle, .editor-editor-interface.is-distraction-free .editor-header > .editor-header__settings > .editor-preview-dropdown, .editor-editor-interface.is-distraction-free .editor-header > .editor-header__settings > .interface-pinned-items, .editor-editor-interface.is-distraction-free .editor-header > .editor-header__settings > .editor-zoom-out-toggle {
5324    display: none;
5325  }
5326  .editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within {
5327    opacity: 1 !important;
5328  }
5329  .editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within div {
5330    transform: translateX(0) translateZ(0) !important;
5331  }
5332  .editor-editor-interface.is-distraction-free .components-editor-notices__dismissible {
5333    position: absolute;
5334    z-index: 35;
5335  }
5336  
5337  .components-popover.more-menu-dropdown__content {
5338    z-index: 99998;
5339  }
5340  
5341  .editor-inserter-sidebar {
5342    box-sizing: border-box;
5343  }
5344  .editor-inserter-sidebar *,
5345  .editor-inserter-sidebar *::before,
5346  .editor-inserter-sidebar *::after {
5347    box-sizing: inherit;
5348  }
5349  .editor-inserter-sidebar {
5350    height: 100%;
5351    display: flex;
5352    flex-direction: column;
5353  }
5354  
5355  .editor-inserter-sidebar__content {
5356    height: 100%;
5357  }
5358  
5359  .editor-keyboard-shortcut-help-modal__section {
5360    margin: 0 0 2rem 0;
5361  }
5362  .editor-keyboard-shortcut-help-modal__section-title {
5363    font-size: 0.9rem;
5364    font-weight: 600;
5365  }
5366  .editor-keyboard-shortcut-help-modal__shortcut {
5367    display: flex;
5368    align-items: baseline;
5369    padding: 0.6rem 0;
5370    border-top: 1px solid #ddd;
5371    margin-bottom: 0;
5372  }
5373  .editor-keyboard-shortcut-help-modal__shortcut:last-child {
5374    border-bottom: 1px solid #ddd;
5375  }
5376  .editor-keyboard-shortcut-help-modal__shortcut:empty {
5377    display: none;
5378  }
5379  .editor-keyboard-shortcut-help-modal__shortcut-term {
5380    font-weight: 600;
5381    margin: 0 1rem 0 0;
5382    text-align: left;
5383  }
5384  .editor-keyboard-shortcut-help-modal__shortcut-description {
5385    flex: 1;
5386    margin: 0;
5387  }
5388  .editor-keyboard-shortcut-help-modal__shortcut-key-combination {
5389    display: block;
5390    background: none;
5391    margin: 0;
5392    padding: 0;
5393  }
5394  .editor-keyboard-shortcut-help-modal__shortcut-key-combination + .editor-keyboard-shortcut-help-modal__shortcut-key-combination {
5395    margin-top: 10px;
5396  }
5397  .editor-keyboard-shortcut-help-modal__shortcut-key {
5398    padding: 0.25rem 0.5rem;
5399    border-radius: 8%;
5400    margin: 0 0.2rem 0 0.2rem;
5401  }
5402  .editor-keyboard-shortcut-help-modal__shortcut-key:last-child {
5403    margin: 0 0.2rem 0 0;
5404  }
5405  
5406  .editor-list-view-sidebar {
5407    height: 100%;
5408  }
5409  @media (min-width: 782px) {
5410    .editor-list-view-sidebar {
5411      width: 350px;
5412    }
5413  }
5414  
5415  .editor-list-view-sidebar__list-view-panel-content,
5416  .editor-list-view-sidebar__list-view-container > .document-outline {
5417    height: 100%;
5418  }
5419  .editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar,
5420  .editor-list-view-sidebar__list-view-container > .document-outline::-webkit-scrollbar {
5421    width: 12px;
5422    height: 12px;
5423  }
5424  .editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-track,
5425  .editor-list-view-sidebar__list-view-container > .document-outline::-webkit-scrollbar-track {
5426    background-color: transparent;
5427  }
5428  .editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-thumb,
5429  .editor-list-view-sidebar__list-view-container > .document-outline::-webkit-scrollbar-thumb {
5430    background-color: transparent;
5431    border-radius: 8px;
5432    border: 3px solid transparent;
5433    background-clip: padding-box;
5434  }
5435  .editor-list-view-sidebar__list-view-panel-content:hover::-webkit-scrollbar-thumb, .editor-list-view-sidebar__list-view-panel-content:focus::-webkit-scrollbar-thumb, .editor-list-view-sidebar__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,
5436  .editor-list-view-sidebar__list-view-container > .document-outline:hover::-webkit-scrollbar-thumb,
5437  .editor-list-view-sidebar__list-view-container > .document-outline:focus::-webkit-scrollbar-thumb,
5438  .editor-list-view-sidebar__list-view-container > .document-outline:focus-within::-webkit-scrollbar-thumb {
5439    background-color: #949494;
5440  }
5441  .editor-list-view-sidebar__list-view-panel-content,
5442  .editor-list-view-sidebar__list-view-container > .document-outline {
5443    scrollbar-width: thin;
5444    scrollbar-gutter: stable both-edges;
5445    scrollbar-color: transparent transparent;
5446  }
5447  .editor-list-view-sidebar__list-view-panel-content:hover, .editor-list-view-sidebar__list-view-panel-content:focus, .editor-list-view-sidebar__list-view-panel-content:focus-within,
5448  .editor-list-view-sidebar__list-view-container > .document-outline:hover,
5449  .editor-list-view-sidebar__list-view-container > .document-outline:focus,
5450  .editor-list-view-sidebar__list-view-container > .document-outline:focus-within {
5451    scrollbar-color: #949494 transparent;
5452  }
5453  .editor-list-view-sidebar__list-view-panel-content,
5454  .editor-list-view-sidebar__list-view-container > .document-outline {
5455    will-change: transform;
5456  }
5457  @media (hover: none) {
5458    .editor-list-view-sidebar__list-view-panel-content,
5459    .editor-list-view-sidebar__list-view-container > .document-outline {
5460      scrollbar-color: #949494 transparent;
5461    }
5462  }
5463  .editor-list-view-sidebar__list-view-panel-content,
5464  .editor-list-view-sidebar__list-view-container > .document-outline {
5465    overflow: auto;
5466    scrollbar-gutter: auto;
5467  }
5468  
5469  .editor-list-view-sidebar__list-view-panel-content {
5470    padding: 4px;
5471  }
5472  
5473  .editor-list-view-sidebar__list-view-container {
5474    display: flex;
5475    flex-direction: column;
5476    height: 100%;
5477  }
5478  .editor-list-view-sidebar__list-view-container > .document-outline {
5479    padding: 16px;
5480  }
5481  
5482  .editor-list-view-sidebar__tab-panel {
5483    height: 100%;
5484  }
5485  
5486  .editor-list-view-sidebar__outline {
5487    display: flex;
5488    flex-direction: column;
5489    gap: 8px;
5490    border-bottom: 1px solid #ddd;
5491    padding: 16px;
5492  }
5493  .editor-list-view-sidebar__outline > div > span:first-child {
5494    width: 90px;
5495    display: inline-block;
5496  }
5497  .editor-list-view-sidebar__outline > div > span {
5498    font-size: 12px;
5499    line-height: 1.4;
5500    color: #757575;
5501  }
5502  
5503  .editor-post-parent__panel,
5504  .editor-post-order__panel {
5505    padding-top: 8px;
5506  }
5507  .editor-post-parent__panel .editor-post-panel__row-control > div,
5508  .editor-post-order__panel .editor-post-panel__row-control > div {
5509    width: 100%;
5510  }
5511  
5512  .editor-post-parent__panel-dialog .editor-post-parent,
5513  .editor-post-parent__panel-dialog .editor-post-order,
5514  .editor-post-order__panel-dialog .editor-post-parent,
5515  .editor-post-order__panel-dialog .editor-post-order {
5516    margin: 8px;
5517  }
5518  .editor-post-parent__panel-dialog .components-popover__content,
5519  .editor-post-order__panel-dialog .components-popover__content {
5520    min-width: 320px;
5521  }
5522  
5523  .editor-post-author__panel {
5524    padding-top: 8px;
5525  }
5526  
5527  .editor-post-author__panel .editor-post-panel__row-control > div {
5528    width: 100%;
5529  }
5530  
5531  .editor-post-author__panel-dialog .editor-post-author {
5532    min-width: 248px;
5533    margin: 8px;
5534  }
5535  
5536  .editor-action-modal {
5537    z-index: 1000001;
5538  }
5539  
5540  .editor-post-card-panel__content {
5541    flex-grow: 1;
5542  }
5543  .editor-post-card-panel__title {
5544    width: 100%;
5545  }
5546  .editor-post-card-panel__title.editor-post-card-panel__title {
5547    font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5548    font-weight: 499;
5549    font-size: 13px;
5550    line-height: 20px;
5551    margin: 0;
5552    display: flex;
5553    align-items: center;
5554    flex-wrap: wrap;
5555    column-gap: 8px;
5556    row-gap: 4px;
5557    word-break: break-word;
5558  }
5559  .editor-post-card-panel__icon {
5560    flex: 0 0 24px;
5561    width: 24px;
5562    height: 24px;
5563  }
5564  .editor-post-card-panel__header {
5565    display: flex;
5566    justify-content: space-between;
5567  }
5568  .editor-post-card-panel.has-description .editor-post-card-panel__header {
5569    margin-bottom: 8px;
5570  }
5571  .editor-post-card-panel .editor-post-card-panel__title-name {
5572    padding: 2px 0;
5573  }
5574  .editor-post-card-panel .editor-post-card-panel__description {
5575    color: #757575;
5576  }
5577  
5578  .editor-post-content-information {
5579    color: #757575;
5580  }
5581  .editor-post-content-information .components-text {
5582    color: inherit;
5583  }
5584  
5585  .editor-post-discussion__panel-dialog .editor-post-discussion {
5586    min-width: 248px;
5587    margin: 8px;
5588  }
5589  
5590  .editor-post-discussion__panel-toggle .components-text {
5591    color: inherit;
5592  }
5593  
5594  .editor-post-discussion__panel-dialog .components-popover__content {
5595    min-width: 320px;
5596  }
5597  
5598  .editor-post-excerpt__textarea {
5599    width: 100%;
5600    margin-bottom: 10px;
5601  }
5602  
5603  .editor-post-excerpt__dropdown__content .components-popover__content {
5604    min-width: 320px;
5605    padding: 16px;
5606  }
5607  
5608  .editor-post-featured-image {
5609    padding: 0;
5610  }
5611  .editor-post-featured-image .hidden {
5612    display: none;
5613  }
5614  .editor-post-featured-image .components-spinner {
5615    position: absolute;
5616    top: 50%;
5617    right: 50%;
5618    margin-top: -9px;
5619    margin-right: -9px;
5620  }
5621  
5622  .editor-post-featured-image__container {
5623    position: relative;
5624  }
5625  .editor-post-featured-image__container:hover .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image), .editor-post-featured-image__container:focus .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image), .editor-post-featured-image__container:focus-within .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-is-requesting-image) {
5626    opacity: 1;
5627  }
5628  .editor-post-featured-image__container .editor-post-featured-image__actions.editor-post-featured-image__actions-missing-image {
5629    opacity: 1;
5630    margin-top: 16px;
5631  }
5632  .editor-post-featured-image__container .components-drop-zone__content {
5633    border-radius: 2px;
5634  }
5635  .editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner {
5636    display: flex;
5637    align-items: center;
5638    gap: 8px;
5639  }
5640  .editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
5641    margin: 0;
5642  }
5643  
5644  .editor-post-featured-image__toggle,
5645  .editor-post-featured-image__preview {
5646    width: 100%;
5647    padding: 0;
5648    box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
5649    overflow: hidden;
5650    outline-offset: -1px;
5651    min-height: 40px;
5652    display: flex;
5653    justify-content: center;
5654  }
5655  
5656  .editor-post-featured-image__preview {
5657    height: auto !important;
5658    outline: 1px solid rgba(0, 0, 0, 0.1);
5659    background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
5660    background-position: 0 0, 12px 12px;
5661    background-size: 24px 24px;
5662  }
5663  .editor-post-featured-image__preview .editor-post-featured-image__preview-image {
5664    object-fit: cover;
5665    width: 100%;
5666    object-position: 50% 50%;
5667    aspect-ratio: 2/1;
5668  }
5669  
5670  .editor-post-featured-image__toggle {
5671    box-shadow: inset 0 0 0 1px #ccc;
5672  }
5673  .editor-post-featured-image__toggle:focus:not(:disabled) {
5674    box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5675  }
5676  
5677  .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) {
5678    bottom: 0;
5679    opacity: 0;
5680    padding: 8px;
5681    position: absolute;
5682  }
5683  @media not (prefers-reduced-motion) {
5684    .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) {
5685      transition: opacity 50ms ease-out;
5686    }
5687  }
5688  .editor-post-featured-image__actions:not(.editor-post-featured-image__actions-missing-image) .editor-post-featured-image__action {
5689    backdrop-filter: blur(16px) saturate(180%);
5690    background: rgba(255, 255, 255, 0.75);
5691  }
5692  .editor-post-featured-image__actions .editor-post-featured-image__action {
5693    flex-grow: 1;
5694    justify-content: center;
5695  }
5696  
5697  [class].editor-post-format__suggestion {
5698    margin: 4px 0 0 0;
5699  }
5700  
5701  .editor-post-format__dialog .editor-post-format__dialog-content {
5702    min-width: 248px;
5703    margin: 8px;
5704  }
5705  
5706  .editor-post-last-edited-panel {
5707    color: #757575;
5708  }
5709  .editor-post-last-edited-panel .components-text {
5710    color: inherit;
5711  }
5712  
5713  .editor-post-last-revision__title {
5714    width: 100%;
5715    font-weight: 499;
5716  }
5717  
5718  .editor-post-last-revision__title.components-button.has-icon {
5719    height: 100%;
5720    justify-content: space-between;
5721  }
5722  .editor-post-last-revision__title.components-button.has-icon:hover, .editor-post-last-revision__title.components-button.has-icon:active {
5723    background: #f0f0f0;
5724  }
5725  .editor-post-last-revision__title.components-button.has-icon:focus {
5726    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5727    border-radius: 0;
5728  }
5729  
5730  .components-panel__body.is-opened.editor-post-last-revision__panel {
5731    padding: 0;
5732    height: 48px;
5733  }
5734  .components-panel__body.is-opened.editor-post-last-revision__panel .editor-post-last-revision__title.components-button.components-button {
5735    padding: 16px;
5736  }
5737  
5738  .editor-post-locked-modal__buttons {
5739    margin-top: 24px;
5740  }
5741  
5742  .editor-post-locked-modal__avatar {
5743    border-radius: 50%;
5744    margin-top: 16px;
5745    min-width: initial !important;
5746  }
5747  
5748  .editor-post-panel__row {
5749    width: 100%;
5750    min-height: 32px;
5751    justify-content: flex-start !important;
5752    align-items: flex-start !important;
5753  }
5754  
5755  .editor-post-panel__row-label {
5756    width: 38%;
5757    flex-shrink: 0;
5758    min-height: 32px;
5759    display: flex;
5760    align-items: center;
5761    padding: 6px 0;
5762    line-height: 20px;
5763    hyphens: auto;
5764    word-break: break-word;
5765  }
5766  
5767  .editor-post-panel__row-control {
5768    flex-grow: 1;
5769    min-height: 32px;
5770    display: flex;
5771    align-items: center;
5772  }
5773  .editor-post-panel__row-control .components-button {
5774    max-width: 100%;
5775    text-align: right;
5776    white-space: normal;
5777    text-wrap: balance;
5778    text-wrap: pretty;
5779    height: auto;
5780    min-height: 32px;
5781    font-weight: 400;
5782  }
5783  .editor-post-panel__row-control .components-dropdown {
5784    max-width: 100%;
5785  }
5786  
5787  .editor-post-panel__section {
5788    padding: 16px;
5789  }
5790  
5791  .editor-post-publish-panel__content {
5792    min-height: calc(100% - 148px);
5793  }
5794  .editor-post-publish-panel__content > .components-spinner {
5795    display: block;
5796    margin: 100px auto 0;
5797  }
5798  
5799  .editor-post-publish-panel__header {
5800    background: #fff;
5801    padding-right: 16px;
5802    padding-left: 16px;
5803    height: 65px;
5804    border-bottom: 1px solid #ddd;
5805    display: flex;
5806    align-items: center;
5807    align-content: space-between;
5808  }
5809  .editor-post-publish-panel__header .components-button {
5810    width: 100%;
5811    justify-content: center;
5812  }
5813  .editor-post-publish-panel__header .has-icon {
5814    margin-right: auto;
5815    width: auto;
5816  }
5817  
5818  .components-site-card {
5819    display: flex;
5820    align-items: center;
5821    margin: 16px 0;
5822  }
5823  
5824  .components-site-icon {
5825    border: none;
5826    border-radius: 2px;
5827    margin-left: 12px;
5828    flex-shrink: 0;
5829    height: 36px;
5830    width: 36px;
5831  }
5832  
5833  .components-site-name {
5834    display: block;
5835    font-size: 14px;
5836  }
5837  
5838  .components-site-home {
5839    display: block;
5840    color: #757575;
5841    font-size: 12px;
5842    word-break: break-word;
5843  }
5844  
5845  .editor-post-publish-panel__header-publish-button,
5846  .editor-post-publish-panel__header-cancel-button {
5847    flex: 1;
5848  }
5849  @media (min-width: 480px) {
5850    .editor-post-publish-panel__header-publish-button,
5851    .editor-post-publish-panel__header-cancel-button {
5852      max-width: 160px;
5853    }
5854  }
5855  
5856  .editor-post-publish-panel__header-publish-button {
5857    padding-right: 4px;
5858    justify-content: center;
5859  }
5860  
5861  .editor-post-publish-panel__header-cancel-button {
5862    padding-left: 4px;
5863  }
5864  
5865  .editor-post-publish-panel__header-published {
5866    flex-grow: 1;
5867  }
5868  
5869  .editor-post-publish-panel__footer {
5870    padding: 16px;
5871  }
5872  
5873  .components-button.editor-post-publish-panel__toggle.is-primary {
5874    display: inline-flex;
5875    align-items: center;
5876  }
5877  .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
5878    display: none;
5879  }
5880  .components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
5881    margin-left: -4px;
5882  }
5883  
5884  .editor-post-publish-panel__link {
5885    font-weight: 400;
5886    padding-right: 4px;
5887  }
5888  
5889  .editor-post-publish-panel__prepublish {
5890    padding: 16px;
5891  }
5892  .editor-post-publish-panel__prepublish strong {
5893    color: #1e1e1e;
5894  }
5895  .editor-post-publish-panel__prepublish .components-panel__body {
5896    background: #fff;
5897    margin-right: -16px;
5898    margin-left: -16px;
5899  }
5900  .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
5901    display: none;
5902  }
5903  .editor-post-publish-panel__prepublish .components-panel__body-title .components-button {
5904    align-items: flex-start;
5905    text-wrap: balance;
5906    text-wrap: pretty;
5907  }
5908  
5909  .post-publish-panel__postpublish .components-panel__body {
5910    border-bottom: 1px solid #e0e0e0;
5911    border-top: none;
5912    word-break: break-word;
5913  }
5914  
5915  .post-publish-panel__postpublish-buttons {
5916    display: flex;
5917    align-content: space-between;
5918    flex-wrap: wrap;
5919    gap: 16px;
5920  }
5921  .post-publish-panel__postpublish-buttons .components-button,
5922  .post-publish-panel__postpublish-buttons .components-button.has-icon {
5923    justify-content: center;
5924    flex: 1;
5925    min-width: unset;
5926  }
5927  .post-publish-panel__postpublish-buttons .components-clipboard-button {
5928    width: 100%;
5929  }
5930  
5931  .post-publish-panel__postpublish-post-address-container {
5932    display: flex;
5933    align-items: flex-end;
5934    margin-bottom: 16px;
5935  }
5936  .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address {
5937    flex: 1;
5938  }
5939  .post-publish-panel__postpublish-post-address-container input[readonly] {
5940    padding: 12px;
5941    background: #f0f0f0;
5942    border-color: #ccc;
5943    overflow: hidden;
5944    text-overflow: ellipsis;
5945    height: 36px;
5946  }
5947  
5948  .post-publish-panel__postpublish-post-address__copy-button-wrap {
5949    flex-shrink: 0;
5950    margin-right: 16px;
5951  }
5952  
5953  .post-publish-panel__postpublish-header {
5954    font-weight: 499;
5955  }
5956  
5957  .post-publish-panel__postpublish-subheader {
5958    margin: 0 0 8px;
5959  }
5960  
5961  .post-publish-panel__tip {
5962    color: #f0b849;
5963  }
5964  
5965  @media screen and (max-width: 782px) {
5966    .post-publish-panel__postpublish-post-address__button-wrap .components-button {
5967      height: 40px;
5968    }
5969  }
5970  .editor-post-publish-panel {
5971    box-sizing: border-box;
5972  }
5973  .editor-post-publish-panel *,
5974  .editor-post-publish-panel *::before,
5975  .editor-post-publish-panel *::after {
5976    box-sizing: inherit;
5977  }
5978  .editor-post-publish-panel {
5979    position: fixed;
5980    z-index: 100001;
5981    background: #fff;
5982    top: 46px;
5983    bottom: 0;
5984    left: 0;
5985    right: 0;
5986    overflow: auto;
5987  }
5988  @media (min-width: 782px) {
5989    .editor-post-publish-panel {
5990      z-index: 99998;
5991      top: 32px;
5992      right: auto;
5993      width: 281px;
5994      border-right: 1px solid #ddd;
5995    }
5996  }
5997  @media (min-width: 782px) and (not (prefers-reduced-motion)) {
5998    .editor-post-publish-panel {
5999      transform: translateX(-100%);
6000      animation: editor-post-publish-panel__slide-in-animation 0.1s forwards;
6001    }
6002  }
6003  @media (min-width: 782px) {
6004    body.is-fullscreen-mode .editor-post-publish-panel {
6005      top: 0;
6006    }
6007    [role=region]:focus .editor-post-publish-panel {
6008      transform: translateX(0%);
6009    }
6010  }
6011  
6012  @keyframes editor-post-publish-panel__slide-in-animation {
6013    100% {
6014      transform: translateX(0%);
6015    }
6016  }
6017  .editor-revisions-header__slider {
6018    width: 100%;
6019  }
6020  .editor-revisions-header__slider .components-range-control__tooltip {
6021    white-space: nowrap;
6022  }
6023  
6024  .editor-revisions-header__no-revisions {
6025    color: #757575;
6026    font-size: 13px;
6027  }
6028  
6029  .editor-revisions-canvas__loading {
6030    display: flex;
6031    align-items: center;
6032    justify-content: center;
6033    height: 100%;
6034  }
6035  
6036  .editor-revisions-canvas__content {
6037    display: flex;
6038    height: 100%;
6039  }
6040  .editor-revisions-canvas__content .editor-visual-editor {
6041    flex: 1;
6042    min-width: 0;
6043  }
6044  
6045  .revision-diff-markers {
6046    position: relative;
6047    flex-shrink: 0;
6048    width: max(16px, 1rem);
6049    background: rgba(0, 0, 0, 0.05);
6050  }
6051  .revision-diff-markers .revision-diff-marker {
6052    position: absolute;
6053    width: 100%;
6054    min-height: 4px;
6055    border: none;
6056    padding: 0;
6057    cursor: pointer;
6058    transition: opacity 0.1s ease;
6059  }
6060  .revision-diff-markers .revision-diff-marker.is-added {
6061    background: #00a32a;
6062  }
6063  .revision-diff-markers .revision-diff-marker.is-removed {
6064    background: repeating-linear-gradient(-45deg, #d63638, #d63638 3px, rgba(214, 54, 56, 0.45) 3px, rgba(214, 54, 56, 0.45) 6px);
6065  }
6066  .revision-diff-markers .revision-diff-marker.is-modified {
6067    background: repeating-linear-gradient(45deg, #dba617, #dba617 3px, rgba(219, 166, 23, 0.45) 3px, rgba(219, 166, 23, 0.45) 6px);
6068  }
6069  .revision-diff-markers .revision-diff-marker:hover {
6070    opacity: 0.7;
6071  }
6072  .revision-diff-markers .revision-diff-marker:focus {
6073    outline: 2px solid #1e1e1e;
6074    outline-offset: -2px;
6075  }
6076  
6077  .editor-revision-fields-diff__value {
6078    word-break: break-word;
6079  }
6080  
6081  .editor-revision-fields-diff__added {
6082    background-color: color-mix(in srgb, currentColor 5%, #00a32a 15%);
6083    text-decoration: none;
6084  }
6085  
6086  .editor-revision-fields-diff__removed {
6087    text-decoration: line-through;
6088    color: #d63638;
6089  }
6090  
6091  .editor-post-saved-state {
6092    display: flex;
6093    align-items: center;
6094    width: 28px;
6095    padding: 12px 4px;
6096    color: #757575;
6097    overflow: hidden;
6098    white-space: nowrap;
6099  }
6100  .editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover {
6101    background: transparent;
6102    color: #757575;
6103  }
6104  .editor-post-saved-state svg {
6105    display: inline-block;
6106    flex: 0 0 auto;
6107    fill: currentColor;
6108    margin-left: 8px;
6109  }
6110  @media (min-width: 600px) {
6111    .editor-post-saved-state {
6112      width: auto;
6113      padding: 8px 12px;
6114      text-indent: inherit;
6115    }
6116    .editor-post-saved-state svg {
6117      margin-left: 0;
6118    }
6119  }
6120  
6121  .editor-post-save-draft.has-text.has-icon svg {
6122    margin-left: 0;
6123  }
6124  
6125  .editor-post-schedule__panel-dropdown {
6126    width: 100%;
6127  }
6128  
6129  .editor-post-schedule__dialog .components-popover__content {
6130    min-width: 320px;
6131    padding: 16px;
6132  }
6133  
6134  .editor-post-status {
6135    max-width: 100%;
6136  }
6137  .editor-post-status.is-read-only {
6138    padding: 6px 12px;
6139  }
6140  .editor-post-status .editor-post-status__toggle.editor-post-status__toggle {
6141    padding-top: 4px;
6142    padding-bottom: 4px;
6143  }
6144  
6145  .editor-change-status__password-fieldset,
6146  .editor-change-status__publish-date-wrapper {
6147    border-top: 1px solid #e0e0e0;
6148    padding-top: 16px;
6149  }
6150  
6151  .editor-change-status__content .components-popover__content {
6152    min-width: 320px;
6153    padding: 16px;
6154  }
6155  .editor-change-status__content .editor-change-status__password-legend {
6156    padding: 0;
6157    margin-bottom: 8px;
6158  }
6159  .editor-change-status__content p.components-base-control__help:has(.components-checkbox-control__help) {
6160    margin-top: 4px;
6161  }
6162  
6163  .editor-post-sticky__checkbox-control {
6164    border-top: 1px solid #e0e0e0;
6165    padding-top: 16px;
6166  }
6167  
6168  .editor-post-sync-status__value {
6169    padding: 6px 12px 6px 0;
6170  }
6171  
6172  .editor-post-taxonomies__hierarchical-terms-list {
6173    max-height: 14em;
6174    overflow: auto;
6175    margin-right: -6px;
6176    padding-right: 6px;
6177    margin-top: -6px;
6178    padding-top: 6px;
6179  }
6180  
6181  .editor-post-taxonomies__hierarchical-terms-choice {
6182    margin-bottom: 8px;
6183  }
6184  .editor-post-taxonomies__hierarchical-terms-choice:last-child {
6185    margin-bottom: 4px;
6186  }
6187  
6188  .editor-post-taxonomies__hierarchical-terms-subchoices {
6189    margin-top: 8px;
6190    margin-right: 16px;
6191  }
6192  
6193  .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
6194    margin-bottom: 4px;
6195  }
6196  
6197  .editor-post-taxonomies__flat-term-most-used-list {
6198    margin: 0;
6199  }
6200  .editor-post-taxonomies__flat-term-most-used-list li {
6201    display: inline-block;
6202    margin-left: 8px;
6203  }
6204  
6205  .editor-sync-connection-error-modal {
6206    z-index: 1000001;
6207  }
6208  
6209  .editor-sync-connection-error-modal p {
6210    margin: 0;
6211  }
6212  
6213  .editor-sync-connection-error-modal__retry-countdown {
6214    color: #757575;
6215  }
6216  
6217  .editor-post-template__swap-template-modal {
6218    z-index: 1000001;
6219  }
6220  .editor-post-template__swap-template-modal .editor-post-template__swap-template-search {
6221    background: #fff;
6222    position: sticky;
6223    top: 0;
6224    padding: 16px 0;
6225    transform: translateY(-4px);
6226    margin-bottom: -4px;
6227    z-index: 2;
6228  }
6229  
6230  .editor-post-template__create-template-modal {
6231    z-index: 1000001;
6232  }
6233  
6234  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
6235    column-count: 2;
6236    column-gap: 24px;
6237    padding-top: 2px;
6238  }
6239  @media (min-width: 782px) {
6240    .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
6241      column-count: 3;
6242    }
6243  }
6244  @media (min-width: 1280px) {
6245    .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
6246      column-count: 4;
6247    }
6248  }
6249  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
6250    break-inside: avoid-column;
6251  }
6252  
6253  .editor-post-template__dropdown .components-popover__content {
6254    min-width: 240px;
6255  }
6256  .editor-post-template__dropdown .components-button.is-pressed,
6257  .editor-post-template__dropdown .components-button.is-pressed:hover {
6258    background: inherit;
6259    color: inherit;
6260  }
6261  
6262  @media (min-width: 782px) {
6263    .editor-post-template__create-form {
6264      width: 320px;
6265    }
6266  }
6267  
6268  .editor-post-template__classic-theme-dropdown {
6269    padding: 8px;
6270  }
6271  
6272  textarea.editor-post-text-editor {
6273    border: 1px solid #949494;
6274    border-radius: 0;
6275    display: block;
6276    margin: 0;
6277    width: 100%;
6278    box-shadow: none;
6279    resize: none;
6280    overflow: hidden;
6281    font-family: Menlo, Consolas, monaco, monospace;
6282    line-height: 2.4;
6283    min-height: 200px;
6284  }
6285  @media not (prefers-reduced-motion) {
6286    textarea.editor-post-text-editor {
6287      transition: border 0.1s ease-out, box-shadow 0.1s linear;
6288    }
6289  }
6290  textarea.editor-post-text-editor {
6291    padding: 16px;
6292  }
6293  @media (min-width: 600px) {
6294    textarea.editor-post-text-editor {
6295      padding: 24px;
6296    }
6297  }
6298  textarea.editor-post-text-editor {
6299    /* Fonts smaller than 16px causes mobile safari to zoom. */
6300    font-size: 16px !important;
6301  }
6302  @media (min-width: 600px) {
6303    textarea.editor-post-text-editor {
6304      font-size: 15px !important;
6305    }
6306  }
6307  textarea.editor-post-text-editor:focus {
6308    border-color: var(--wp-admin-theme-color);
6309    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6310    position: relative;
6311  }
6312  textarea.editor-post-text-editor::placeholder {
6313    color: rgba(30, 30, 30, 0.62);
6314  }
6315  
6316  .editor-post-title.is-raw-text {
6317    margin-bottom: 24px;
6318    margin-top: 2px;
6319    max-width: none;
6320  }
6321  
6322  .editor-post-url__panel-dropdown {
6323    width: 100%;
6324  }
6325  
6326  .editor-post-url__panel-dialog .editor-post-url {
6327    min-width: 248px;
6328    margin: 8px;
6329  }
6330  .editor-post-url__link,
6331  .editor-post-url__front-page-link {
6332    direction: ltr;
6333    word-break: break-word;
6334  }
6335  .editor-post-url__front-page-link {
6336    padding: 6px 12px;
6337    border-radius: 2px;
6338    color: var(--wp-admin-theme-color);
6339  }
6340  .editor-post-url__front-page-link:hover {
6341    background: color-mix(in srgb, var(--wp-admin-theme-color) 4%, transparent);
6342    color: var(--wp-admin-theme-color-darker-20, #183ad6);
6343  }
6344  .editor-post-url__front-page-link:focus {
6345    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6346    color: var(--wp-admin-theme-color);
6347    outline: 3px solid rgba(0, 0, 0, 0);
6348  }
6349  
6350  .editor-post-url__link-slug {
6351    font-weight: 600;
6352  }
6353  
6354  .editor-post-url__input input.components-input-control__input {
6355    padding-inline-start: 0 !important;
6356  }
6357  
6358  .editor-post-url__panel-toggle,
6359  .editor-post-parent__panel-toggle {
6360    word-break: break-word;
6361  }
6362  
6363  .editor-post-url__intro {
6364    margin: 0;
6365  }
6366  
6367  .editor-post-url__permalink {
6368    margin-top: 8px;
6369    margin-bottom: 0;
6370  }
6371  .editor-post-url__permalink-visual-label {
6372    display: block;
6373  }
6374  
6375  .editor-posts-per-page-dropdown__content .components-popover__content {
6376    min-width: 320px;
6377    padding: 16px;
6378  }
6379  
6380  .editor-post-trash.components-button {
6381    flex-grow: 1;
6382    justify-content: center;
6383  }
6384  
6385  .editor-preview-dropdown .editor-preview-dropdown__toggle.has-icon.has-text {
6386    padding-left: 4px;
6387    padding-right: 6px;
6388  }
6389  
6390  .editor-preview-dropdown__button-external {
6391    width: 100%;
6392    display: flex;
6393    justify-content: space-between;
6394  }
6395  
6396  .editor-resizable-editor.is-resizable {
6397    overflow: visible;
6398    margin: 0 auto;
6399  }
6400  
6401  .editor-resizable-editor__resize-handle {
6402    position: absolute;
6403    top: 0;
6404    bottom: 0;
6405    padding: 0;
6406    margin: auto 0;
6407    width: 12px;
6408    appearance: none;
6409    cursor: ew-resize;
6410    outline: none;
6411    background: none;
6412    border-radius: 9999px;
6413    border: 0;
6414    height: 100px;
6415  }
6416  .editor-resizable-editor__resize-handle::after {
6417    position: absolute;
6418    top: 16px;
6419    right: 4px;
6420    left: 0;
6421    bottom: 16px;
6422    content: "";
6423    width: 4px;
6424    background-color: rgba(117, 117, 117, 0.4);
6425    border-radius: 9999px;
6426  }
6427  .editor-resizable-editor__resize-handle.is-left {
6428    right: -18px;
6429  }
6430  .editor-resizable-editor__resize-handle.is-right {
6431    left: -18px;
6432  }
6433  .editor-resizable-editor__resize-handle:hover, .editor-resizable-editor__resize-handle:focus, .editor-resizable-editor__resize-handle:active {
6434    opacity: 1;
6435  }
6436  .editor-resizable-editor__resize-handle:hover::after, .editor-resizable-editor__resize-handle:focus::after, .editor-resizable-editor__resize-handle:active::after {
6437    background-color: var(--wp-admin-theme-color);
6438  }
6439  
6440  .editor-layout__toggle-publish-panel,
6441  .editor-layout__toggle-sidebar-panel,
6442  .editor-layout__toggle-entities-saved-states-panel {
6443    z-index: 100000;
6444    position: fixed !important;
6445    top: -9999em;
6446    bottom: auto;
6447    right: auto;
6448    left: 0;
6449    box-sizing: border-box;
6450    width: 280px;
6451    background-color: #fff;
6452    border: 1px dotted #ddd;
6453    height: auto !important;
6454    padding: 24px;
6455    display: flex;
6456    justify-content: center;
6457  }
6458  
6459  .interface-interface-skeleton__actions:focus .editor-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .editor-layout__toggle-entities-saved-states-panel,
6460  .interface-interface-skeleton__actions:focus .editor-layout__toggle-publish-panel,
6461  .interface-interface-skeleton__actions:focus-within .editor-layout__toggle-publish-panel {
6462    top: auto;
6463    bottom: 0;
6464  }
6465  
6466  .editor-start-page-options__modal .editor-start-page-options__modal__actions {
6467    position: absolute;
6468    bottom: 0;
6469    width: 100%;
6470    height: 72px;
6471    background-color: #fff;
6472    margin-right: -32px;
6473    margin-left: -32px;
6474    padding-right: 32px;
6475    padding-left: 32px;
6476    border-top: 1px solid #ddd;
6477    z-index: 1;
6478  }
6479  .editor-start-page-options__modal .block-editor-block-patterns-list {
6480    padding-bottom: 72px;
6481  }
6482  
6483  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
6484    column-count: 2;
6485    column-gap: 24px;
6486  }
6487  @media (min-width: 782px) {
6488    .editor-start-page-options__modal-content .block-editor-block-patterns-list {
6489      column-count: 3;
6490    }
6491  }
6492  @media (min-width: 1280px) {
6493    .editor-start-page-options__modal-content .block-editor-block-patterns-list {
6494      column-count: 4;
6495    }
6496  }
6497  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
6498    break-inside: avoid-column;
6499    margin-bottom: 24px;
6500  }
6501  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
6502    min-height: 100px;
6503  }
6504  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content {
6505    width: 100%;
6506  }
6507  
6508  .editor-start-template-options__modal .editor-start-template-options__modal__actions {
6509    position: absolute;
6510    bottom: 0;
6511    width: 100%;
6512    height: 92px;
6513    background-color: #fff;
6514    margin-right: -32px;
6515    margin-left: -32px;
6516    padding-right: 32px;
6517    padding-left: 32px;
6518    border-top: 1px solid #ddd;
6519    z-index: 1;
6520  }
6521  .editor-start-template-options__modal .block-editor-block-patterns-list {
6522    padding-bottom: 92px;
6523  }
6524  
6525  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
6526    column-count: 2;
6527    column-gap: 24px;
6528  }
6529  @media (min-width: 782px) {
6530    .editor-start-template-options__modal-content .block-editor-block-patterns-list {
6531      column-count: 3;
6532    }
6533  }
6534  @media (min-width: 1280px) {
6535    .editor-start-template-options__modal-content .block-editor-block-patterns-list {
6536      column-count: 4;
6537    }
6538  }
6539  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
6540    break-inside: avoid-column;
6541  }
6542  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title {
6543    display: none;
6544  }
6545  
6546  .components-panel__header.editor-sidebar__panel-tabs {
6547    padding-right: 0;
6548    padding-left: 8px;
6549  }
6550  .components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon {
6551    padding: 0;
6552  }
6553  @media (min-width: 782px) {
6554    .components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon {
6555      display: flex;
6556    }
6557  }
6558  
6559  .editor-post-summary .components-v-stack:empty {
6560    display: none;
6561  }
6562  
6563  .editor-sidebar {
6564    box-sizing: border-box;
6565  }
6566  .editor-sidebar *,
6567  .editor-sidebar *::before,
6568  .editor-sidebar *::after {
6569    box-sizing: inherit;
6570  }
6571  .editor-sidebar__revisions-block-message {
6572    padding: 16px;
6573    color: #757575;
6574    font-size: 13px;
6575  }
6576  
6577  .editor-site-discussion-dropdown__content .components-popover__content {
6578    min-width: 320px;
6579    padding: 16px;
6580  }
6581  
6582  .editor-style-book {
6583    height: 100%;
6584  }
6585  .editor-style-book.is-button {
6586    border-radius: 8px;
6587  }
6588  .editor-style-book {
6589    display: flex;
6590    flex-direction: column;
6591    align-items: stretch;
6592  }
6593  
6594  .editor-style-book__iframe {
6595    display: block;
6596    height: 100%;
6597    width: 100%;
6598  }
6599  .editor-style-book__iframe.is-button {
6600    border-radius: 8px;
6601  }
6602  .editor-style-book__iframe.is-focused {
6603    outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color);
6604    outline-offset: calc(-2 * var(--wp-admin-border-width-focus));
6605  }
6606  
6607  .editor-style-book__tablist-container {
6608    flex: none;
6609    display: flex;
6610    width: 100%;
6611    padding-left: 56px;
6612    background: #fff;
6613  }
6614  
6615  .editor-style-book__tabpanel {
6616    flex: 1 0 auto;
6617    overflow: auto;
6618  }
6619  
6620  .editor-styles-canvas {
6621    height: 100%;
6622    padding: 16px;
6623    background-color: var(--wp-editor-canvas-background);
6624  }
6625  .editor-styles-canvas iframe {
6626    display: block;
6627    width: 100%;
6628    height: 100%;
6629  }
6630  
6631  .editor-styles-canvas__section {
6632    background: #fff;
6633    border-radius: 8px;
6634    bottom: 0;
6635    right: 0;
6636    overflow: hidden;
6637    position: absolute;
6638    left: 0;
6639    top: 0;
6640  }
6641  @media not (prefers-reduced-motion) {
6642    .editor-styles-canvas__section {
6643      transition: all 0.3s;
6644    }
6645  }
6646  
6647  .editor-styles-canvas__close-button {
6648    position: absolute;
6649    left: 8px;
6650    top: 8px;
6651    z-index: 2;
6652    background: #fff;
6653  }
6654  
6655  .table-of-contents__popover.components-popover .components-popover__content {
6656    min-width: 380px;
6657  }
6658  
6659  .components-popover.table-of-contents__popover {
6660    z-index: 99998;
6661  }
6662  
6663  .table-of-contents__popover .components-popover__content {
6664    padding: 16px;
6665  }
6666  @media (min-width: 600px) {
6667    .table-of-contents__popover .components-popover__content {
6668      max-height: calc(100vh - 120px);
6669      overflow-y: auto;
6670    }
6671  }
6672  .table-of-contents__popover hr {
6673    margin: 10px -16px 0;
6674  }
6675  
6676  .table-of-contents__wrapper:focus::before {
6677    content: "";
6678    display: block;
6679    position: absolute;
6680    top: 0;
6681    left: 0;
6682    bottom: 0;
6683    right: 0;
6684    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6685    pointer-events: none;
6686  }
6687  
6688  .table-of-contents__counts {
6689    display: flex;
6690    flex-wrap: wrap;
6691    margin: 0;
6692    margin-top: -8px;
6693  }
6694  
6695  .table-of-contents__count {
6696    flex-basis: 33%;
6697    display: flex;
6698    flex-direction: column;
6699    font-size: 13px;
6700    color: #1e1e1e;
6701    padding-left: 8px;
6702    margin-bottom: 0;
6703    margin-top: 8px;
6704  }
6705  .table-of-contents__count:nth-child(4n) {
6706    padding-left: 0;
6707  }
6708  
6709  .table-of-contents__number,
6710  .table-of-contents__popover .word-count {
6711    font-size: 21px;
6712    font-weight: 400;
6713    line-height: 30px;
6714    color: #1e1e1e;
6715  }
6716  
6717  .table-of-contents__title {
6718    display: block;
6719    margin-top: 20px;
6720    font-size: 15px;
6721    font-weight: 600;
6722  }
6723  
6724  .editor-text-editor {
6725    box-sizing: border-box;
6726  }
6727  .editor-text-editor *,
6728  .editor-text-editor *::before,
6729  .editor-text-editor *::after {
6730    box-sizing: inherit;
6731  }
6732  .editor-text-editor {
6733    position: relative;
6734    width: 100%;
6735    background-color: #fff;
6736    flex-grow: 1;
6737  }
6738  .editor-text-editor .editor-post-title:not(.is-raw-text),
6739  .editor-text-editor .editor-post-title.is-raw-text textarea {
6740    max-width: none;
6741    line-height: 1.4;
6742    font-family: Menlo, Consolas, monaco, monospace;
6743    font-size: 2.5em;
6744    font-weight: normal;
6745    border: 1px solid #949494;
6746    border-radius: 0;
6747    padding: 16px;
6748  }
6749  @media (min-width: 600px) {
6750    .editor-text-editor .editor-post-title:not(.is-raw-text),
6751    .editor-text-editor .editor-post-title.is-raw-text textarea {
6752      padding: 24px;
6753    }
6754  }
6755  .editor-text-editor .editor-post-title:not(.is-raw-text):focus,
6756  .editor-text-editor .editor-post-title.is-raw-text textarea:focus {
6757    border-color: var(--wp-admin-theme-color);
6758    box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
6759  }
6760  
6761  .editor-text-editor__body {
6762    width: 100%;
6763    padding: 0 12px 12px 12px;
6764    max-width: 1080px;
6765    margin-right: auto;
6766    margin-left: auto;
6767  }
6768  @media (min-width: 960px) {
6769    .editor-text-editor__body {
6770      padding: 0 24px 24px 24px;
6771    }
6772  }
6773  
6774  .editor-text-editor__toolbar {
6775    position: sticky;
6776    z-index: 1;
6777    top: 0;
6778    right: 0;
6779    left: 0;
6780    display: flex;
6781    background: rgba(255, 255, 255, 0.8);
6782    padding: 4px 12px;
6783  }
6784  @media (min-width: 600px) {
6785    .editor-text-editor__toolbar {
6786      padding: 12px;
6787    }
6788  }
6789  @media (min-width: 960px) {
6790    .editor-text-editor__toolbar {
6791      padding: 12px 24px;
6792    }
6793  }
6794  .editor-text-editor__toolbar h2 {
6795    line-height: 40px;
6796    margin: 0 0 0 auto;
6797    font-size: 13px;
6798    color: #1e1e1e;
6799  }
6800  
6801  .editor-visual-editor {
6802    position: relative;
6803    display: flex;
6804    background-color: var(--wp-editor-canvas-background);
6805  }
6806  .editor-visual-editor iframe[name=editor-canvas] {
6807    background-color: transparent;
6808  }
6809  .editor-visual-editor {
6810    align-items: center;
6811  }
6812  .editor-visual-editor.is-resizable {
6813    max-height: 100%;
6814  }
6815  .editor-visual-editor.has-padding {
6816    padding: 24px 24px 0;
6817  }
6818  .editor-visual-editor.is-iframed {
6819    overflow: hidden;
6820  }
6821  .editor-visual-editor .components-button {
6822    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
6823    font-size: 13px;
6824    padding: 6px 12px;
6825  }
6826  .editor-visual-editor .components-button.is-tertiary, .editor-visual-editor .components-button.has-icon {
6827    padding: 6px;
6828  }
6829  
6830  .editor-fields-content-preview {
6831    display: flex;
6832    flex-direction: column;
6833    height: 100%;
6834    border-radius: 4px;
6835  }
6836  .dataviews-view-table .editor-fields-content-preview {
6837    width: 96px;
6838    flex-grow: 0;
6839  }
6840  .editor-fields-content-preview .block-editor-block-preview__container,
6841  .editor-fields-content-preview .editor-fields-content-preview__empty {
6842    margin-top: auto;
6843    margin-bottom: auto;
6844  }
6845  
6846  .editor-fields-content-preview__empty {
6847    text-align: center;
6848  }
6849  
6850  .editor-push-changes-to-global-styles-control .components-button {
6851    justify-content: center;
6852    width: 100%;
6853  }