[Summary view] [Print] [Text view]

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