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