[Summary view] [Print] [Text view]

   1  input,
   2  select,
   3  textarea,
   4  button {
   5      box-sizing: border-box;
   6      font-family: inherit;
   7      font-size: inherit;
   8      font-weight: inherit;
   9  }
  10  
  11  textarea,
  12  input {
  13      font-size: 14px;
  14  }
  15  
  16  textarea {
  17      overflow: auto;
  18      padding: 8px 12px;
  19      /* inherits font size 14px */
  20      line-height: 1.42857143; /* 20px */
  21      resize: vertical;
  22  }
  23  
  24  input,
  25  select {
  26      margin: 0 1px;
  27  }
  28  
  29  textarea.code {
  30      padding: 8px 12px;
  31  }
  32  
  33  input[type="text"],
  34  input[type="password"],
  35  input[type="color"],
  36  input[type="date"],
  37  input[type="datetime"],
  38  input[type="datetime-local"],
  39  input[type="email"],
  40  input[type="month"],
  41  input[type="number"],
  42  input[type="search"],
  43  input[type="tel"],
  44  input[type="time"],
  45  input[type="url"],
  46  input[type="week"],
  47  select,
  48  textarea {
  49      box-shadow: 0 0 0 transparent;
  50      border-radius: 2px;
  51      border: 1px solid #949494;
  52      background-color: #fff;
  53      color: #1e1e1e;
  54  }
  55  
  56  input[type="text"],
  57  input[type="password"],
  58  input[type="date"],
  59  input[type="datetime"],
  60  input[type="datetime-local"],
  61  input[type="email"],
  62  input[type="month"],
  63  input[type="number"],
  64  input[type="search"],
  65  input[type="tel"],
  66  input[type="time"],
  67  input[type="url"],
  68  input[type="week"] {
  69      padding: 0 12px;
  70      /* inherits font size 14px */
  71      min-height: 40px;
  72  }
  73  
  74  select {
  75      padding: 0 24px 0 12px;
  76      /* inherits font size 14px */
  77      line-height: 2.71428571; /* 38px for 40px min-height */
  78      min-height: 40px;
  79  }
  80  
  81  ::-webkit-datetime-edit {
  82      /* inherits font size 14px */
  83      line-height: 1.85714286; /* 26px */
  84  }
  85  
  86  input[type="text"]:focus,
  87  input[type="password"]:focus,
  88  input[type="color"]:focus,
  89  input[type="date"]:focus,
  90  input[type="datetime"]:focus,
  91  input[type="datetime-local"]:focus,
  92  input[type="email"]:focus,
  93  input[type="month"]:focus,
  94  input[type="number"]:focus,
  95  input[type="search"]:focus,
  96  input[type="tel"]:focus,
  97  input[type="time"]:focus,
  98  input[type="url"]:focus,
  99  input[type="week"]:focus,
 100  select:focus,
 101  textarea:focus {
 102      border-color: var(--wp-admin-theme-color);
 103      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 104      /* Only visible in Windows High Contrast mode */
 105      outline: 2px solid transparent;
 106  }
 107  
 108  /* Checkbox and radio use outset focus style */
 109  input[type="checkbox"]:focus,
 110  input[type="radio"]:focus {
 111      border-color: #1e1e1e;
 112      box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
 113      /* Only visible in Windows High Contrast mode */
 114      outline: 2px solid transparent;
 115  }
 116  
 117  /* rtl:ignore */
 118  .ltr,
 119  input[type="password"],
 120  input[type="email"],
 121  input[type="url"] {
 122      direction: ltr;
 123  }
 124  
 125  input[type="checkbox"],
 126  input[type="radio"] {
 127      border: 1px solid #1e1e1e;
 128      border-radius: 2px;
 129      background: #fff;
 130      color: #1e1e1e;
 131      clear: none;
 132      cursor: pointer;
 133      display: inline-block;
 134      line-height: 0;
 135      height: 1rem;
 136      margin: -0.25rem 0.25rem 0 0;
 137      outline: 0;
 138      padding: 0 !important;
 139      text-align: center;
 140      vertical-align: middle;
 141      width: 1rem;
 142      min-width: 1rem;
 143      -webkit-appearance: none;
 144      box-shadow: none;
 145      transition: 0.05s border-color ease-in-out;
 146  }
 147  
 148  input[type="radio"]:checked + label::before {
 149      color: #949494;
 150  }
 151  
 152  .wp-core-ui input[type="reset"]:hover,
 153  .wp-core-ui input[type="reset"]:active {
 154      color: #135e96;
 155  }
 156  
 157  td > input[type="checkbox"],
 158  .wp-admin p input[type="checkbox"],
 159  .wp-admin p input[type="radio"] {
 160      margin-top: 0;
 161  }
 162  
 163  .wp-admin p label input[type="checkbox"] {
 164      margin-top: -4px;
 165  }
 166  
 167  .wp-admin p label input[type="radio"] {
 168      margin-top: -2px;
 169  }
 170  
 171  input[type="radio"] {
 172      display: inline-flex;
 173      border-radius: 50%;
 174      margin-right: 0.25rem;
 175      align-items: center;
 176      justify-content: center;
 177  }
 178  
 179  input[type="checkbox"]:checked::before,
 180  input[type="radio"]:checked::before {
 181      float: left;
 182      display: inline-block;
 183      vertical-align: middle;
 184      width: 1rem;
 185      -webkit-font-smoothing: antialiased;
 186      -moz-osx-font-smoothing: grayscale;
 187  }
 188  
 189  input[type="checkbox"]:checked::before {
 190      /* Use the "Yes" SVG Dashicon */
 191      content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E);
 192      content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E) / "";
 193      margin: -0.1875rem 0 0 -0.25rem;
 194      height: 1.3125rem;
 195      width: 1.3125rem;
 196  }
 197  
 198  input[type="checkbox"]:checked {
 199      background: var(--wp-admin-theme-color);
 200      border-color: var(--wp-admin-theme-color);
 201  }
 202  
 203  input[type="radio"]:checked {
 204      background: var(--wp-admin-theme-color);
 205      border-color: var(--wp-admin-theme-color);
 206  }
 207  
 208  input[type="radio"]:checked::before {
 209      content: "";
 210      border-radius: 50%;
 211      width: 0.5rem; /* 8px */
 212      height: 0.5rem; /* 8px */
 213      margin: auto;
 214      background-color: #fff;
 215      /* Only visible in Windows High Contrast mode */
 216      outline: 4px solid transparent;
 217  }
 218  
 219  @-moz-document url-prefix() {
 220      input[type="checkbox"],
 221      input[type="radio"],
 222      .form-table input.tog {
 223          margin-bottom: -1px;
 224      }
 225  }
 226  
 227  /* Search */
 228  input[type="search"] {
 229      -webkit-appearance: textfield;
 230  }
 231  
 232  input[type="search"]::-webkit-search-decoration {
 233      display: none;
 234  }
 235  
 236  input[type="search"]::-webkit-search-cancel-button {
 237      cursor: pointer;
 238  }
 239  
 240  .wp-admin input[type="file"] {
 241      padding: 3px 0;
 242      cursor: pointer;
 243  }
 244  
 245  input.readonly,
 246  input[readonly],
 247  textarea.readonly,
 248  textarea[readonly] {
 249      background-color: #f0f0f0;
 250  }
 251  
 252  ::-webkit-input-placeholder {
 253      color: #757575;
 254  }
 255  
 256  ::-moz-placeholder {
 257      color: #757575;
 258  }
 259  
 260  .form-invalid .form-required,
 261  .form-invalid .form-required:focus,
 262  .form-invalid.form-required input,
 263  .form-invalid.form-required input:focus,
 264  .form-invalid.form-required select,
 265  .form-invalid.form-required select:focus {
 266      border-color: #d63638 !important;
 267      box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
 268  }
 269  
 270  .form-table .form-required.form-invalid td::after {
 271      content: "\f534";
 272      content: "\f534" / "";
 273      font: 400 20px/1 dashicons;
 274      color: #d63638;
 275      margin-left: -25px;
 276      vertical-align: middle;
 277  }
 278  
 279  /* Adjust error indicator for password layout */
 280  .form-table .form-required.user-pass1-wrap.form-invalid td::after {
 281      content: "";
 282  }
 283  
 284  .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper::after {
 285      content: "\f534";
 286      content: "\f534" / "";
 287      font: 400 20px/1 dashicons;
 288      color: #d63638;
 289      margin: 0 6px 0 -29px;
 290      vertical-align: middle;
 291  }
 292  
 293  .form-input-tip {
 294      color: #646970;
 295  }
 296  
 297  input:disabled,
 298  input.disabled,
 299  select:disabled,
 300  select.disabled,
 301  textarea:disabled,
 302  textarea.disabled {
 303      background: #f0f0f0;
 304      border-color: #ccc;
 305      box-shadow: none;
 306      color: #949494;
 307  }
 308  
 309  input[type="file"]:disabled,
 310  input[type="file"].disabled,
 311  input[type="file"][aria-disabled="true"],
 312  input[type="range"]:disabled,
 313  input[type="range"].disabled,
 314  input[type="range"][aria-disabled="true"] {
 315      background: none;
 316      box-shadow: none;
 317      cursor: default;
 318  }
 319  
 320  input[type="checkbox"]:disabled,
 321  input[type="checkbox"].disabled,
 322  input[type="checkbox"][aria-disabled="true"],
 323  input[type="radio"]:disabled,
 324  input[type="radio"].disabled,
 325  input[type="radio"][aria-disabled="true"],
 326  input[type="checkbox"]:disabled:checked::before,
 327  input[type="checkbox"].disabled:checked::before,
 328  input[type="radio"]:disabled:checked::before,
 329  input[type="radio"].disabled:checked::before {
 330      opacity: 0.7;
 331      cursor: default;
 332  }
 333  
 334  /* Select styles are based on the default button in buttons.css */
 335  .wp-core-ui select {
 336      font-size: 14px;
 337      line-height: 2.71428571; /* 38px for 40px min-height */
 338      color: #1e1e1e;
 339      border-color: #949494;
 340      box-shadow: none;
 341      border-radius: 2px;
 342      padding: 0 24px 0 12px;
 343      min-height: 40px;
 344      max-width: 25rem;
 345      -webkit-appearance: none;
 346      /* The SVG is arrow-down-alt2 from Dashicons. */
 347      background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%231e1e1e%22%2F%3E%3C%2Fsvg%3E) no-repeat right 8px top 55%;
 348      background-size: 16px 16px;
 349      cursor: pointer;
 350      vertical-align: middle;
 351  }
 352  
 353  .wp-core-ui select:hover {
 354      color: #1e1e1e;
 355      border-color: #1e1e1e;
 356  }
 357  
 358  .wp-core-ui select:focus {
 359      border-color: var(--wp-admin-theme-color);
 360      color: #1e1e1e;
 361      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 362      /* Only visible in Windows High Contrast mode */
 363      outline: 2px solid transparent;
 364  }
 365  
 366  .wp-core-ui select:active {
 367      border-color: #949494;
 368      box-shadow: none;
 369  }
 370  
 371  .wp-core-ui select.disabled,
 372  .wp-core-ui select:disabled {
 373      color: #a7aaad;
 374      border-color: #dcdcde;
 375      background-color: #f6f7f7;
 376      /* The SVG is arrow-down-alt2 from Dashicons. */
 377      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E);
 378      box-shadow: none;
 379      text-shadow: 0 1px 0 #fff;
 380      cursor: default;
 381      transform: none;
 382  }
 383  
 384  @media all and (forced-colors: active) and (prefers-color-scheme: dark) {
 385      .wp-core-ui select {
 386          background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
 387      }
 388  }
 389  
 390  .wp-core-ui select[aria-disabled="true"] {
 391      cursor: default;
 392  }
 393  
 394  /* Remove background focus style from IE11 while keeping focus style available on option elements. */
 395  .wp-core-ui select::-ms-value {
 396      background: transparent;
 397      color: #50575e;
 398  }
 399  
 400  .wp-core-ui select:hover::-ms-value {
 401      color: #1e1e1e;
 402  }
 403  
 404  .wp-core-ui select:focus::-ms-value {
 405      color: #0a4b78;
 406  }
 407  
 408  .wp-core-ui select.disabled::-ms-value,
 409  .wp-core-ui select:disabled::-ms-value {
 410      color: #a7aaad;
 411  }
 412  
 413  /* Hide the native down arrow for select element on IE. */
 414  .wp-core-ui select::-ms-expand {
 415      display: none;
 416  }
 417  
 418  .wp-admin .button-cancel {
 419      display: inline-block;
 420      min-height: 28px;
 421      padding: 0 5px;
 422      line-height: 2;
 423  }
 424  
 425  .meta-box-sortables select {
 426      max-width: 100%;
 427  }
 428  
 429  .meta-box-sortables input {
 430      vertical-align: middle;
 431  }
 432  
 433  .misc-pub-post-status select {
 434      margin-top: 0;
 435  }
 436  
 437  .wp-core-ui select[multiple] {
 438      height: auto;
 439      padding-right: 8px;
 440      background: #fff;
 441  }
 442  
 443  .submit {
 444      padding: 1.5em 0;
 445      margin: 5px 0;
 446      border-bottom-left-radius: 3px;
 447      border-bottom-right-radius: 3px;
 448      border: none;
 449  }
 450  
 451  form p.submit a.cancel:hover {
 452      text-decoration: none;
 453  }
 454  
 455  p.submit {
 456      text-align: left;
 457      max-width: 100%;
 458      margin-top: 20px;
 459      padding-top: 10px;
 460  }
 461  
 462  .textright p.submit {
 463      border: none;
 464      text-align: right;
 465  }
 466  
 467  table.form-table + p.submit,
 468  table.form-table + input + p.submit,
 469  table.form-table + input + input + p.submit {
 470      border-top: none;
 471      padding-top: 0;
 472  }
 473  
 474  #minor-publishing-actions input,
 475  #major-publishing-actions input,
 476  #minor-publishing-actions .preview {
 477      text-align: center;
 478  }
 479  
 480  textarea.all-options,
 481  input.all-options {
 482      width: 250px;
 483  }
 484  
 485  input.large-text,
 486  textarea.large-text {
 487      width: 99%;
 488  }
 489  
 490  .regular-text {
 491      width: 25em;
 492  }
 493  
 494  input.small-text {
 495      width: 50px;
 496      padding: 0 8px;
 497  }
 498  
 499  label input.small-text {
 500      margin-top: -4px;
 501  }
 502  
 503  input[type="number"].small-text {
 504      width: 65px;
 505      padding-right: 4px;
 506  }
 507  
 508  input.tiny-text {
 509      width: 35px;
 510  }
 511  
 512  input[type="number"].tiny-text {
 513      width: 45px;
 514      padding-right: 0;
 515  }
 516  
 517  #doaction,
 518  #doaction2,
 519  #post-query-submit {
 520      margin: 0 8px 0 0;
 521  }
 522  
 523  /* @since 5.7.0 secondary bulk action controls require JS. */
 524  .no-js label[for="bulk-action-selector-bottom"],
 525  .no-js select#bulk-action-selector-bottom,
 526  .no-js input#doaction2,
 527  .no-js label[for="new_role2"],
 528  .no-js select#new_role2,
 529  .no-js input#changeit2 {
 530      display: none;
 531  }
 532  
 533  .wp-core-ui .tablenav input[type="text"],
 534  .wp-core-ui .tablenav input[type="password"],
 535  .wp-core-ui .tablenav input[type="date"],
 536  .wp-core-ui .tablenav input[type="datetime"],
 537  .wp-core-ui .tablenav input[type="datetime-local"],
 538  .wp-core-ui .tablenav input[type="email"],
 539  .wp-core-ui .tablenav input[type="month"],
 540  .wp-core-ui .tablenav input[type="number"],
 541  .wp-core-ui .tablenav input[type="search"],
 542  .wp-core-ui .tablenav input[type="tel"],
 543  .wp-core-ui .tablenav input[type="time"],
 544  .wp-core-ui .tablenav input[type="url"],
 545  .wp-core-ui .tablenav input[type="week"],
 546  .wp-core-ui .tablenav select {
 547      padding: 0 12px;
 548      /* inherits font size 14px */
 549      line-height: 2.14285714; /* 30px for 32px height with 14px font */
 550      min-height: 32px;
 551  }
 552  
 553  .wp-core-ui .tablenav select {
 554      float: left;
 555      margin-right: 6px;
 556      max-width: 12.5rem;
 557      padding: 0 24px 0 8px;
 558  }
 559  
 560  .wp-core-ui .tablenav .button {
 561      min-height: 32px;
 562      line-height: 2.30769231; /* 30px for 32px height with 13px font */
 563      padding: 0 12px;
 564  }
 565  
 566  #timezone_string option {
 567      margin-left: 1em;
 568  }
 569  
 570  .wp-core-ui .button.wp-hide-pw > .dashicons,
 571  .wp-core-ui .button.wp-cancel-pw > .dashicons {
 572      width: 1.25rem;
 573      height: 1.25rem;
 574      font-size: 20px;
 575      line-height: 1;
 576      vertical-align: middle;
 577  }
 578  
 579  .button.wp-hide-pw.user-new-password-toggle {
 580      display: inline-flex;
 581      align-items: center;
 582      column-gap: 4px;
 583  }
 584  
 585  .wp-cancel-pw .dashicons-no {
 586      display: none;
 587  }
 588  
 589  label,
 590  #your-profile label + a {
 591      vertical-align: middle;
 592  }
 593  
 594  fieldset label,
 595  #your-profile label + a {
 596      vertical-align: middle;
 597  }
 598  
 599  .options-media-php [for*="_size_"] {
 600      min-width: 10em;
 601      vertical-align: baseline;
 602  }
 603  
 604  .options-media-php .small-text[name*="_size_"] {
 605      margin: 0 0 1em;
 606  }
 607  
 608  .wp-generate-pw {
 609      margin-top: 1em;
 610      position: relative;
 611  }
 612  
 613  .wp-pwd button {
 614      height: min-content;
 615  }
 616  
 617  .wp-pwd {
 618      margin-top: 1em;
 619      position: relative;
 620  }
 621  
 622  .mailserver-pass-wrap .wp-pwd {
 623      display: inline-block;
 624      margin-top: 0;
 625  }
 626  
 627  /* rtl:ignore */
 628  #mailserver_pass {
 629      padding-right: 2.5rem;
 630  }
 631  
 632  /* rtl:ignore */
 633  .mailserver-pass-wrap .button.wp-hide-pw {
 634      background: transparent;
 635      border: 1px solid transparent;
 636      box-shadow: none;
 637      font-size: 14px;
 638      line-height: 2;
 639      width: 2.5rem;
 640      min-width: 40px;
 641      margin: 0;
 642      padding: 0 9px;
 643      position: absolute;
 644      right: 0;
 645      top: 0;
 646  }
 647  
 648  .mailserver-pass-wrap .button.wp-hide-pw:hover {
 649      background: transparent;
 650      border-color: transparent;
 651  }
 652  
 653  .mailserver-pass-wrap .button.wp-hide-pw:focus {
 654      background: transparent;
 655      border-color: var(--wp-admin-theme-color);
 656      border-radius: 2px;
 657      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 658      /* Only visible in Windows High Contrast mode */
 659      outline: 2px solid transparent;
 660  }
 661  
 662  .mailserver-pass-wrap .button.wp-hide-pw:active {
 663      background: transparent;
 664      box-shadow: none;
 665      transform: none;
 666  }
 667  
 668  #misc-publishing-actions label {
 669      vertical-align: baseline;
 670  }
 671  
 672  #pass-strength-result {
 673      background-color: #f0f0f0;
 674      border: 1px solid #ccc;
 675      border-radius: 2px;
 676      color: #1e1e1e;
 677      margin: -1px 1px 5px;
 678      padding: 3px 5px;
 679      text-align: center;
 680      width: 25em;
 681      box-sizing: border-box;
 682      opacity: 0;
 683  }
 684  
 685  #pass-strength-result.short {
 686      background-color: #ffabaf;
 687      border-color: #e65054;
 688      opacity: 1;
 689  }
 690  
 691  #pass-strength-result.bad {
 692      background-color: #facfd2;
 693      border-color: #f86368;
 694      opacity: 1;
 695  }
 696  
 697  #pass-strength-result.good {
 698      background-color: #f5e6ab;
 699      border-color: #f0c33c;
 700      opacity: 1;
 701  }
 702  
 703  #pass-strength-result.strong {
 704      background-color: #b8e6bf;
 705      border-color: #68de7c;
 706      opacity: 1;
 707  }
 708  
 709  .password-input-wrapper {
 710      display: inline-block;
 711  }
 712  
 713  .password-input-wrapper input {
 714      font-family: Consolas, Monaco, monospace;
 715  }
 716  
 717  #pass1.short,
 718  #pass1-text.short {
 719      border-color: #e65054;
 720  }
 721  
 722  #pass1.bad,
 723  #pass1-text.bad {
 724      border-color: #f86368;
 725  }
 726  
 727  #pass1.good,
 728  #pass1-text.good {
 729      border-color: #f0c33c;
 730  }
 731  
 732  #pass1.strong,
 733  #pass1-text.strong {
 734      border-color: #68de7c;
 735  }
 736  
 737  #pass1:focus,
 738  #pass1-text:focus {
 739      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 740      border-color: var(--wp-admin-theme-color, #3858e9);
 741      /* Only visible in Windows High Contrast mode */
 742      outline: 2px solid transparent;
 743  }
 744  
 745  .pw-weak {
 746      display: none;
 747  }
 748  
 749  .indicator-hint {
 750      padding-top: 8px;
 751  }
 752  
 753  .wp-pwd [type="text"],
 754  .wp-pwd [type="password"] {
 755      margin-bottom: 0;
 756      /* Same height as the buttons */
 757      min-height: 40px;
 758  }
 759  
 760  /* Hide the Edge "reveal password" native button */
 761  .wp-pwd input::-ms-reveal {
 762      display: none;
 763  }
 764  
 765  #pass1-text,
 766  .show-password #pass1 {
 767      display: none;
 768  }
 769  
 770  #pass1-text::-ms-clear {
 771      display: none;
 772  }
 773  
 774  .show-password #pass1-text {
 775      display: inline-block;
 776  }
 777  
 778  /* Caps lock warning */
 779  .wp-pwd .caps-warning {
 780      display: none;
 781      position: relative;
 782      background: #fcf9e8;
 783      border: 1px solid #f0c33c;
 784      color: #1d2327;
 785      padding: 6px 10px;
 786      top: -8px;
 787  }
 788  
 789  .profile-php .wp-pwd .caps-warning {
 790      padding: 3px 5px;
 791      top: -4px;
 792      border-radius: 2px;
 793  }
 794  
 795  .wp-pwd .caps-icon {
 796      display: inline-flex;
 797      justify-content: center;
 798      width: 20px;
 799      height: 20px;
 800      margin-right: 5px;
 801      vertical-align: middle;
 802  }
 803  
 804  .wp-pwd .caps-warning-text {
 805      vertical-align: middle;
 806  }
 807  /* Caps lock warning */
 808  
 809  p.search-box {
 810      display: flex;
 811      flex-wrap: wrap;
 812      align-items: center;
 813      column-gap: 0.5rem;
 814      position: relative;
 815      float: right;
 816      margin: 11px 0;
 817  }
 818  
 819  p.search-box input[type="search"],
 820  p.search-box input[type="text"] {
 821      min-height: 32px;
 822      padding: 0 8px;
 823  }
 824  
 825  p.search-box .button {
 826      min-height: 32px;
 827      line-height: 2.30769231; /* 30px for 32px height with 13px font */
 828      padding: 0 12px;
 829  }
 830  
 831  .network-admin.themes-php p.search-box {
 832      clear: left;
 833  }
 834  
 835  .tablenav .search-plugins input[name="s"] {
 836      float: left;
 837      margin: 0 4px 0 0;
 838  }
 839  
 840  .tagsdiv .newtag {
 841      margin: 0;
 842  }
 843  
 844  .js.plugins-php .search-box .wp-filter-search {
 845      margin: 0;
 846      width: 280px;
 847  }
 848  
 849  input[type="text"].ui-autocomplete-loading,
 850  input[type="email"].ui-autocomplete-loading {
 851      background-image: url(../images/loading.gif);
 852      background-repeat: no-repeat;
 853      background-position: right 5px center;
 854      visibility: visible;
 855  }
 856  
 857  input.ui-autocomplete-input.open {
 858      border-bottom-color: transparent;
 859  }
 860  
 861  ul#add-to-blog-users {
 862      margin: 0 0 0 14px;
 863  }
 864  
 865  .ui-autocomplete {
 866      padding: 0;
 867      margin: 0;
 868      list-style: none;
 869      position: absolute;
 870      z-index: 10000;
 871      border: 1px solid #4f94d4;
 872      box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
 873      background-color: #fff;
 874  }
 875  
 876  .ui-autocomplete li {
 877      margin-bottom: 0;
 878      padding: 4px 10px;
 879      white-space: nowrap;
 880      text-align: left;
 881      cursor: pointer;
 882  }
 883  
 884  /* Colors for the wplink toolbar autocomplete. */
 885  .ui-autocomplete .ui-state-focus {
 886      background-color: #dcdcde;
 887  }
 888  
 889  /* Colors for the tags autocomplete. */
 890  .wp-tags-autocomplete .ui-state-focus,
 891  .wp-tags-autocomplete [aria-selected="true"] {
 892      background-color: var(--wp-admin-theme-color);
 893      color: #fff;
 894      /* Only visible in Windows High Contrast mode */
 895      outline: 2px solid transparent;
 896  }
 897  
 898  .form-table {
 899      border-collapse: collapse;
 900      margin-top: 0.5em;
 901      width: 100%;
 902      clear: both;
 903  }
 904  
 905  .form-table,
 906  .form-table td,
 907  .form-table th,
 908  .form-table td p {
 909      font-size: 14px;
 910  }
 911  
 912  .form-table td {
 913      margin-bottom: 9px;
 914      padding: 15px 10px;
 915      line-height: 1.3;
 916      vertical-align: middle;
 917  }
 918  
 919  .form-table th,
 920  .form-wrap label {
 921      color: #1d2327;
 922      font-weight: 400;
 923      text-shadow: none;
 924      vertical-align: baseline;
 925  }
 926  
 927  .form-table th {
 928      vertical-align: top;
 929      text-align: left;
 930      padding: 20px 10px 20px 0;
 931      width: 200px;
 932      line-height: 1.3;
 933      font-weight: 600;
 934  }
 935  
 936  .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
 937  .form-table .td-full {
 938      width: auto;
 939      padding: 20px 10px 20px 0;
 940      font-weight: 400;
 941  }
 942  
 943  .form-table td p {
 944      margin-top: 4px;
 945      margin-bottom: 0;
 946  }
 947  
 948  .form-table .date-time-doc {
 949      margin-top: 1em;
 950  }
 951  
 952  .form-table p.timezone-info {
 953      margin: 1em 0;
 954      display: flex;
 955      flex-direction: column;
 956  }
 957  
 958  #local-time {
 959      margin-top: 0.5em;
 960  }
 961  
 962  .form-table td fieldset label {
 963      margin: 0.35em 0 0.5em !important;
 964      display: inline-block;
 965  }
 966  
 967  .form-table td fieldset p label {
 968      margin-top: 0 !important;
 969  }
 970  
 971  .form-table td fieldset label,
 972  .form-table td fieldset p,
 973  .form-table td fieldset li {
 974      line-height: 1.4;
 975  }
 976  
 977  .form-table .pre {
 978      padding: 8px;
 979      margin: 0;
 980  }
 981  
 982  table.form-table td .updated {
 983      font-size: 13px;
 984  }
 985  
 986  table.form-table td .updated p {
 987      font-size: 13px;
 988      margin: 0.3em 0;
 989  }
 990  
 991  #profile-page .form-table textarea {
 992      width: 500px;
 993      margin-bottom: 6px;
 994  }
 995  
 996  #profile-page .form-table #rich_editing {
 997      margin-right: 5px;
 998  }
 999  
1000  #your-profile legend {
1001      font-size: 22px;
1002  }
1003  
1004  #display_name {
1005      width: 15em;
1006  }
1007  
1008  #adduser .form-field input,
1009  #createuser .form-field input {
1010      width: 25em;
1011  }
1012  
1013  .color-option {
1014      display: inline-block;
1015      width: 24%;
1016      padding: 5px 15px 15px;
1017      box-sizing: border-box;
1018      margin-bottom: 3px;
1019      cursor: pointer;
1020  }
1021  
1022  .color-option:hover,
1023  .color-option.selected {
1024      background: #dcdcde;
1025  }
1026  
1027  .color-palette {
1028      display: table;
1029      width: 100%;
1030      border-spacing: 0;
1031      border-collapse: collapse;
1032  }
1033  
1034  .color-palette .color-palette-shade,
1035  .color-palette td {
1036      display: table-cell;
1037      height: 20px;
1038      padding: 0;
1039      border: none;
1040  }
1041  
1042  .create-application-password .form-field {
1043      max-width: 25em;
1044  }
1045  
1046  .create-application-password label {
1047      font-weight: 600;
1048  }
1049  
1050  .create-application-password p.submit {
1051      margin-bottom: 0;
1052      padding-bottom: 0;
1053      display: block;
1054  }
1055  
1056  #application-passwords-section .notice {
1057      margin-top: 20px;
1058      margin-bottom: 0;
1059      word-wrap: break-word;
1060  }
1061  
1062  .application-password-display input.code {
1063      margin-bottom: 6px;
1064      width: 100%;
1065      max-width: 20em;
1066  }
1067  
1068  .auth-app-card.card {
1069      max-width: 768px;
1070  }
1071  
1072  .authorize-application-php .form-wrap p {
1073      display: block;
1074  }
1075  
1076  .tool-box .title {
1077      margin: 8px 0;
1078      font-size: 18px;
1079      font-weight: 400;
1080      line-height: 1.3333;
1081  }
1082  
1083  .label-responsive {
1084      vertical-align: middle;
1085  }
1086  
1087  #export-filters p {
1088      margin: 0 0 1em;
1089  }
1090  
1091  #export-filters p.submit {
1092      margin: 7px 0 5px;
1093  }
1094  
1095  /* Card styles */
1096  
1097  .card {
1098      position: relative;
1099      margin-top: 20px;
1100      padding: 16px 24px;
1101      min-width: 255px;
1102      max-width: 520px;
1103      border: 1px solid rgba(0, 0, 0, 0.1);
1104      border-radius: 8px;
1105      background: #fff;
1106      box-sizing: border-box;
1107  }
1108  
1109  /* Press this styles */
1110  
1111  .pressthis h4 {
1112      margin: 2em 0 1em;
1113  }
1114  
1115  .pressthis textarea {
1116      width: 100%;
1117      font-size: 1em;
1118  }
1119  
1120  #pressthis-code-wrap {
1121      overflow: auto;
1122  }
1123  
1124  .pressthis-bookmarklet-wrapper {
1125      margin: 20px 0 8px;
1126      vertical-align: top;
1127      position: relative;
1128      z-index: 1;
1129  }
1130  
1131  .pressthis-bookmarklet,
1132  .pressthis-bookmarklet:hover,
1133  .pressthis-bookmarklet:focus,
1134  .pressthis-bookmarklet:active {
1135      display: inline-block;
1136      position: relative;
1137      cursor: move;
1138      color: #2c3338;
1139      background: #dcdcde;
1140      border-radius: 5px;
1141      border: 1px solid #c3c4c7;
1142      font-style: normal;
1143      line-height: 1.1429;
1144      font-size: 14px;
1145      text-decoration: none;
1146  }
1147  
1148  .pressthis-bookmarklet:active {
1149      outline: none;
1150  }
1151  
1152  .pressthis-bookmarklet::after {
1153      content: "";
1154      width: 70%;
1155      height: 55%;
1156      z-index: -1;
1157      position: absolute;
1158      right: 10px;
1159      bottom: 9px;
1160      background: transparent;
1161      transform: skew(20deg) rotate(6deg);
1162      box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
1163  }
1164  
1165  .pressthis-bookmarklet:hover::after {
1166      transform: skew(20deg) rotate(9deg);
1167      box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
1168  }
1169  
1170  .pressthis-bookmarklet span {
1171      display: inline-block;
1172      margin: 0;
1173      padding: 0 12px 8px 9px;
1174  }
1175  
1176  .pressthis-bookmarklet span::before {
1177      color: #50575e;
1178      font: 400 20px/1 dashicons;
1179      content: "\f157";
1180      content: "\f157" / "";
1181      position: relative;
1182      display: inline-block;
1183      top: 4px;
1184      margin-right: 4px;
1185  }
1186  
1187  .pressthis-js-toggle {
1188      margin-left: 10px;
1189      padding: 0;
1190      height: auto;
1191      vertical-align: top;
1192  }
1193  
1194  /* to override the button class being applied */
1195  .pressthis-js-toggle.button.button {
1196      margin-left: 10px;
1197      padding: 0;
1198      height: auto;
1199      vertical-align: top;
1200  }
1201  
1202  .pressthis-js-toggle .dashicons {
1203      margin: 5px 8px 6px 7px;
1204      color: #50575e;
1205  }
1206  
1207  .timezone-info code {
1208      white-space: nowrap;
1209  }
1210  
1211  .defaultavatarpicker .avatar {
1212      margin: 2px 0;
1213      vertical-align: middle;
1214  }
1215  
1216  .options-general-php .date-time-text {
1217      display: inline-block;
1218      min-width: 10em;
1219  }
1220  
1221  .options-general-php input.small-text {
1222      width: 56px;
1223      margin: -2px 0;
1224      min-height: 32px;
1225  }
1226  
1227  .options-general-php .spinner {
1228      float: none;
1229      margin: -3px 3px 0;
1230  }
1231  
1232  .settings-php .language-install-spinner,
1233  .options-general-php .language-install-spinner,
1234  .user-edit-php .language-install-spinner,
1235  .profile-php .language-install-spinner {
1236      display: inline-block;
1237      float: none;
1238      margin: -3px 5px 0;
1239      vertical-align: middle;
1240  }
1241  
1242  .form-table.permalink-structure .available-structure-tags {
1243      margin-top: 8px;
1244  }
1245  
1246  .form-table.permalink-structure .available-structure-tags ul {
1247      display: flex;
1248      flex-wrap: wrap;
1249      margin: 8px 0 0;
1250  }
1251  
1252  .form-table.permalink-structure .available-structure-tags li {
1253      margin: 6px 5px 0 0;
1254  }
1255  
1256  .form-table.permalink-structure .available-structure-tags li:last-child {
1257      margin-right: 0;
1258  }
1259  
1260  .form-table.permalink-structure .structure-selection .row {
1261      margin-bottom: 16px;
1262  }
1263  
1264  .form-table.permalink-structure .structure-selection .row > div {
1265      max-width: calc(100% - 24px);
1266      display: inline-flex;
1267      flex-direction: column;
1268  }
1269  
1270  .form-table.permalink-structure .structure-selection .row label {
1271      font-weight: 600;
1272  }
1273  
1274  .form-table.permalink-structure .structure-selection .row p {
1275      margin-top: 0;
1276  }
1277  
1278  .permalink-structure-optional-description code {
1279      display: inline-block;
1280  }
1281  
1282  .setup-php textarea {
1283      max-width: 100%;
1284  }
1285  
1286  .form-field #site-address {
1287      max-width: 25em;
1288  }
1289  
1290  .form-field #domain {
1291      max-width: 22em;
1292  }
1293  
1294  .form-field #site-title,
1295  .form-field #admin-email,
1296  .form-field #path,
1297  .form-field #blog_registered,
1298  .form-field #blog_last_updated {
1299      max-width: 25em;
1300  }
1301  
1302  .form-field #path {
1303      margin-bottom: 5px;
1304  }
1305  
1306  #search-users,
1307  #search-sites {
1308      max-width: 60%;
1309  }
1310  
1311  .configuration-rules-label {
1312      font-weight: 600;
1313      margin-bottom: 4px;
1314  }
1315  
1316  .request-filesystem-credentials-dialog {
1317      display: none;
1318      /* The customizer uses visibility: hidden on the body for full-overlays. */
1319      visibility: visible;
1320  }
1321  
1322  .request-filesystem-credentials-dialog .notification-dialog {
1323      top: 10%;
1324      max-height: 85%;
1325  }
1326  
1327  .request-filesystem-credentials-dialog-content {
1328      margin: 25px;
1329  }
1330  
1331  #request-filesystem-credentials-title {
1332      font-size: 1.3em;
1333      margin: 1em 0;
1334  }
1335  
1336  .request-filesystem-credentials-form legend {
1337      font-size: 1em;
1338      padding: 1.33em 0 0;
1339      font-weight: 600;
1340  }
1341  
1342  .request-filesystem-credentials-form input[type="text"],
1343  .request-filesystem-credentials-form input[type="password"] {
1344      display: block;
1345  }
1346  
1347  .request-filesystem-credentials-dialog input[type="text"],
1348  .request-filesystem-credentials-dialog input[type="password"] {
1349      width: 100%;
1350  }
1351  
1352  .request-filesystem-credentials-form .field-title {
1353      font-weight: 600;
1354  }
1355  
1356  .request-filesystem-credentials-dialog label[for="hostname"],
1357  .request-filesystem-credentials-dialog label[for="public_key"],
1358  .request-filesystem-credentials-dialog label[for="private_key"] {
1359      display: block;
1360      margin-bottom: 1em;
1361  }
1362  
1363  .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
1364      text-align: right;
1365  }
1366  
1367  .request-filesystem-credentials-dialog label[for="ftp"] {
1368      margin-right: 10px;
1369  }
1370  
1371  .request-filesystem-credentials-dialog #auth-keys-desc {
1372      margin-bottom: 0;
1373  }
1374  
1375  #request-filesystem-credentials-dialog .button:not(:last-child) {
1376      margin-right: 10px;
1377  }
1378  
1379  #request-filesystem-credentials-form .cancel-button {
1380      display: none;
1381  }
1382  
1383  #request-filesystem-credentials-dialog .cancel-button {
1384      display: inline;
1385  }
1386  
1387  .request-filesystem-credentials-dialog .ftp-username,
1388  .request-filesystem-credentials-dialog .ftp-password {
1389      float: none;
1390      width: auto;
1391  }
1392  
1393  .request-filesystem-credentials-dialog .ftp-username {
1394      margin-bottom: 1em;
1395  }
1396  
1397  .request-filesystem-credentials-dialog .ftp-password {
1398      margin: 0;
1399  }
1400  
1401  .request-filesystem-credentials-dialog .ftp-password em {
1402      color: #757575;
1403  }
1404  
1405  .request-filesystem-credentials-dialog label {
1406      display: block;
1407      line-height: 1.5;
1408      margin-bottom: 1em;
1409  }
1410  
1411  .request-filesystem-credentials-form #ssh-keys legend {
1412      font-size: 1.3em;
1413  }
1414  
1415  .request-filesystem-credentials-form .notice {
1416      margin: 0 0 20px;
1417      clear: both;
1418  }
1419  
1420  .tools-privacy-policy-page form {
1421      margin-bottom: 1.3em;
1422  }
1423  
1424  .tools-privacy-policy-page input.button {
1425      margin: 0 1px 0 6px;
1426  }
1427  
1428  .tools-privacy-policy-page select {
1429      margin: 0 1px 0.5em 6px;
1430  }
1431  
1432  .tools-privacy-edit {
1433      margin: 1.5em 0;
1434  }
1435  
1436  .tools-privacy-policy-page span {
1437      line-height: 2;
1438  }
1439  
1440  .privacy_requests .column-email {
1441      width: 40%;
1442  }
1443  
1444  .privacy_requests .column-type {
1445      text-align: center;
1446  }
1447  
1448  .privacy_requests thead td:first-child,
1449  .privacy_requests tfoot td:first-child {
1450      border-left: 4px solid transparent;
1451  }
1452  
1453  .privacy_requests tbody td.check-column {
1454      border-left: 4px solid transparent;
1455  }
1456  
1457  .privacy_requests .row-actions.processing {
1458      position: static;
1459  }
1460  
1461  .privacy_requests tbody .request-results th .notice {
1462      margin: 0 0 5px;
1463  }
1464  
1465  /*
1466   * The results row is injected after its request row, so it lands on the opposite
1467   * stripe. Invert it to match.
1468   */
1469  .privacy_requests tbody tr.request-results:nth-child(even) {
1470      background-color: #f6f7f7;
1471  }
1472  
1473  .privacy_requests tbody tr.request-results:nth-child(odd) {
1474      background-color: transparent;
1475  }
1476  
1477  /*
1478   * Where supported, skip the injected rows in the stripe count instead, so they
1479   * no longer shift the rows below. The rules above are the fallback.
1480   */
1481  @supports selector(:nth-child(1 of :not(.request-results))) {
1482      .privacy_requests tbody > tr:nth-child(odd),
1483      .privacy_requests tbody > tr.request-results:nth-child(even) {
1484          background-color: transparent;
1485      }
1486  
1487      .privacy_requests tbody > tr:nth-child(odd of :not(.request-results)),
1488      .privacy_requests tbody > tr:nth-child(odd of :not(.request-results)) + tr.request-results {
1489          background-color: #f6f7f7;
1490      }
1491  }
1492  
1493  .privacy_requests .next_steps .button {
1494      word-wrap: break-word;
1495      white-space: normal;
1496  }
1497  
1498  .privacy_requests tr.status-request-confirmed td.check-column {
1499      border-left-color: #3858e9;
1500  }
1501  
1502  .privacy_requests tr.status-request-failed td.check-column {
1503      border-left-color: #cc1818;
1504  }
1505  
1506  .privacy_requests .export_personal_data_failed a {
1507      vertical-align: baseline;
1508  }
1509  
1510  .status-label {
1511      font-weight: 600;
1512  }
1513  
1514  .status-label.status-request-pending {
1515      font-weight: 400;
1516      font-style: italic;
1517      color: #646970;
1518  }
1519  
1520  .status-label.status-request-failed {
1521      color: #d63638;
1522      font-weight: 600;
1523  }
1524  
1525  .privacy_requests .status-date {
1526      display: block;
1527      font-weight: 400;
1528  }
1529  
1530  .wp-privacy-request-form {
1531      clear: both;
1532  }
1533  
1534  .wp-privacy-request-form-field {
1535      margin: 1.5em 0;
1536  }
1537  
1538  .wp-privacy-request-form input[type="text"] {
1539      margin: 0;
1540  }
1541  
1542  @media screen and (max-width: 782px) {
1543      /* Input Elements */
1544      textarea {
1545          -webkit-appearance: none;
1546      }
1547  
1548      input[type="text"],
1549      input[type="password"],
1550      input[type="date"],
1551      input[type="datetime"],
1552      input[type="datetime-local"],
1553      input[type="email"],
1554      input[type="month"],
1555      input[type="number"],
1556      input[type="search"],
1557      input[type="tel"],
1558      input[type="time"],
1559      input[type="url"],
1560      input[type="week"] {
1561          -webkit-appearance: none;
1562          padding: 0 12px;
1563          min-height: 40px;
1564      }
1565  
1566      ::-webkit-datetime-edit {
1567          line-height: 1.875; /* 30px */
1568      }
1569  
1570      input[type="checkbox"],
1571      .widefat th input[type="checkbox"],
1572      .widefat thead td input[type="checkbox"],
1573      .widefat tfoot td input[type="checkbox"] {
1574          -webkit-appearance: none;
1575      }
1576  
1577      .widefat th input[type="checkbox"],
1578      .widefat thead td input[type="checkbox"],
1579      .widefat tfoot td input[type="checkbox"] {
1580          margin-bottom: 8px;
1581      }
1582  
1583      input[type="checkbox"]:checked::before,
1584      .widefat th input[type="checkbox"]::before,
1585      .widefat thead td input[type="checkbox"]::before,
1586      .widefat tfoot td input[type="checkbox"]::before {
1587          width: 1.875rem;
1588          height: 1.875rem;
1589          margin: -0.1875rem -0.3125rem;
1590      }
1591  
1592      input[type="radio"],
1593      input[type="checkbox"] {
1594          height: 1.5625rem;
1595          width: 1.5625rem;
1596      }
1597  
1598      .wp-admin p input[type="checkbox"],
1599      .wp-admin p input[type="radio"] {
1600          margin-top: -0.1875rem;
1601      }
1602  
1603      input[type="radio"]:checked::before {
1604          vertical-align: middle;
1605          width: 0.5625rem;
1606          height: 0.5625rem;
1607          margin: 0.4375rem;
1608          line-height: 0.76190476;
1609      }
1610  
1611      .wp-core-ui select,
1612      .wp-admin .form-table select {
1613          min-height: 40px;
1614          font-size: 16px;
1615          line-height: 2.5; /* 40px for 16px font */
1616          padding: 0 24px 0 12px;
1617      }
1618  
1619      .wp-admin .button-cancel {
1620          margin-bottom: 0;
1621          padding: 2px 0;
1622          font-size: 14px;
1623          vertical-align: middle;
1624      }
1625  
1626      #adduser .form-field input,
1627      #createuser .form-field input {
1628          width: 100%;
1629      }
1630  
1631      .form-table {
1632          box-sizing: border-box;
1633      }
1634  
1635      .form-table th,
1636      .form-table td,
1637      .label-responsive {
1638          display: block;
1639          width: auto;
1640          vertical-align: middle;
1641      }
1642  
1643      .label-responsive {
1644          margin: 0.5em 0;
1645      }
1646  
1647      .export-filters li {
1648          margin-bottom: 0;
1649      }
1650  
1651      .form-table .color-palette .color-palette-shade,
1652      .form-table .color-palette td {
1653          display: table-cell;
1654          width: 15px;
1655          height: 30px;
1656          padding: 0;
1657      }
1658  
1659      .form-table .color-palette {
1660          margin-right: 10px;
1661      }
1662  
1663      textarea,
1664      input {
1665          font-size: 16px;
1666      }
1667  
1668      .form-table td input[type="text"],
1669      .form-table td input[type="email"],
1670      .form-table td input[type="password"],
1671      .form-table td select,
1672      .form-table td textarea,
1673      .form-table span.description,
1674      #profile-page .form-table textarea {
1675          width: 100%;
1676          display: block;
1677          max-width: none;
1678          box-sizing: border-box;
1679      }
1680  
1681      .form-table .form-required.form-invalid td::after {
1682          float: right;
1683          margin: -30px 3px 0 0;
1684      }
1685  
1686      input[type="text"].small-text,
1687      input[type="search"].small-text,
1688      input[type="password"].small-text,
1689      input[type="number"].small-text,
1690      .form-table input[type="text"].small-text {
1691          width: auto;
1692          max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
1693          display: inline;
1694          padding: 3px 6px;
1695          margin: 0 3px;
1696      }
1697  
1698      .form-table .regular-text ~ input[type="text"].small-text {
1699          margin-top: 5px;
1700      }
1701  
1702      #pass-strength-result {
1703          width: 100%;
1704          box-sizing: border-box;
1705          padding: 8px;
1706      }
1707  
1708      .profile-php .wp-pwd .caps-warning {
1709          padding: 8px;
1710      }
1711  
1712      .password-input-wrapper {
1713          display: block;
1714      }
1715  
1716      .wp-core-ui .tablenav input[type="text"],
1717      .wp-core-ui .tablenav input[type="password"],
1718      .wp-core-ui .tablenav input[type="date"],
1719      .wp-core-ui .tablenav input[type="datetime"],
1720      .wp-core-ui .tablenav input[type="datetime-local"],
1721      .wp-core-ui .tablenav input[type="email"],
1722      .wp-core-ui .tablenav input[type="month"],
1723      .wp-core-ui .tablenav input[type="number"],
1724      .wp-core-ui .tablenav input[type="search"],
1725      .wp-core-ui .tablenav input[type="tel"],
1726      .wp-core-ui .tablenav input[type="time"],
1727      .wp-core-ui .tablenav input[type="url"],
1728      .wp-core-ui .tablenav input[type="week"],
1729      .wp-core-ui .tablenav select {
1730          min-height: 40px;
1731      }
1732  
1733      .wp-core-ui .tablenav .button {
1734          min-height: 40px;
1735          line-height: 2.71428571;
1736          padding: 0 14px;
1737      }
1738  
1739      p.search-box {
1740          float: none;
1741          width: 100%;
1742          margin-bottom: 20px;
1743          display: flex;
1744      }
1745  
1746      p.search-box input[name="s"] {
1747          width: 100%;
1748          float: none;
1749          margin-bottom: 10px;
1750          vertical-align: middle;
1751      }
1752  
1753      .js.plugins-php .search-box .wp-filter-search {
1754          width: 100%;
1755          margin-bottom: 0;
1756      }
1757  
1758      p.search-box input[type="search"],
1759      p.search-box input[type="text"] {
1760          min-height: 40px;
1761          padding: 0 12px;
1762      }
1763  
1764      p.search-box input[type="submit"].button {
1765          margin-bottom: 10px;
1766      }
1767  
1768      .form-table span.description {
1769          display: inline;
1770          padding: 4px 0 0;
1771          line-height: 1.4;
1772          font-size: 14px;
1773      }
1774  
1775      .form-table th {
1776          padding: 10px 0 0;
1777          border-bottom: 0;
1778      }
1779  
1780      .form-table td {
1781          margin-bottom: 0;
1782          padding: 4px 0 6px;
1783      }
1784  
1785      .form-table.permalink-structure td code {
1786          display: inline-block;
1787      }
1788  
1789      .form-table.permalink-structure .structure-selection {
1790          margin-top: 8px;
1791      }
1792  
1793      .form-table.permalink-structure .structure-selection .row > div {
1794          max-width: calc(100% - 36px);
1795          width: 100%;
1796      }
1797  
1798      .form-table.permalink-structure td input[type="text"] {
1799          margin-top: 4px;
1800      }
1801  
1802      .permalink-structure-has-blog-prefix {
1803          display: flex;
1804          align-items: center;
1805      }
1806  
1807      .form-table input.regular-text {
1808          width: 100%;
1809      }
1810  
1811      .form-table label {
1812          font-size: 14px;
1813      }
1814  
1815      .form-table td > label:first-child {
1816          display: inline-block;
1817          margin-top: 0.35em;
1818      }
1819  
1820      .background-position-control .button-group > label {
1821          font-size: 0;
1822      }
1823  
1824      .form-table fieldset label {
1825          display: block;
1826      }
1827  
1828      .form-field #domain {
1829          max-width: none;
1830      }
1831  
1832      /* New Password */
1833      .wp-pwd {
1834          position: relative;
1835      }
1836  
1837      /* Needs higher specificity than normal input type text and password. */
1838      #profile-page .form-table #pass1 {
1839          padding-right: 90px;
1840      }
1841  
1842      .wp-pwd button.button {
1843          background: transparent;
1844          border: 1px solid transparent;
1845          box-shadow: none;
1846          line-height: 2;
1847          margin: 0;
1848          padding: 5px 9px;
1849          position: absolute;
1850          right: 0;
1851          top: 0;
1852          width: 2.375rem;
1853          height: 2.375rem;
1854          min-width: 40px;
1855          min-height: 40px;
1856      }
1857  
1858      .wp-pwd button.wp-hide-pw {
1859          right: 2.5rem;
1860      }
1861  
1862      body.user-new-php .wp-pwd button.wp-hide-pw {
1863          right: 0;
1864      }
1865  
1866      .wp-pwd button.button:hover,
1867      .wp-pwd button.button:focus {
1868          background: transparent;
1869      }
1870  
1871      .wp-pwd button.button:active {
1872          background: transparent;
1873          box-shadow: none;
1874          transform: none;
1875      }
1876  
1877      .wp-pwd .button .text {
1878          display: none;
1879      }
1880  
1881      .wp-pwd [type="text"],
1882      .wp-pwd [type="password"] {
1883          line-height: 2;
1884          padding-right: 5rem;
1885      }
1886  
1887      body.user-new-php .wp-pwd [type="text"],
1888      body.user-new-php .wp-pwd [type="password"] {
1889          padding-right: 2.5rem;
1890      }
1891  
1892      .wp-cancel-pw .dashicons-no {
1893          display: inline-block;
1894      }
1895  
1896      .mailserver-pass-wrap .wp-pwd {
1897          display: block;
1898      }
1899  
1900      /* rtl:ignore */
1901      #mailserver_pass {
1902          padding-left: 10px;
1903      }
1904  
1905      .options-general-php input[type="text"].small-text {
1906          max-width: 6.25em;
1907          margin: 0;
1908          min-height: 40px;
1909      }
1910  
1911      /* Privacy Policy settings screen */
1912      .tools-privacy-policy-page form.wp-create-privacy-page {
1913          margin-bottom: 1em;
1914      }
1915  
1916      .tools-privacy-policy-page input#set-page,
1917      .tools-privacy-policy-page select {
1918          margin: 10px 0 0;
1919      }
1920  
1921      .tools-privacy-policy-page .wp-create-privacy-page span {
1922          display: block;
1923          margin-bottom: 1em;
1924      }
1925  
1926      .tools-privacy-policy-page .wp-create-privacy-page .button {
1927          margin-left: 0;
1928      }
1929  
1930      .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column),
1931      .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) th.column-primary:not(.check-column) {
1932          display: table-cell;
1933      }
1934  
1935      .wp-privacy-request-form-field input[type="text"] {
1936          width: 100%;
1937          margin-bottom: 10px;
1938          vertical-align: middle;
1939      }
1940  
1941      .regular-text {
1942          max-width: 100%;
1943      }
1944  }
1945  
1946  @media only screen and (max-width: 768px) {
1947      .form-field input[type="text"],
1948      .form-field input[type="email"],
1949      .form-field input[type="password"],
1950      .form-field select,
1951      .form-field textarea {
1952          width: 99%;
1953      }
1954  
1955      .form-wrap .form-field {
1956          padding: 0;
1957      }
1958  }
1959  
1960  @media only screen and (max-height: 480px), screen and (max-width: 450px) {
1961      /* Request Credentials / File Editor Warning */
1962      .request-filesystem-credentials-dialog .notification-dialog,
1963      .file-editor-warning .notification-dialog {
1964          width: 100%;
1965          height: 100%;
1966          max-height: 100%;
1967          position: fixed;
1968          top: 0;
1969          margin: 0;
1970          left: 0;
1971      }
1972  }
1973  
1974  /* Smartphone */
1975  @media screen and (max-width: 600px) {
1976      /* Color Picker Options */
1977      .color-option {
1978          width: 49%;
1979      }
1980  }
1981  
1982  @media only screen and (max-width: 320px) {
1983      .options-general-php .date-time-text.date-time-custom-text {
1984          min-width: 0;
1985          margin-right: 0.5em;
1986      }
1987  }
1988  
1989  @keyframes rotation {
1990      0% {
1991          transform: rotate(0deg);
1992      }
1993  
1994      100% {
1995          transform: rotate(359deg);
1996      }
1997  }