[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

/wp-includes/css/dist/components/ -> style-rtl.css (source)

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Breakpoints & Media Queries
   6   */
   7  /**
   8   * Often re-used variables
   9   */
  10  /**
  11   * Breakpoint mixins
  12   */
  13  /**
  14   * Long content fade mixin
  15   *
  16   * Creates a fading overlay to signify that the content is longer
  17   * than the space allows.
  18   */
  19  /**
  20   * Button states and focus styles
  21   */
  22  /**
  23   * Applies editor left position to the selector passed as argument
  24   */
  25  /**
  26   * Applies editor right position to the selector passed as argument
  27   */
  28  /**
  29   * Styles that are reused verbatim in a few places
  30   */
  31  /**
  32   * Allows users to opt-out of animations via OS-level preferences.
  33   */
  34  /**
  35   * Reset default styles for JavaScript UI based pages.
  36   * This is a WP-admin agnostic reset
  37   */
  38  /**
  39   * Reset the WP Admin page styles for Gutenberg-like pages.
  40   */
  41  .components-animate__appear {
  42    animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
  43    animation-fill-mode: forwards; }
  44    @media (prefers-reduced-motion: reduce) {
  45      .components-animate__appear {
  46        animation-duration: 1ms; } }
  47    .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left {
  48      transform-origin: top right; }
  49    .components-animate__appear.is-from-top.is-from-right {
  50      transform-origin: top left; }
  51    .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left {
  52      transform-origin: bottom right; }
  53    .components-animate__appear.is-from-bottom.is-from-right {
  54      transform-origin: bottom left; }
  55  
  56  @keyframes components-animate__appear-animation {
  57    from {
  58      transform: translateY(-2em) scaleY(0) scaleX(0); }
  59    to {
  60      transform: translateY(0%) scaleY(1) scaleX(1); } }
  61  
  62  .components-animate__slide-in {
  63    animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
  64    animation-fill-mode: forwards; }
  65    @media (prefers-reduced-motion: reduce) {
  66      .components-animate__slide-in {
  67        animation-duration: 1ms; } }
  68    .components-animate__slide-in.is-from-left {
  69      transform: translateX(-100%); }
  70  
  71  @keyframes components-animate__slide-in-animation {
  72    100% {
  73      transform: translateX(0%); } }
  74  
  75  .components-animate__loading {
  76    animation: components-animate__loading 1.6s ease-in-out infinite; }
  77  
  78  @keyframes components-animate__loading {
  79    0% {
  80      opacity: 0.5; }
  81    50% {
  82      opacity: 1; }
  83    100% {
  84      opacity: 0.5; } }
  85  
  86  .components-autocomplete__popover .components-popover__content {
  87    min-width: 200px; }
  88  
  89  .components-autocomplete__popover .components-autocomplete__results {
  90    padding: 3px;
  91    display: flex;
  92    flex-direction: column;
  93    align-items: stretch; }
  94    .components-autocomplete__popover .components-autocomplete__results:empty {
  95      display: none; }
  96  
  97  .components-autocomplete__result.components-button {
  98    margin-bottom: 0;
  99    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 100    font-size: 13px;
 101    color: #555d66;
 102    display: flex;
 103    flex-direction: row;
 104    flex-grow: 1;
 105    flex-shrink: 0;
 106    align-items: center;
 107    padding: 6px 8px;
 108    margin-right: -3px;
 109    margin-left: -3px;
 110    text-align: right; }
 111    .components-autocomplete__result.components-button.is-selected {
 112      color: #191e23;
 113      border: none;
 114      box-shadow: none;
 115      outline-offset: -2px;
 116      outline: 1px dotted #555d66; }
 117    .components-autocomplete__result.components-button:hover {
 118      color: #191e23;
 119      border: none;
 120      box-shadow: none;
 121      background: #f3f4f5; }
 122  
 123  .components-base-control {
 124    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 125    font-size: 13px; }
 126    .components-base-control .components-base-control__field {
 127      margin-bottom: 8px; }
 128      .components-panel__row .components-base-control .components-base-control__field {
 129        margin-bottom: inherit; }
 130    .components-base-control .components-base-control__label {
 131      display: inline-block;
 132      margin-bottom: 4px; }
 133    .components-base-control .components-base-control__help {
 134      margin-top: -8px;
 135      font-style: italic; }
 136  
 137  .components-base-control + .components-base-control {
 138    margin-bottom: 16px; }
 139  
 140  .components-button-group {
 141    display: inline-block; }
 142    .components-button-group .components-button.is-button {
 143      border-radius: 0;
 144      display: inline-flex; }
 145      .components-button-group .components-button.is-button + .components-button.is-button {
 146        margin-right: -1px; }
 147      .components-button-group .components-button.is-button:first-child {
 148        border-radius: 0 3px 3px 0; }
 149      .components-button-group .components-button.is-button:last-child {
 150        border-radius: 3px 0 0 3px; }
 151      .components-button-group .components-button.is-button:focus, .components-button-group .components-button.is-button.is-primary {
 152        position: relative;
 153        z-index: 1; }
 154      .components-button-group .components-button.is-button.is-primary {
 155        box-shadow: none; }
 156  
 157  .components-button {
 158    display: inline-flex;
 159    text-decoration: none;
 160    font-size: 13px;
 161    margin: 0;
 162    border: 0;
 163    cursor: pointer;
 164    -webkit-appearance: none;
 165    background: none;
 166    transition: box-shadow 0.1s linear;
 167    /* Buttons that look like links, for a cross of good semantics with the visual */
 168    /* Link buttons that are red to indicate destructive behavior. */ }
 169    @media (prefers-reduced-motion: reduce) {
 170      .components-button {
 171        transition-duration: 0s; } }
 172    .components-button.is-button {
 173      padding: 0 10px;
 174      line-height: 2;
 175      height: 28px;
 176      border-radius: 3px;
 177      white-space: nowrap;
 178      border-width: 1px;
 179      border-style: solid; }
 180    .components-button.is-default {
 181      color: rgb(0, 117, 175);
 182      border-color: rgb(0, 117, 175);
 183      background: #f3f5f6; }
 184    body.admin-color-sunrise .components-button.is-default {
 185      color: rgb(196, 126, 70);
 186      border-color: rgb(196, 126, 70); }
 187    body.admin-color-ocean .components-button.is-default {
 188      color: rgb(153, 174, 152);
 189      border-color: rgb(153, 174, 152); }
 190    body.admin-color-midnight .components-button.is-default {
 191      color: rgb(212, 72, 63);
 192      border-color: rgb(212, 72, 63); }
 193    body.admin-color-ectoplasm .components-button.is-default {
 194      color: rgb(157, 171, 81);
 195      border-color: rgb(157, 171, 81); }
 196    body.admin-color-coffee .components-button.is-default {
 197      color: rgb(182, 156, 132);
 198      border-color: rgb(182, 156, 132); }
 199    body.admin-color-blue .components-button.is-default {
 200      color: rgb(204, 161, 84);
 201      border-color: rgb(204, 161, 84); }
 202    body.admin-color-light .components-button.is-default {
 203      color: rgb(0, 125, 175);
 204      border-color: rgb(0, 125, 175); }
 205      .components-button.is-default:hover {
 206        background: #f1f1f1;
 207        border-color: rgb(0, 93, 140);
 208        color: rgb(0, 93, 140);
 209        text-decoration: none; }
 210      body.admin-color-sunrise .components-button.is-default:hover {
 211        border-color: rgb(157, 101, 56);
 212        color: rgb(157, 101, 56); }
 213      body.admin-color-ocean .components-button.is-default:hover {
 214        border-color: rgb(122, 139, 122);
 215        color: rgb(122, 139, 122); }
 216      body.admin-color-midnight .components-button.is-default:hover {
 217        border-color: rgb(169, 58, 50);
 218        color: rgb(169, 58, 50); }
 219      body.admin-color-ectoplasm .components-button.is-default:hover {
 220        border-color: rgb(125, 137, 65);
 221        color: rgb(125, 137, 65); }
 222      body.admin-color-coffee .components-button.is-default:hover {
 223        border-color: rgb(146, 125, 105);
 224        color: rgb(146, 125, 105); }
 225      body.admin-color-blue .components-button.is-default:hover {
 226        border-color: rgb(163, 128, 67);
 227        color: rgb(163, 128, 67); }
 228      body.admin-color-light .components-button.is-default:hover {
 229        border-color: rgb(0, 100, 140);
 230        color: rgb(0, 100, 140); }
 231      .components-button.is-default:focus:enabled {
 232        background: #f3f5f6;
 233        color: rgb(0, 93, 140);
 234        border-color: rgb(0, 118, 177);
 235        box-shadow: 0 0 0 1px rgb(0, 118, 177);
 236        text-decoration: none; }
 237      body.admin-color-sunrise .components-button.is-default:focus:enabled {
 238        color: rgb(157, 101, 56);
 239        border-color: rgb(199, 127, 70);
 240        box-shadow: 0 0 0 1px rgb(199, 127, 70); }
 241      body.admin-color-ocean .components-button.is-default:focus:enabled {
 242        color: rgb(122, 139, 122);
 243        border-color: rgb(155, 176, 154);
 244        box-shadow: 0 0 0 1px rgb(155, 176, 154); }
 245      body.admin-color-midnight .components-button.is-default:focus:enabled {
 246        color: rgb(169, 58, 50);
 247        border-color: rgb(214, 73, 64);
 248        box-shadow: 0 0 0 1px rgb(214, 73, 64); }
 249      body.admin-color-ectoplasm .components-button.is-default:focus:enabled {
 250        color: rgb(125, 137, 65);
 251        border-color: rgb(159, 173, 82);
 252        box-shadow: 0 0 0 1px rgb(159, 173, 82); }
 253      body.admin-color-coffee .components-button.is-default:focus:enabled {
 254        color: rgb(146, 125, 105);
 255        border-color: rgb(184, 158, 133);
 256        box-shadow: 0 0 0 1px rgb(184, 158, 133); }
 257      body.admin-color-blue .components-button.is-default:focus:enabled {
 258        color: rgb(163, 128, 67);
 259        border-color: rgb(206, 162, 85);
 260        box-shadow: 0 0 0 1px rgb(206, 162, 85); }
 261      body.admin-color-light .components-button.is-default:focus:enabled {
 262        color: rgb(0, 100, 140);
 263        border-color: rgb(0, 126, 177);
 264        box-shadow: 0 0 0 1px rgb(0, 126, 177); }
 265      .components-button.is-default:active:enabled {
 266        background: #f3f5f6;
 267        color: rgb(0, 118, 177);
 268        border-color: #7e8993;
 269        box-shadow: none; }
 270      body.admin-color-sunrise .components-button.is-default:active:enabled {
 271        color: rgb(199, 127, 70); }
 272      body.admin-color-ocean .components-button.is-default:active:enabled {
 273        color: rgb(155, 176, 154); }
 274      body.admin-color-midnight .components-button.is-default:active:enabled {
 275        color: rgb(214, 73, 64); }
 276      body.admin-color-ectoplasm .components-button.is-default:active:enabled {
 277        color: rgb(159, 173, 82); }
 278      body.admin-color-coffee .components-button.is-default:active:enabled {
 279        color: rgb(184, 158, 133); }
 280      body.admin-color-blue .components-button.is-default:active:enabled {
 281        color: rgb(206, 162, 85); }
 282      body.admin-color-light .components-button.is-default:active:enabled {
 283        color: rgb(0, 126, 177); }
 284      .components-button.is-default:disabled, .components-button.is-default[aria-disabled="true"] {
 285        color: #a0a5aa;
 286        border-color: #ddd;
 287        background: #f7f7f7;
 288        text-shadow: 0 1px 0 #fff;
 289        transform: none;
 290        opacity: 1; }
 291    .components-button.is-primary {
 292      background: rgb(0, 124, 186);
 293      border-color: rgb(0, 124, 186);
 294      color: #fff;
 295      text-decoration: none;
 296      text-shadow: none; }
 297    body.admin-color-sunrise .components-button.is-primary {
 298      background: rgb(209, 134, 74);
 299      border-color: rgb(209, 134, 74); }
 300    body.admin-color-ocean .components-button.is-primary {
 301      background: rgb(163, 185, 162);
 302      border-color: rgb(163, 185, 162); }
 303    body.admin-color-midnight .components-button.is-primary {
 304      background: rgb(225, 77, 67);
 305      border-color: rgb(225, 77, 67); }
 306    body.admin-color-ectoplasm .components-button.is-primary {
 307      background: rgb(167, 182, 86);
 308      border-color: rgb(167, 182, 86); }
 309    body.admin-color-coffee .components-button.is-primary {
 310      background: rgb(194, 166, 140);
 311      border-color: rgb(194, 166, 140); }
 312    body.admin-color-blue .components-button.is-primary {
 313      background: rgb(217, 171, 89);
 314      border-color: rgb(217, 171, 89); }
 315    body.admin-color-light .components-button.is-primary {
 316      background: rgb(0, 133, 186);
 317      border-color: rgb(0, 133, 186); }
 318      .components-button.is-primary:hover, .components-button.is-primary:focus:enabled {
 319        background: rgb(0, 112, 167);
 320        border-color: rgb(0, 112, 167);
 321        color: #fff; }
 322      body.admin-color-sunrise .components-button.is-primary:hover, body.admin-color-sunrise .components-button.is-primary:focus:enabled {
 323        background: rgb(188, 121, 67);
 324        border-color: rgb(188, 121, 67); }
 325      body.admin-color-ocean .components-button.is-primary:hover, body.admin-color-ocean .components-button.is-primary:focus:enabled {
 326        background: rgb(147, 167, 146);
 327        border-color: rgb(147, 167, 146); }
 328      body.admin-color-midnight .components-button.is-primary:hover, body.admin-color-midnight .components-button.is-primary:focus:enabled {
 329        background: rgb(203, 69, 60);
 330        border-color: rgb(203, 69, 60); }
 331      body.admin-color-ectoplasm .components-button.is-primary:hover, body.admin-color-ectoplasm .components-button.is-primary:focus:enabled {
 332        background: rgb(150, 164, 77);
 333        border-color: rgb(150, 164, 77); }
 334      body.admin-color-coffee .components-button.is-primary:hover, body.admin-color-coffee .components-button.is-primary:focus:enabled {
 335        background: rgb(175, 149, 126);
 336        border-color: rgb(175, 149, 126); }
 337      body.admin-color-blue .components-button.is-primary:hover, body.admin-color-blue .components-button.is-primary:focus:enabled {
 338        background: rgb(195, 154, 80);
 339        border-color: rgb(195, 154, 80); }
 340      body.admin-color-light .components-button.is-primary:hover, body.admin-color-light .components-button.is-primary:focus:enabled {
 341        background: rgb(0, 120, 167);
 342        border-color: rgb(0, 120, 167); }
 343      .components-button.is-primary:focus:enabled {
 344        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0, 124, 186); }
 345      body.admin-color-sunrise .components-button.is-primary:focus:enabled {
 346        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(209, 134, 74); }
 347      body.admin-color-ocean .components-button.is-primary:focus:enabled {
 348        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(163, 185, 162); }
 349      body.admin-color-midnight .components-button.is-primary:focus:enabled {
 350        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(225, 77, 67); }
 351      body.admin-color-ectoplasm .components-button.is-primary:focus:enabled {
 352        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(167, 182, 86); }
 353      body.admin-color-coffee .components-button.is-primary:focus:enabled {
 354        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(194, 166, 140); }
 355      body.admin-color-blue .components-button.is-primary:focus:enabled {
 356        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(217, 171, 89); }
 357      body.admin-color-light .components-button.is-primary:focus:enabled {
 358        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0, 133, 186); }
 359      .components-button.is-primary:active:enabled {
 360        background: rgb(0, 99, 149);
 361        border-color: rgb(0, 99, 149);
 362        color: #fff; }
 363      body.admin-color-sunrise .components-button.is-primary:active:enabled {
 364        background: rgb(167, 107, 59);
 365        border-color: rgb(167, 107, 59); }
 366      body.admin-color-ocean .components-button.is-primary:active:enabled {
 367        background: rgb(130, 148, 130);
 368        border-color: rgb(130, 148, 130); }
 369      body.admin-color-midnight .components-button.is-primary:active:enabled {
 370        background: rgb(180, 62, 54);
 371        border-color: rgb(180, 62, 54); }
 372      body.admin-color-ectoplasm .components-button.is-primary:active:enabled {
 373        background: rgb(134, 146, 69);
 374        border-color: rgb(134, 146, 69); }
 375      body.admin-color-coffee .components-button.is-primary:active:enabled {
 376        background: rgb(155, 133, 112);
 377        border-color: rgb(155, 133, 112); }
 378      body.admin-color-blue .components-button.is-primary:active:enabled {
 379        background: rgb(174, 137, 71);
 380        border-color: rgb(174, 137, 71); }
 381      body.admin-color-light .components-button.is-primary:active:enabled {
 382        background: rgb(0, 106, 149);
 383        border-color: rgb(0, 106, 149); }
 384      .components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled="true"], .components-button.is-primary[aria-disabled="true"]:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled {
 385        color: rgb(102, 176, 214);
 386        background: rgb(25, 137, 193);
 387        border-color: rgb(25, 137, 193);
 388        opacity: 1; }
 389      body.admin-color-sunrise .components-button.is-primary:disabled, body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"], body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled {
 390        color: rgb(227, 182, 146);
 391        background: rgb(214, 146, 92);
 392        border-color: rgb(214, 146, 92); }
 393      body.admin-color-ocean .components-button.is-primary:disabled, body.admin-color-ocean .components-button.is-primary:disabled:active:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"], body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled {
 394        color: rgb(200, 213, 199);
 395        background: rgb(172, 192, 171);
 396        border-color: rgb(172, 192, 171); }
 397      body.admin-color-midnight .components-button.is-primary:disabled, body.admin-color-midnight .components-button.is-primary:disabled:active:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"], body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled {
 398        color: rgb(237, 148, 142);
 399        background: rgb(228, 95, 86);
 400        border-color: rgb(228, 95, 86); }
 401      body.admin-color-ectoplasm .components-button.is-primary:disabled, body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"], body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled {
 402        color: rgb(202, 211, 154);
 403        background: rgb(176, 189, 103);
 404        border-color: rgb(176, 189, 103); }
 405      body.admin-color-coffee .components-button.is-primary:disabled, body.admin-color-coffee .components-button.is-primary:disabled:active:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"], body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled {
 406        color: rgb(218, 202, 186);
 407        background: rgb(200, 175, 152);
 408        border-color: rgb(200, 175, 152); }
 409      body.admin-color-blue .components-button.is-primary:disabled, body.admin-color-blue .components-button.is-primary:disabled:active:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"], body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled {
 410        color: rgb(232, 205, 155);
 411        background: rgb(221, 179, 106);
 412        border-color: rgb(221, 179, 106); }
 413      body.admin-color-light .components-button.is-primary:disabled, body.admin-color-light .components-button.is-primary:disabled:active:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"], body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled {
 414        color: rgb(102, 182, 214);
 415        background: rgb(25, 145, 193);
 416        border-color: rgb(25, 145, 193); }
 417        .components-button.is-primary:disabled.is-button, .components-button.is-primary:disabled.is-button:hover, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary:disabled:active:enabled.is-button, .components-button.is-primary:disabled:active:enabled.is-button:hover, .components-button.is-primary:disabled:active:enabled:active:enabled, .components-button.is-primary[aria-disabled="true"].is-button, .components-button.is-primary[aria-disabled="true"].is-button:hover, .components-button.is-primary[aria-disabled="true"]:active:enabled, .components-button.is-primary[aria-disabled="true"]:enabled.is-button, .components-button.is-primary[aria-disabled="true"]:enabled.is-button:hover, .components-button.is-primary[aria-disabled="true"]:enabled:active:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled.is-button, .components-button.is-primary[aria-disabled="true"]:active:enabled.is-button:hover, .components-button.is-primary[aria-disabled="true"]:active:enabled:active:enabled {
 418          box-shadow: none;
 419          text-shadow: none; }
 420        .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:focus:enabled, .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 421          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0, 124, 186); }
 422        body.admin-color-sunrise .components-button.is-primary:disabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 423          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(209, 134, 74); }
 424        body.admin-color-ocean .components-button.is-primary:disabled:focus:enabled, body.admin-color-ocean .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 425          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(163, 185, 162); }
 426        body.admin-color-midnight .components-button.is-primary:disabled:focus:enabled, body.admin-color-midnight .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 427          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(225, 77, 67); }
 428        body.admin-color-ectoplasm .components-button.is-primary:disabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 429          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(167, 182, 86); }
 430        body.admin-color-coffee .components-button.is-primary:disabled:focus:enabled, body.admin-color-coffee .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 431          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(194, 166, 140); }
 432        body.admin-color-blue .components-button.is-primary:disabled:focus:enabled, body.admin-color-blue .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 433          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(217, 171, 89); }
 434        body.admin-color-light .components-button.is-primary:disabled:focus:enabled, body.admin-color-light .components-button.is-primary:disabled:active:enabled:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled {
 435          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0, 133, 186); }
 436      .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled="true"] {
 437        color: #fff;
 438        background-size: 100px 100%;
 439        /* stylelint-disable */
 440        background-image: linear-gradient(45deg, #007cba 28%, rgb(0, 99, 149) 28%, rgb(0, 99, 149) 72%, #007cba 72%);
 441        /* stylelint-enable */
 442        border-color: rgb(0, 124, 186); }
 443      body.admin-color-sunrise .components-button.is-primary.is-busy, body.admin-color-sunrise .components-button.is-primary.is-busy:disabled, body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] {
 444        background-image: linear-gradient(45deg, #d1864a 28%, rgb(167, 107, 59) 28%, rgb(167, 107, 59) 72%, #d1864a 72%);
 445        border-color: rgb(209, 134, 74); }
 446      body.admin-color-ocean .components-button.is-primary.is-busy, body.admin-color-ocean .components-button.is-primary.is-busy:disabled, body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] {
 447        background-image: linear-gradient(45deg, #a3b9a2 28%, rgb(130, 148, 130) 28%, rgb(130, 148, 130) 72%, #a3b9a2 72%);
 448        border-color: rgb(163, 185, 162); }
 449      body.admin-color-midnight .components-button.is-primary.is-busy, body.admin-color-midnight .components-button.is-primary.is-busy:disabled, body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] {
 450        background-image: linear-gradient(45deg, #e14d43 28%, rgb(180, 62, 54) 28%, rgb(180, 62, 54) 72%, #e14d43 72%);
 451        border-color: rgb(225, 77, 67); }
 452      body.admin-color-ectoplasm .components-button.is-primary.is-busy, body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled, body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] {
 453        background-image: linear-gradient(45deg, #a7b656 28%, rgb(134, 146, 69) 28%, rgb(134, 146, 69) 72%, #a7b656 72%);
 454        border-color: rgb(167, 182, 86); }
 455      body.admin-color-coffee .components-button.is-primary.is-busy, body.admin-color-coffee .components-button.is-primary.is-busy:disabled, body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] {
 456        background-image: linear-gradient(45deg, #c2a68c 28%, rgb(155, 133, 112) 28%, rgb(155, 133, 112) 72%, #c2a68c 72%);
 457        border-color: rgb(194, 166, 140); }
 458      body.admin-color-blue .components-button.is-primary.is-busy, body.admin-color-blue .components-button.is-primary.is-busy:disabled, body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] {
 459        background-image: linear-gradient(45deg, #d9ab59 28%, rgb(174, 137, 71) 28%, rgb(174, 137, 71) 72%, #d9ab59 72%);
 460        border-color: rgb(217, 171, 89); }
 461      body.admin-color-light .components-button.is-primary.is-busy, body.admin-color-light .components-button.is-primary.is-busy:disabled, body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] {
 462        background-image: linear-gradient(45deg, #0085ba 28%, rgb(0, 106, 149) 28%, rgb(0, 106, 149) 72%, #0085ba 72%);
 463        border-color: rgb(0, 133, 186); }
 464    .components-button.is-link {
 465      margin: 0;
 466      padding: 0;
 467      box-shadow: none;
 468      border: 0;
 469      border-radius: 0;
 470      background: none;
 471      outline: none;
 472      text-align: right;
 473      /* Mimics the default link style in common.css */
 474      color: #0073aa;
 475      text-decoration: underline;
 476      transition-property: border, background, color;
 477      transition-duration: 0.05s;
 478      transition-timing-function: ease-in-out; }
 479      @media (prefers-reduced-motion: reduce) {
 480        .components-button.is-link {
 481          transition-duration: 0s; } }
 482      .components-button.is-link:hover, .components-button.is-link:active {
 483        color: #00a0d2; }
 484      .components-button.is-link:focus {
 485        color: #124964;
 486        box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
 487    .components-button.is-link.is-destructive {
 488      color: #d94f4f; }
 489    .components-button:active {
 490      color: inherit; }
 491    .components-button:disabled, .components-button[aria-disabled="true"] {
 492      cursor: default;
 493      opacity: 0.3; }
 494    .components-button:focus:not(:disabled) {
 495      background-color: #fff;
 496      color: #191e23;
 497      box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
 498      outline: 2px solid transparent; }
 499    .components-button.is-busy, .components-button.is-default.is-busy, .components-button.is-default.is-busy:disabled, .components-button.is-default.is-busy[aria-disabled="true"] {
 500      animation: components-button__busy-animation 2500ms infinite linear;
 501      background-size: 100px 100%;
 502      background-image: repeating-linear-gradient(45deg, #e2e4e7, #fff 11px, #fff 10px, #e2e4e7 20px);
 503      opacity: 1; }
 504    .components-button.is-large {
 505      height: 30px;
 506      line-height: 28px;
 507      padding: 0 12px 2px; }
 508    .components-button.is-small {
 509      height: 24px;
 510      line-height: 22px;
 511      padding: 0 8px 1px;
 512      font-size: 11px; }
 513    .components-button.is-tertiary {
 514      color: #007cba;
 515      padding: 0 10px;
 516      line-height: 26px;
 517      height: 28px; }
 518    body.admin-color-sunrise .components-button.is-tertiary {
 519      color: #837425; }
 520    body.admin-color-ocean .components-button.is-tertiary {
 521      color: #5e7d5e; }
 522    body.admin-color-midnight .components-button.is-tertiary {
 523      color: #497b8d; }
 524    body.admin-color-ectoplasm .components-button.is-tertiary {
 525      color: #523f6d; }
 526    body.admin-color-coffee .components-button.is-tertiary {
 527      color: #59524c; }
 528    body.admin-color-blue .components-button.is-tertiary {
 529      color: #417e9B; }
 530    body.admin-color-light .components-button.is-tertiary {
 531      color: #007cba; }
 532      .components-button.is-tertiary .dashicon {
 533        display: inline-block;
 534        flex: 0 0 auto; }
 535      .components-button.is-tertiary svg {
 536        fill: currentColor;
 537        outline: none; }
 538      .components-button.is-tertiary:active:focus:enabled {
 539        box-shadow: none; }
 540      .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 541        color: rgb(0, 93, 140); }
 542      body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 543        color: rgb(98, 87, 28); }
 544      body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 545        color: rgb(71, 94, 71); }
 546      body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 547        color: rgb(55, 92, 106); }
 548      body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 549        color: rgb(62, 47, 82); }
 550      body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 551        color: rgb(67, 62, 57); }
 552      body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 553        color: rgb(49, 95, 116); }
 554      body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
 555        color: rgb(0, 93, 140); }
 556    .components-button .screen-reader-text {
 557      height: auto; }
 558  
 559  @keyframes components-button__busy-animation {
 560    0% {
 561      background-position: 200px 0; } }
 562  
 563  .components-checkbox-control__input[type="checkbox"] {
 564    border: 1px solid #b4b9be;
 565    background: #fff;
 566    color: #555;
 567    clear: none;
 568    cursor: pointer;
 569    display: inline-block;
 570    line-height: 0;
 571    margin: 0 0 0 4px;
 572    outline: 0;
 573    padding: 0 !important;
 574    text-align: center;
 575    vertical-align: top;
 576    width: 25px;
 577    height: 25px;
 578    -webkit-appearance: none;
 579    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 580    transition: 0.05s border-color ease-in-out; }
 581    @media (min-width: 600px) {
 582      .components-checkbox-control__input[type="checkbox"] {
 583        height: 16px;
 584        width: 16px; } }
 585    .components-checkbox-control__input[type="checkbox"]:focus {
 586      border-color: #5b9dd9;
 587      box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
 588      outline: 2px solid transparent; }
 589    .components-checkbox-control__input[type="checkbox"]:checked {
 590      background: #11a0d2;
 591      border-color: #11a0d2; }
 592      .components-checkbox-control__input[type="checkbox"]:checked::-ms-check {
 593        opacity: 0; }
 594    .components-checkbox-control__input[type="checkbox"]:focus:checked {
 595      border: none; }
 596    .components-checkbox-control__input[type="checkbox"]:checked::before {
 597      content: none; }
 598  
 599  .components-checkbox-control__input-container {
 600    position: relative;
 601    display: inline-block;
 602    margin-left: 12px;
 603    vertical-align: middle;
 604    width: 25px;
 605    height: 25px; }
 606    @media (min-width: 600px) {
 607      .components-checkbox-control__input-container {
 608        width: 16px;
 609        height: 16px; } }
 610  
 611  svg.dashicon.components-checkbox-control__checked {
 612    fill: #fff;
 613    cursor: pointer;
 614    position: absolute;
 615    right: -4px;
 616    top: -2px;
 617    width: 31px;
 618    height: 31px;
 619    -webkit-user-select: none;
 620       -moz-user-select: none;
 621        -ms-user-select: none;
 622            user-select: none;
 623    pointer-events: none; }
 624    @media (min-width: 600px) {
 625      svg.dashicon.components-checkbox-control__checked {
 626        width: 21px;
 627        height: 21px;
 628        right: -3px; } }
 629  
 630  .component-color-indicator {
 631    width: 25px;
 632    height: 16px;
 633    margin-right: 0.8rem;
 634    border: 1px solid #dadada;
 635    display: inline-block; }
 636    .component-color-indicator + .component-color-indicator {
 637      margin-right: 0.5rem; }
 638  
 639  .components-color-palette {
 640    margin-left: -14px;
 641    width: calc(100% + 14px); }
 642    .components-color-palette .components-color-palette__custom-clear-wrapper {
 643      width: calc(100% - 14px);
 644      display: flex;
 645      justify-content: flex-end; }
 646  
 647  .components-color-palette__item-wrapper {
 648    display: inline-block;
 649    height: 28px;
 650    width: 28px;
 651    margin-left: 14px;
 652    margin-bottom: 14px;
 653    vertical-align: top;
 654    transform: scale(1);
 655    transition: 100ms transform ease; }
 656    @media (prefers-reduced-motion: reduce) {
 657      .components-color-palette__item-wrapper {
 658        transition-duration: 0s; } }
 659    .components-color-palette__item-wrapper:hover {
 660      transform: scale(1.2); }
 661    .components-color-palette__item-wrapper > div {
 662      height: 100%;
 663      width: 100%; }
 664  
 665  .components-color-palette__item {
 666    display: inline-block;
 667    vertical-align: top;
 668    height: 100%;
 669    width: 100%;
 670    border: none;
 671    border-radius: 50%;
 672    background: transparent;
 673    box-shadow: inset 0 0 0 14px;
 674    transition: 100ms box-shadow ease;
 675    cursor: pointer; }
 676    @media (prefers-reduced-motion: reduce) {
 677      .components-color-palette__item {
 678        transition-duration: 0s; } }
 679    .components-color-palette__item.is-active {
 680      box-shadow: inset 0 0 0 4px;
 681      position: relative;
 682      z-index: 1; }
 683      .components-color-palette__item.is-active + .dashicons-saved {
 684        position: absolute;
 685        right: 4px;
 686        top: 4px; }
 687    .components-color-palette__item::after {
 688      content: "";
 689      position: absolute;
 690      top: -1px;
 691      right: -1px;
 692      bottom: -1px;
 693      left: -1px;
 694      border-radius: 50%;
 695      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
 696      border: 1px solid transparent; }
 697    .components-color-palette__item:focus {
 698      outline: none; }
 699      .components-color-palette__item:focus::after {
 700        content: "";
 701        border: 2px solid #606a73;
 702        width: 32px;
 703        height: 32px;
 704        position: absolute;
 705        top: -2px;
 706        right: -2px;
 707        border-radius: 50%;
 708        box-shadow: inset 0 0 0 2px #fff; }
 709  
 710  .components-color-palette__custom-color {
 711    margin-left: 16px; }
 712    .components-color-palette__custom-color .components-button {
 713      line-height: 22px; }
 714  
 715  /**
 716   * Parts of this source were derived and modified from react-color,
 717   * released under the MIT license.
 718   *
 719   * https://github.com/casesandberg/react-color/
 720   *
 721   * Copyright (c) 2015 Case Sandberg
 722   *
 723   * Permission is hereby granted, free of charge, to any person obtaining a copy
 724   * of this software and associated documentation files (the "Software"), to deal
 725   * in the Software without restriction, including without limitation the rights
 726   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 727   * copies of the Software, and to permit persons to whom the Software is
 728   * furnished to do so, subject to the following conditions:
 729   *
 730   * The above copyright notice and this permission notice shall be included in
 731   * all copies or substantial portions of the Software.
 732   *
 733   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 734   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 735   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 736   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 737   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 738   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 739   * THE SOFTWARE.
 740   */
 741  .components-color-picker {
 742    width: 100%;
 743    overflow: hidden; }
 744  
 745  .components-color-picker__saturation {
 746    width: 100%;
 747    padding-bottom: 55%;
 748    position: relative; }
 749  
 750  .components-color-picker__body {
 751    padding: 16px 16px 12px; }
 752  
 753  .components-color-picker__controls {
 754    display: flex; }
 755  
 756  .components-color-picker__saturation-pointer,
 757  .components-color-picker__hue-pointer,
 758  .components-color-picker__alpha-pointer {
 759    padding: 0;
 760    position: absolute;
 761    cursor: pointer;
 762    box-shadow: none;
 763    border: none; }
 764  
 765  /* CURRENT COLOR COMPONENT */
 766  .components-color-picker__swatch {
 767    margin-left: 8px;
 768    width: 32px;
 769    height: 32px;
 770    border-radius: 50%;
 771    position: relative;
 772    overflow: hidden;
 773    background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%);
 774    background-size: 10px 10px;
 775    background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; }
 776    .is-alpha-disabled .components-color-picker__swatch {
 777      width: 12px;
 778      height: 12px;
 779      margin-top: 0; }
 780  
 781  .components-color-picker__active {
 782    position: absolute;
 783    top: 0;
 784    right: 0;
 785    left: 0;
 786    bottom: 0;
 787    border-radius: 50%;
 788    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 789    z-index: 2; }
 790  
 791  /* SATURATION COMPONENT */
 792  .components-color-picker__saturation-color,
 793  .components-color-picker__saturation-white,
 794  .components-color-picker__saturation-black {
 795    position: absolute;
 796    top: 0;
 797    right: 0;
 798    left: 0;
 799    bottom: 0; }
 800  
 801  .components-color-picker__saturation-color {
 802    overflow: hidden; }
 803  
 804  .components-color-picker__saturation-white {
 805    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
 806  
 807  .components-color-picker__saturation-black {
 808    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }
 809  
 810  .components-color-picker__saturation-pointer {
 811    width: 8px;
 812    height: 8px;
 813    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
 814    border-radius: 50%;
 815    background-color: transparent;
 816    transform: translate(4px, -4px); }
 817  
 818  /* HUE & ALPHA BARS */
 819  .components-color-picker__toggles {
 820    flex: 1; }
 821  
 822  .components-color-picker__alpha {
 823    background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%);
 824    background-size: 10px 10px;
 825    background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; }
 826  
 827  .components-color-picker__hue-gradient,
 828  .components-color-picker__alpha-gradient {
 829    position: absolute;
 830    top: 0;
 831    right: 0;
 832    left: 0;
 833    bottom: 0; }
 834  
 835  .components-color-picker__hue,
 836  .components-color-picker__alpha {
 837    height: 12px;
 838    position: relative; }
 839  
 840  .is-alpha-enabled .components-color-picker__hue {
 841    margin-bottom: 8px; }
 842  
 843  .components-color-picker__hue-bar,
 844  .components-color-picker__alpha-bar {
 845    position: relative;
 846    margin: 0 3px;
 847    height: 100%;
 848    padding: 0 2px; }
 849  
 850  .components-color-picker__hue-gradient {
 851    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }
 852  
 853  .components-color-picker__hue-pointer,
 854  .components-color-picker__alpha-pointer {
 855    left: 0;
 856    width: 14px;
 857    height: 14px;
 858    border-radius: 50%;
 859    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 860    background: #fff;
 861    transform: translate(7px, -1px); }
 862  
 863  .components-color-picker__hue-pointer,
 864  .components-color-picker__saturation-pointer {
 865    transition: box-shadow 0.1s linear; }
 866    @media (prefers-reduced-motion: reduce) {
 867      .components-color-picker__hue-pointer,
 868      .components-color-picker__saturation-pointer {
 869        transition-duration: 0s; } }
 870  
 871  .components-color-picker__saturation-pointer:focus {
 872    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); }
 873  
 874  .components-color-picker__hue-pointer:focus,
 875  .components-color-picker__alpha-pointer:focus {
 876    border-color: #00a0d2;
 877    box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2;
 878    outline: 2px solid transparent;
 879    outline-offset: -2px; }
 880  
 881  /* INPUTS COMPONENT */
 882  .components-color-picker__inputs-wrapper {
 883    margin: 0 -4px;
 884    padding-top: 16px;
 885    display: flex;
 886    align-items: flex-end; }
 887    .components-color-picker__inputs-wrapper fieldset {
 888      flex: 1; }
 889    .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] {
 890      padding: 2px; }
 891  
 892  .components-color-picker__inputs-fields {
 893    display: flex;
 894    direction: ltr; }
 895    .components-color-picker__inputs-fields .components-base-control__field {
 896      margin: 0 4px; }
 897  
 898  svg.dashicon {
 899    fill: currentColor;
 900    outline: none; }
 901  .PresetDateRangePicker_panel {
 902    padding: 0 22px 11px; }
 903  
 904  .PresetDateRangePicker_button {
 905    position: relative;
 906    height: 100%;
 907    text-align: center;
 908    background: 0 0;
 909    border: 2px solid #00a699;
 910    color: #00a699;
 911    padding: 4px 12px;
 912    margin-right: 8px;
 913    font: inherit;
 914    font-weight: 700;
 915    line-height: normal;
 916    overflow: visible;
 917    box-sizing: border-box;
 918    cursor: pointer; }
 919  
 920  .PresetDateRangePicker_button:active {
 921    outline: 0; }
 922  
 923  .PresetDateRangePicker_button__selected {
 924    color: #fff;
 925    background: #00a699; }
 926  
 927  .SingleDatePickerInput {
 928    display: inline-block;
 929    background-color: #fff; }
 930  
 931  .SingleDatePickerInput__withBorder {
 932    border-radius: 2px;
 933    border: 1px solid #dbdbdb; }
 934  
 935  .SingleDatePickerInput__rtl {
 936    direction: rtl; }
 937  
 938  .SingleDatePickerInput__disabled {
 939    background-color: #f2f2f2; }
 940  
 941  .SingleDatePickerInput__block {
 942    display: block; }
 943  
 944  .SingleDatePickerInput__showClearDate {
 945    padding-right: 30px; }
 946  
 947  .SingleDatePickerInput_clearDate {
 948    background: 0 0;
 949    border: 0;
 950    color: inherit;
 951    font: inherit;
 952    line-height: normal;
 953    overflow: visible;
 954    cursor: pointer;
 955    padding: 10px;
 956    margin: 0 10px 0 5px;
 957    position: absolute;
 958    right: 0;
 959    top: 50%;
 960    transform: translateY(-50%); }
 961  
 962  .SingleDatePickerInput_clearDate__default:focus,
 963  .SingleDatePickerInput_clearDate__default:hover {
 964    background: #dbdbdb;
 965    border-radius: 50%; }
 966  
 967  .SingleDatePickerInput_clearDate__small {
 968    padding: 6px; }
 969  
 970  .SingleDatePickerInput_clearDate__hide {
 971    visibility: hidden; }
 972  
 973  .SingleDatePickerInput_clearDate_svg {
 974    fill: #82888a;
 975    height: 12px;
 976    width: 15px;
 977    vertical-align: middle; }
 978  
 979  .SingleDatePickerInput_clearDate_svg__small {
 980    height: 9px; }
 981  
 982  .SingleDatePickerInput_calendarIcon {
 983    background: 0 0;
 984    border: 0;
 985    color: inherit;
 986    font: inherit;
 987    line-height: normal;
 988    overflow: visible;
 989    cursor: pointer;
 990    display: inline-block;
 991    vertical-align: middle;
 992    padding: 10px;
 993    margin: 0 5px 0 10px; }
 994  
 995  .SingleDatePickerInput_calendarIcon_svg {
 996    fill: #82888a;
 997    height: 15px;
 998    width: 14px;
 999    vertical-align: middle; }
1000  
1001  .SingleDatePicker {
1002    position: relative;
1003    display: inline-block; }
1004  
1005  .SingleDatePicker__block {
1006    display: block; }
1007  
1008  .SingleDatePicker_picker {
1009    z-index: 1;
1010    background-color: #fff;
1011    position: absolute; }
1012  
1013  .SingleDatePicker_picker__rtl {
1014    direction: rtl; }
1015  
1016  .SingleDatePicker_picker__directionLeft {
1017    left: 0; }
1018  
1019  .SingleDatePicker_picker__directionRight {
1020    right: 0; }
1021  
1022  .SingleDatePicker_picker__portal {
1023    background-color: rgba(0, 0, 0, 0.3);
1024    position: fixed;
1025    top: 0;
1026    left: 0;
1027    height: 100%;
1028    width: 100%; }
1029  
1030  .SingleDatePicker_picker__fullScreenPortal {
1031    background-color: #fff; }
1032  
1033  .SingleDatePicker_closeButton {
1034    background: 0 0;
1035    border: 0;
1036    color: inherit;
1037    font: inherit;
1038    line-height: normal;
1039    overflow: visible;
1040    cursor: pointer;
1041    position: absolute;
1042    top: 0;
1043    right: 0;
1044    padding: 15px;
1045    z-index: 2; }
1046  
1047  .SingleDatePicker_closeButton:focus,
1048  .SingleDatePicker_closeButton:hover {
1049    color: #b0b3b4;
1050    text-decoration: none; }
1051  
1052  .SingleDatePicker_closeButton_svg {
1053    height: 15px;
1054    width: 15px;
1055    fill: #cacccd; }
1056  
1057  .DayPickerKeyboardShortcuts_buttonReset {
1058    background: 0 0;
1059    border: 0;
1060    border-radius: 0;
1061    color: inherit;
1062    font: inherit;
1063    line-height: normal;
1064    overflow: visible;
1065    padding: 0;
1066    cursor: pointer;
1067    font-size: 14px; }
1068  
1069  .DayPickerKeyboardShortcuts_buttonReset:active {
1070    outline: 0; }
1071  
1072  .DayPickerKeyboardShortcuts_show {
1073    width: 22px;
1074    position: absolute;
1075    z-index: 2; }
1076  
1077  .DayPickerKeyboardShortcuts_show__bottomRight {
1078    border-top: 26px solid transparent;
1079    border-right: 33px solid #00a699;
1080    bottom: 0;
1081    right: 0; }
1082  
1083  .DayPickerKeyboardShortcuts_show__bottomRight:hover {
1084    border-right: 33px solid #008489; }
1085  
1086  .DayPickerKeyboardShortcuts_show__topRight {
1087    border-bottom: 26px solid transparent;
1088    border-right: 33px solid #00a699;
1089    top: 0;
1090    right: 0; }
1091  
1092  .DayPickerKeyboardShortcuts_show__topRight:hover {
1093    border-right: 33px solid #008489; }
1094  
1095  .DayPickerKeyboardShortcuts_show__topLeft {
1096    border-bottom: 26px solid transparent;
1097    border-left: 33px solid #00a699;
1098    top: 0;
1099    left: 0; }
1100  
1101  .DayPickerKeyboardShortcuts_show__topLeft:hover {
1102    border-left: 33px solid #008489; }
1103  
1104  .DayPickerKeyboardShortcuts_showSpan {
1105    color: #fff;
1106    position: absolute; }
1107  
1108  .DayPickerKeyboardShortcuts_showSpan__bottomRight {
1109    bottom: 0;
1110    right: -28px; }
1111  
1112  .DayPickerKeyboardShortcuts_showSpan__topRight {
1113    top: 1px;
1114    right: -28px; }
1115  
1116  .DayPickerKeyboardShortcuts_showSpan__topLeft {
1117    top: 1px;
1118    left: -28px; }
1119  
1120  .DayPickerKeyboardShortcuts_panel {
1121    overflow: auto;
1122    background: #fff;
1123    border: 1px solid #dbdbdb;
1124    border-radius: 2px;
1125    position: absolute;
1126    top: 0;
1127    bottom: 0;
1128    right: 0;
1129    left: 0;
1130    z-index: 2;
1131    padding: 22px;
1132    margin: 33px; }
1133  
1134  .DayPickerKeyboardShortcuts_title {
1135    font-size: 16px;
1136    font-weight: 700;
1137    margin: 0; }
1138  
1139  .DayPickerKeyboardShortcuts_list {
1140    list-style: none;
1141    padding: 0;
1142    font-size: 14px; }
1143  
1144  .DayPickerKeyboardShortcuts_close {
1145    position: absolute;
1146    right: 22px;
1147    top: 22px;
1148    z-index: 2; }
1149  
1150  .DayPickerKeyboardShortcuts_close:active {
1151    outline: 0; }
1152  
1153  .DayPickerKeyboardShortcuts_closeSvg {
1154    height: 15px;
1155    width: 15px;
1156    fill: #cacccd; }
1157  
1158  .DayPickerKeyboardShortcuts_closeSvg:focus,
1159  .DayPickerKeyboardShortcuts_closeSvg:hover {
1160    fill: #82888a; }
1161  
1162  .CalendarDay {
1163    box-sizing: border-box;
1164    cursor: pointer;
1165    font-size: 14px;
1166    text-align: center; }
1167  
1168  .CalendarDay:active {
1169    outline: 0; }
1170  
1171  .CalendarDay__defaultCursor {
1172    cursor: default; }
1173  
1174  .CalendarDay__default {
1175    border: 1px solid #e4e7e7;
1176    color: #484848;
1177    background: #fff; }
1178  
1179  .CalendarDay__default:hover {
1180    background: #e4e7e7;
1181    border: 1px double #e4e7e7;
1182    color: inherit; }
1183  
1184  .CalendarDay__hovered_offset {
1185    background: #f4f5f5;
1186    border: 1px double #e4e7e7;
1187    color: inherit; }
1188  
1189  .CalendarDay__outside {
1190    border: 0;
1191    background: #fff;
1192    color: #484848; }
1193  
1194  .CalendarDay__outside:hover {
1195    border: 0; }
1196  
1197  .CalendarDay__blocked_minimum_nights {
1198    background: #fff;
1199    border: 1px solid #eceeee;
1200    color: #cacccd; }
1201  
1202  .CalendarDay__blocked_minimum_nights:active,
1203  .CalendarDay__blocked_minimum_nights:hover {
1204    background: #fff;
1205    color: #cacccd; }
1206  
1207  .CalendarDay__highlighted_calendar {
1208    background: #ffe8bc;
1209    color: #484848; }
1210  
1211  .CalendarDay__highlighted_calendar:active,
1212  .CalendarDay__highlighted_calendar:hover {
1213    background: #ffce71;
1214    color: #484848; }
1215  
1216  .CalendarDay__selected_span {
1217    background: #66e2da;
1218    border: 1px solid #33dacd;
1219    color: #fff; }
1220  
1221  .CalendarDay__selected_span:active,
1222  .CalendarDay__selected_span:hover {
1223    background: #33dacd;
1224    border: 1px solid #33dacd;
1225    color: #fff; }
1226  
1227  .CalendarDay__last_in_range {
1228    border-right: #00a699; }
1229  
1230  .CalendarDay__selected,
1231  .CalendarDay__selected:active,
1232  .CalendarDay__selected:hover {
1233    background: #00a699;
1234    border: 1px solid #00a699;
1235    color: #fff; }
1236  
1237  .CalendarDay__hovered_span,
1238  .CalendarDay__hovered_span:hover {
1239    background: #b2f1ec;
1240    border: 1px solid #80e8e0;
1241    color: #007a87; }
1242  
1243  .CalendarDay__hovered_span:active {
1244    background: #80e8e0;
1245    border: 1px solid #80e8e0;
1246    color: #007a87; }
1247  
1248  .CalendarDay__blocked_calendar,
1249  .CalendarDay__blocked_calendar:active,
1250  .CalendarDay__blocked_calendar:hover {
1251    background: #cacccd;
1252    border: 1px solid #cacccd;
1253    color: #82888a; }
1254  
1255  .CalendarDay__blocked_out_of_range,
1256  .CalendarDay__blocked_out_of_range:active,
1257  .CalendarDay__blocked_out_of_range:hover {
1258    background: #fff;
1259    border: 1px solid #e4e7e7;
1260    color: #cacccd; }
1261  
1262  .CalendarMonth {
1263    background: #fff;
1264    text-align: center;
1265    vertical-align: top;
1266    -webkit-user-select: none;
1267    -moz-user-select: none;
1268    -ms-user-select: none;
1269    user-select: none; }
1270  
1271  .CalendarMonth_table {
1272    border-collapse: collapse;
1273    border-spacing: 0; }
1274  
1275  .CalendarMonth_verticalSpacing {
1276    border-collapse: separate; }
1277  
1278  .CalendarMonth_caption {
1279    color: #484848;
1280    font-size: 18px;
1281    text-align: center;
1282    padding-top: 22px;
1283    padding-bottom: 37px;
1284    caption-side: initial; }
1285  
1286  .CalendarMonth_caption__verticalScrollable {
1287    padding-top: 12px;
1288    padding-bottom: 7px; }
1289  
1290  .CalendarMonthGrid {
1291    background: #fff;
1292    text-align: left;
1293    z-index: 0; }
1294  
1295  .CalendarMonthGrid__animating {
1296    z-index: 1; }
1297  
1298  .CalendarMonthGrid__horizontal {
1299    position: absolute;
1300    left: 9px; }
1301  
1302  .CalendarMonthGrid__vertical {
1303    margin: 0 auto; }
1304  
1305  .CalendarMonthGrid__vertical_scrollable {
1306    margin: 0 auto;
1307    overflow-y: scroll; }
1308  
1309  .CalendarMonthGrid_month__horizontal {
1310    display: inline-block;
1311    vertical-align: top;
1312    min-height: 100%; }
1313  
1314  .CalendarMonthGrid_month__hideForAnimation {
1315    position: absolute;
1316    z-index: -1;
1317    opacity: 0;
1318    pointer-events: none; }
1319  
1320  .CalendarMonthGrid_month__hidden {
1321    visibility: hidden; }
1322  
1323  .DayPickerNavigation {
1324    position: relative;
1325    z-index: 2; }
1326  
1327  .DayPickerNavigation__horizontal {
1328    height: 0; }
1329  
1330  .DayPickerNavigation__verticalDefault {
1331    position: absolute;
1332    width: 100%;
1333    height: 52px;
1334    bottom: 0;
1335    left: 0; }
1336  
1337  .DayPickerNavigation__verticalScrollableDefault {
1338    position: relative; }
1339  
1340  .DayPickerNavigation_button {
1341    cursor: pointer;
1342    -webkit-user-select: none;
1343    -moz-user-select: none;
1344    -ms-user-select: none;
1345    user-select: none;
1346    border: 0;
1347    padding: 0;
1348    margin: 0; }
1349  
1350  .DayPickerNavigation_button__default {
1351    border: 1px solid #e4e7e7;
1352    background-color: #fff;
1353    color: #757575; }
1354  
1355  .DayPickerNavigation_button__default:focus,
1356  .DayPickerNavigation_button__default:hover {
1357    border: 1px solid #c4c4c4; }
1358  
1359  .DayPickerNavigation_button__default:active {
1360    background: #f2f2f2; }
1361  
1362  .DayPickerNavigation_button__horizontalDefault {
1363    position: absolute;
1364    top: 18px;
1365    line-height: .78;
1366    border-radius: 3px;
1367    padding: 6px 9px; }
1368  
1369  .DayPickerNavigation_leftButton__horizontalDefault {
1370    left: 22px; }
1371  
1372  .DayPickerNavigation_rightButton__horizontalDefault {
1373    right: 22px; }
1374  
1375  .DayPickerNavigation_button__verticalDefault {
1376    padding: 5px;
1377    background: #fff;
1378    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
1379    position: relative;
1380    display: inline-block;
1381    height: 100%;
1382    width: 50%; }
1383  
1384  .DayPickerNavigation_nextButton__verticalDefault {
1385    border-left: 0; }
1386  
1387  .DayPickerNavigation_nextButton__verticalScrollableDefault {
1388    width: 100%; }
1389  
1390  .DayPickerNavigation_svg__horizontal {
1391    height: 19px;
1392    width: 19px;
1393    fill: #82888a;
1394    display: block; }
1395  
1396  .DayPickerNavigation_svg__vertical {
1397    height: 42px;
1398    width: 42px;
1399    fill: #484848;
1400    display: block; }
1401  
1402  .DayPicker {
1403    background: #fff;
1404    position: relative;
1405    text-align: left; }
1406  
1407  .DayPicker__horizontal {
1408    background: #fff; }
1409  
1410  .DayPicker__verticalScrollable {
1411    height: 100%; }
1412  
1413  .DayPicker__hidden {
1414    visibility: hidden; }
1415  
1416  .DayPicker__withBorder {
1417    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
1418    border-radius: 3px; }
1419  
1420  .DayPicker_portal__horizontal {
1421    box-shadow: none;
1422    position: absolute;
1423    left: 50%;
1424    top: 50%; }
1425  
1426  .DayPicker_portal__vertical {
1427    position: initial; }
1428  
1429  .DayPicker_focusRegion {
1430    outline: 0; }
1431  
1432  .DayPicker_calendarInfo__horizontal,
1433  .DayPicker_wrapper__horizontal {
1434    display: inline-block;
1435    vertical-align: top; }
1436  
1437  .DayPicker_weekHeaders {
1438    position: relative; }
1439  
1440  .DayPicker_weekHeaders__horizontal {
1441    margin-left: 9px; }
1442  
1443  .DayPicker_weekHeader {
1444    color: #757575;
1445    position: absolute;
1446    top: 62px;
1447    z-index: 2;
1448    text-align: left; }
1449  
1450  .DayPicker_weekHeader__vertical {
1451    left: 50%; }
1452  
1453  .DayPicker_weekHeader__verticalScrollable {
1454    top: 0;
1455    display: table-row;
1456    border-bottom: 1px solid #dbdbdb;
1457    background: #fff;
1458    margin-left: 0;
1459    left: 0;
1460    width: 100%;
1461    text-align: center; }
1462  
1463  .DayPicker_weekHeader_ul {
1464    list-style: none;
1465    margin: 1px 0;
1466    padding-left: 0;
1467    padding-right: 0;
1468    font-size: 14px; }
1469  
1470  .DayPicker_weekHeader_li {
1471    display: inline-block;
1472    text-align: center; }
1473  
1474  .DayPicker_transitionContainer {
1475    position: relative;
1476    overflow: hidden;
1477    border-radius: 3px; }
1478  
1479  .DayPicker_transitionContainer__horizontal {
1480    transition: height .2s ease-in-out; }
1481  
1482  .DayPicker_transitionContainer__vertical {
1483    width: 100%; }
1484  
1485  .DayPicker_transitionContainer__verticalScrollable {
1486    padding-top: 20px;
1487    height: 100%;
1488    position: absolute;
1489    top: 0;
1490    bottom: 0;
1491    right: 0;
1492    left: 0;
1493    overflow-y: scroll; }
1494  
1495  .DateInput {
1496    margin: 0;
1497    padding: 0;
1498    background: #fff;
1499    position: relative;
1500    display: inline-block;
1501    width: 130px;
1502    vertical-align: middle; }
1503  
1504  .DateInput__small {
1505    width: 97px; }
1506  
1507  .DateInput__block {
1508    width: 100%; }
1509  
1510  .DateInput__disabled {
1511    background: #f2f2f2;
1512    color: #dbdbdb; }
1513  
1514  .DateInput_input {
1515    font-weight: 200;
1516    font-size: 19px;
1517    line-height: 24px;
1518    color: #484848;
1519    background-color: #fff;
1520    width: 100%;
1521    padding: 11px 11px 9px;
1522    border: 0;
1523    border-top: 0;
1524    border-right: 0;
1525    border-bottom: 2px solid transparent;
1526    border-left: 0;
1527    border-radius: 0; }
1528  
1529  .DateInput_input__small {
1530    font-size: 15px;
1531    line-height: 18px;
1532    letter-spacing: .2px;
1533    padding: 7px 7px 5px; }
1534  
1535  .DateInput_input__regular {
1536    font-weight: auto; }
1537  
1538  .DateInput_input__readOnly {
1539    -webkit-user-select: none;
1540    -moz-user-select: none;
1541    -ms-user-select: none;
1542    user-select: none; }
1543  
1544  .DateInput_input__focused {
1545    outline: 0;
1546    background: #fff;
1547    border: 0;
1548    border-top: 0;
1549    border-right: 0;
1550    border-bottom: 2px solid #008489;
1551    border-left: 0; }
1552  
1553  .DateInput_input__disabled {
1554    background: #f2f2f2;
1555    font-style: italic; }
1556  
1557  .DateInput_screenReaderMessage {
1558    border: 0;
1559    clip: rect(0, 0, 0, 0);
1560    height: 1px;
1561    margin: -1px;
1562    overflow: hidden;
1563    padding: 0;
1564    position: absolute;
1565    width: 1px; }
1566  
1567  .DateInput_fang {
1568    position: absolute;
1569    width: 20px;
1570    height: 10px;
1571    left: 22px;
1572    z-index: 2; }
1573  
1574  .DateInput_fangShape {
1575    fill: #fff; }
1576  
1577  .DateInput_fangStroke {
1578    stroke: #dbdbdb;
1579    fill: transparent; }
1580  
1581  .DateRangePickerInput {
1582    background-color: #fff;
1583    display: inline-block; }
1584  
1585  .DateRangePickerInput__disabled {
1586    background: #f2f2f2; }
1587  
1588  .DateRangePickerInput__withBorder {
1589    border-radius: 2px;
1590    border: 1px solid #dbdbdb; }
1591  
1592  .DateRangePickerInput__rtl {
1593    direction: rtl; }
1594  
1595  .DateRangePickerInput__block {
1596    display: block; }
1597  
1598  .DateRangePickerInput__showClearDates {
1599    padding-right: 30px; }
1600  
1601  .DateRangePickerInput_arrow {
1602    display: inline-block;
1603    vertical-align: middle;
1604    color: #484848; }
1605  
1606  .DateRangePickerInput_arrow_svg {
1607    vertical-align: middle;
1608    fill: #484848;
1609    height: 24px;
1610    width: 24px; }
1611  
1612  .DateRangePickerInput_clearDates {
1613    background: 0 0;
1614    border: 0;
1615    color: inherit;
1616    font: inherit;
1617    line-height: normal;
1618    overflow: visible;
1619    cursor: pointer;
1620    padding: 10px;
1621    margin: 0 10px 0 5px;
1622    position: absolute;
1623    right: 0;
1624    top: 50%;
1625    transform: translateY(-50%); }
1626  
1627  .DateRangePickerInput_clearDates__small {
1628    padding: 6px; }
1629  
1630  .DateRangePickerInput_clearDates_default:focus,
1631  .DateRangePickerInput_clearDates_default:hover {
1632    background: #dbdbdb;
1633    border-radius: 50%; }
1634  
1635  .DateRangePickerInput_clearDates__hide {
1636    visibility: hidden; }
1637  
1638  .DateRangePickerInput_clearDates_svg {
1639    fill: #82888a;
1640    height: 12px;
1641    width: 15px;
1642    vertical-align: middle; }
1643  
1644  .DateRangePickerInput_clearDates_svg__small {
1645    height: 9px; }
1646  
1647  .DateRangePickerInput_calendarIcon {
1648    background: 0 0;
1649    border: 0;
1650    color: inherit;
1651    font: inherit;
1652    line-height: normal;
1653    overflow: visible;
1654    cursor: pointer;
1655    display: inline-block;
1656    vertical-align: middle;
1657    padding: 10px;
1658    margin: 0 5px 0 10px; }
1659  
1660  .DateRangePickerInput_calendarIcon_svg {
1661    fill: #82888a;
1662    height: 15px;
1663    width: 14px;
1664    vertical-align: middle; }
1665  
1666  .DateRangePicker {
1667    position: relative;
1668    display: inline-block; }
1669  
1670  .DateRangePicker__block {
1671    display: block; }
1672  
1673  .DateRangePicker_picker {
1674    z-index: 1;
1675    background-color: #fff;
1676    position: absolute; }
1677  
1678  .DateRangePicker_picker__rtl {
1679    direction: rtl; }
1680  
1681  .DateRangePicker_picker__directionLeft {
1682    left: 0; }
1683  
1684  .DateRangePicker_picker__directionRight {
1685    right: 0; }
1686  
1687  .DateRangePicker_picker__portal {
1688    background-color: rgba(0, 0, 0, 0.3);
1689    position: fixed;
1690    top: 0;
1691    left: 0;
1692    height: 100%;
1693    width: 100%; }
1694  
1695  .DateRangePicker_picker__fullScreenPortal {
1696    background-color: #fff; }
1697  
1698  .DateRangePicker_closeButton {
1699    background: 0 0;
1700    border: 0;
1701    color: inherit;
1702    font: inherit;
1703    line-height: normal;
1704    overflow: visible;
1705    cursor: pointer;
1706    position: absolute;
1707    top: 0;
1708    right: 0;
1709    padding: 15px;
1710    z-index: 2; }
1711  
1712  .DateRangePicker_closeButton:focus,
1713  .DateRangePicker_closeButton:hover {
1714    color: #b0b3b4;
1715    text-decoration: none; }
1716  
1717  .DateRangePicker_closeButton_svg {
1718    height: 15px;
1719    width: 15px;
1720    fill: #cacccd; }
1721  .components-datetime .components-datetime__calendar-help {
1722    padding: 8px; }
1723    .components-datetime .components-datetime__calendar-help h4 {
1724      margin: 0; }
1725  
1726  .components-datetime .components-datetime__date-help-button {
1727    display: block;
1728    margin-right: auto;
1729    margin-left: 8px;
1730    margin-top: 0.5em; }
1731  
1732  .components-datetime fieldset {
1733    border: 0;
1734    padding: 0;
1735    margin: 0; }
1736  
1737  .components-datetime select,
1738  .components-datetime input {
1739    box-sizing: border-box;
1740    height: 28px;
1741    vertical-align: middle;
1742    padding: 0;
1743    box-shadow: 0 0 0 transparent;
1744    transition: box-shadow 0.1s linear;
1745    border-radius: 4px;
1746    border: 1px solid #7e8993; }
1747    @media (prefers-reduced-motion: reduce) {
1748      .components-datetime select,
1749      .components-datetime input {
1750        transition-duration: 0s; } }
1751  
1752  .components-datetime__date {
1753    min-height: 236px;
1754    border-top: 1px solid #e2e4e7;
1755    margin-right: -8px;
1756    margin-left: -8px; }
1757    .components-datetime__date .CalendarMonth_caption {
1758      font-size: 13px; }
1759    .components-datetime__date .CalendarDay {
1760      font-size: 13px;
1761      border: 1px solid transparent;
1762      border-radius: 50%;
1763      text-align: center; }
1764    .components-datetime__date .CalendarDay__selected {
1765      background: #0085ba; }
1766    body.admin-color-sunrise .components-datetime__date .CalendarDay__selected {
1767      background: #d1864a; }
1768    body.admin-color-ocean .components-datetime__date .CalendarDay__selected {
1769      background: #a3b9a2; }
1770    body.admin-color-midnight .components-datetime__date .CalendarDay__selected {
1771      background: #e14d43; }
1772    body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected {
1773      background: #a7b656; }
1774    body.admin-color-coffee .components-datetime__date .CalendarDay__selected {
1775      background: #c2a68c; }
1776    body.admin-color-blue .components-datetime__date .CalendarDay__selected {
1777      background: #82b4cb; }
1778    body.admin-color-light .components-datetime__date .CalendarDay__selected {
1779      background: #0085ba; }
1780      .components-datetime__date .CalendarDay__selected:hover {
1781        background: rgb(0, 113, 158); }
1782      body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover {
1783        background: rgb(178, 114, 63); }
1784      body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover {
1785        background: rgb(139, 157, 138); }
1786      body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover {
1787        background: rgb(191, 65, 57); }
1788      body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover {
1789        background: rgb(142, 155, 73); }
1790      body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover {
1791        background: rgb(165, 141, 119); }
1792      body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover {
1793        background: rgb(111, 153, 173); }
1794      body.admin-color-light .components-datetime__date .CalendarDay__selected:hover {
1795        background: rgb(0, 113, 158); }
1796    .components-datetime__date .DayPickerNavigation_button__horizontalDefault {
1797      padding: 2px 8px;
1798      top: 20px; }
1799      .components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus {
1800        color: #191e23;
1801        border-color: #007cba;
1802        box-shadow: 0 0 0 1px #007cba;
1803        outline: 2px solid transparent; }
1804    .components-datetime__date .DayPicker_weekHeader {
1805      top: 50px; }
1806    .components-datetime__date.is-description-visible .DayPicker,
1807    .components-datetime__date.is-description-visible .components-datetime__date-help-button {
1808      visibility: hidden; }
1809  
1810  .components-datetime__time {
1811    margin-bottom: 1em; }
1812    .components-datetime__time fieldset {
1813      margin-top: 0.5em;
1814      position: relative; }
1815    .components-datetime__time .components-datetime__time-field-am-pm fieldset {
1816      margin-top: 0; }
1817    .components-datetime__time .components-datetime__time-wrapper {
1818      display: flex; }
1819      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
1820        display: inline-block;
1821        padding: 0 0 0 3px;
1822        color: #555d66; }
1823      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button {
1824        margin-right: 8px;
1825        margin-left: -1px;
1826        border-radius: 0 3px 3px 0; }
1827      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button {
1828        margin-right: -1px;
1829        border-radius: 3px 0 0 3px; }
1830      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button:focus,
1831      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button:focus {
1832        position: relative;
1833        z-index: 1; }
1834      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled,
1835      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled {
1836        background: #edeff0;
1837        border-color: #8f98a1;
1838        box-shadow: inset 0 2px 5px -3px #555d66; }
1839        .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled:focus,
1840        .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled:focus {
1841          box-shadow: inset 0 2px 5px -3px #555d66, 0 0 0 1px #fff, 0 0 0 3px #007cba; }
1842      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time {
1843        direction: ltr; }
1844      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button {
1845        font-size: 11px;
1846        font-weight: 600; }
1847      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select {
1848        margin-left: 4px; }
1849        .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus {
1850          position: relative;
1851          z-index: 1; }
1852      .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] {
1853        padding: 2px;
1854        margin-left: 4px;
1855        text-align: center;
1856        -moz-appearance: textfield; }
1857        .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus {
1858          position: relative;
1859          z-index: 1; }
1860        .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button {
1861          -webkit-appearance: none;
1862          margin: 0; }
1863    .components-datetime__time.is-12-hour .components-datetime__time-field-day input {
1864      margin: 0 0 0 -4px !important;
1865      border-radius: 0 4px 4px 0 !important; }
1866    .components-datetime__time.is-12-hour .components-datetime__time-field-year input {
1867      border-radius: 4px 0 0 4px !important; }
1868  
1869  .components-datetime__time-legend {
1870    font-weight: 600;
1871    margin-top: 0.5em; }
1872    .components-datetime__time-legend.invisible {
1873      position: absolute;
1874      top: -999em;
1875      right: -999em; }
1876  
1877  .components-datetime__time-field-hours-input,
1878  .components-datetime__time-field-minutes-input,
1879  .components-datetime__time-field-day-input {
1880    width: 35px; }
1881  
1882  .components-datetime__time-field-year-input {
1883    width: 55px; }
1884  
1885  .components-datetime__time-field-month-select {
1886    max-width: 145px; }
1887  
1888  .components-popover .components-datetime__date {
1889    padding-right: 4px; }
1890  
1891  .components-popover.edit-post-post-schedule__dialog.is-bottom.is-left {
1892    z-index: 100000; }
1893  
1894  .components-disabled {
1895    position: relative;
1896    pointer-events: none; }
1897    .components-disabled::after {
1898      content: "";
1899      position: absolute;
1900      top: 0;
1901      left: 0;
1902      bottom: 0;
1903      right: 0; }
1904    .components-disabled * {
1905      pointer-events: none; }
1906  
1907  body.is-dragging-components-draggable {
1908    cursor: move;
1909    /* Fallback for IE/Edge < 14 */
1910    cursor: grabbing !important; }
1911  
1912  .components-draggable__invisible-drag-image {
1913    position: fixed;
1914    right: -1000px;
1915    height: 50px;
1916    width: 50px; }
1917  
1918  .components-draggable__clone {
1919    position: fixed;
1920    padding: 20px;
1921    background: transparent;
1922    pointer-events: none;
1923    z-index: 1000000000;
1924    opacity: 0.8; }
1925  
1926  .components-drop-zone {
1927    position: absolute;
1928    top: 0;
1929    left: 0;
1930    bottom: 0;
1931    right: 0;
1932    z-index: 40;
1933    visibility: hidden;
1934    opacity: 0;
1935    transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
1936    border: 2px solid #0071a1;
1937    border-radius: 2px; }
1938    @media (prefers-reduced-motion: reduce) {
1939      .components-drop-zone {
1940        transition-duration: 0s; } }
1941    .components-drop-zone.is-active {
1942      opacity: 1;
1943      visibility: visible;
1944      transition: 0.3s opacity, 0.3s background-color; }
1945      @media (prefers-reduced-motion: reduce) {
1946        .components-drop-zone.is-active {
1947          transition-duration: 0s; } }
1948    .components-drop-zone.is-dragging-over-element {
1949      background-color: rgba(0, 113, 161, 0.8); }
1950  
1951  .components-drop-zone__content {
1952    position: absolute;
1953    top: 50%;
1954    right: 0;
1955    left: 0;
1956    z-index: 50;
1957    transform: translateY(-50%);
1958    width: 100%;
1959    text-align: center;
1960    color: #fff;
1961    transition: transform 0.2s ease-in-out; }
1962    @media (prefers-reduced-motion: reduce) {
1963      .components-drop-zone__content {
1964        transition-duration: 0s; } }
1965  
1966  .components-drop-zone.is-dragging-over-element .components-drop-zone__content {
1967    transform: translateY(-50%) scale(1.05); }
1968  
1969  .components-drop-zone__content-icon,
1970  .components-drop-zone__content-text {
1971    display: block; }
1972  
1973  .components-drop-zone__content-icon {
1974    margin: 0 auto;
1975    line-height: 0; }
1976  
1977  .components-drop-zone__content-text {
1978    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
1979  
1980  .components-drop-zone__provider {
1981    height: 100%; }
1982  
1983  .components-dropdown-menu {
1984    padding: 3px;
1985    display: flex; }
1986    .components-dropdown-menu .components-dropdown-menu__toggle {
1987      width: auto;
1988      margin: 0;
1989      padding: 4px;
1990      border: 1px solid transparent;
1991      display: flex;
1992      flex-direction: row; }
1993      .components-dropdown-menu .components-dropdown-menu__toggle.is-active, .components-dropdown-menu .components-dropdown-menu__toggle.is-active:hover {
1994        box-shadow: none;
1995        background-color: #555d66;
1996        color: #fff; }
1997      .components-dropdown-menu .components-dropdown-menu__toggle:focus::before {
1998        top: -3px;
1999        left: -3px;
2000        bottom: -3px;
2001        right: -3px; }
2002      .components-dropdown-menu .components-dropdown-menu__toggle:hover, .components-dropdown-menu .components-dropdown-menu__toggle:focus, .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
2003        color: #555d66;
2004        box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
2005      .components-dropdown-menu .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after {
2006        content: "";
2007        pointer-events: none;
2008        display: block;
2009        width: 0;
2010        height: 0;
2011        border-right: 3px solid transparent;
2012        border-left: 3px solid transparent;
2013        border-top: 5px solid;
2014        margin-right: 4px;
2015        margin-left: 2px; }
2016  
2017  .components-dropdown-menu__popover .components-popover__content {
2018    width: 200px; }
2019  
2020  .components-dropdown-menu__menu {
2021    width: 100%;
2022    padding: 7px 0;
2023    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2024    font-size: 13px;
2025    line-height: 1.4; }
2026    .components-dropdown-menu__menu .components-dropdown-menu__menu-item,
2027    .components-dropdown-menu__menu .components-menu-item {
2028      width: 100%;
2029      padding: 6px;
2030      outline: none;
2031      cursor: pointer;
2032      margin-bottom: 4px; }
2033      .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,
2034      .components-dropdown-menu__menu .components-menu-item.has-separator {
2035        margin-top: 6px;
2036        position: relative;
2037        overflow: visible; }
2038      .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before,
2039      .components-dropdown-menu__menu .components-menu-item.has-separator::before {
2040        display: block;
2041        content: "";
2042        box-sizing: content-box;
2043        background-color: #e2e4e7;
2044        position: absolute;
2045        top: -3px;
2046        right: 0;
2047        left: 0;
2048        height: 1px; }
2049      .components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-default),
2050      .components-dropdown-menu__menu .components-menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
2051        color: #191e23;
2052        border: none;
2053        box-shadow: none;
2054        outline-offset: -2px;
2055        outline: 1px dotted #555d66; }
2056      .components-dropdown-menu__menu .components-dropdown-menu__menu-item:hover, .components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
2057      .components-dropdown-menu__menu .components-menu-item:hover,
2058      .components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
2059        color: #191e23;
2060        border: none;
2061        box-shadow: none;
2062        background: #f3f4f5; }
2063      .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg,
2064      .components-dropdown-menu__menu .components-menu-item > svg {
2065        border-radius: 4px;
2066        padding: 2px;
2067        width: 24px;
2068        height: 24px;
2069        margin: -1px 0 -1px 8px; }
2070      .components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg,
2071      .components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg {
2072        outline: none;
2073        color: #fff;
2074        box-shadow: none;
2075        background: #555d66; }
2076    .components-dropdown-menu__menu .components-menu-group:not(:last-child) {
2077      border-bottom: 1px solid #e2e4e7; }
2078    .components-dropdown-menu__menu .components-menu-item__button,
2079    .components-dropdown-menu__menu .components-menu-item__button.components-icon-button {
2080      padding-right: 2rem; }
2081      .components-dropdown-menu__menu .components-menu-item__button.has-icon,
2082      .components-dropdown-menu__menu .components-menu-item__button.components-icon-button.has-icon {
2083        padding-right: 0.5rem; }
2084      .components-dropdown-menu__menu .components-menu-item__button .dashicon,
2085      .components-dropdown-menu__menu .components-menu-item__button.components-icon-button .dashicon {
2086        margin-left: 4px; }
2087  
2088  .components-external-link__icon {
2089    width: 1.4em;
2090    height: 1.4em;
2091    margin: -0.2em 0.1em 0;
2092    vertical-align: middle; }
2093  
2094  .components-focal-point-picker-wrapper {
2095    background-color: transparent;
2096    border: 1px solid #e2e4e7;
2097    height: 200px;
2098    width: 100%;
2099    padding: 14px; }
2100  
2101  .components-focal-point-picker {
2102    align-items: center;
2103    cursor: pointer;
2104    display: flex;
2105    height: 100%;
2106    justify-content: center;
2107    position: relative;
2108    width: 100%; }
2109    .components-focal-point-picker img {
2110      height: auto;
2111      max-height: 100%;
2112      max-width: 100%;
2113      width: auto;
2114      -webkit-user-select: none;
2115         -moz-user-select: none;
2116          -ms-user-select: none;
2117              user-select: none; }
2118  
2119  .components-focal-point-picker__icon_container {
2120    background-color: transparent;
2121    cursor: grab;
2122    height: 30px;
2123    opacity: 0.8;
2124    position: absolute;
2125    will-change: transform;
2126    width: 30px;
2127    z-index: 10000; }
2128    .components-focal-point-picker__icon_container.is-dragging {
2129      cursor: grabbing; }
2130  
2131  .components-focal-point-picker__icon {
2132    display: block;
2133    height: 100%;
2134    right: -15px;
2135    position: absolute;
2136    top: -15px;
2137    width: 100%; }
2138    .components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
2139      fill: #fff; }
2140    .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2141      fill: #0085ba; }
2142    body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2143      fill: #d1864a; }
2144    body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2145      fill: #a3b9a2; }
2146    body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2147      fill: #e14d43; }
2148    body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2149      fill: #a7b656; }
2150    body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2151      fill: #c2a68c; }
2152    body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2153      fill: #82b4cb; }
2154    body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
2155      fill: #0085ba; }
2156  
2157  .components-focal-point-picker_position-display-container {
2158    margin: 1em 0;
2159    display: flex; }
2160    .components-focal-point-picker_position-display-container .components-base-control__field {
2161      margin: 0 0 0 1em; }
2162    .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input {
2163      max-width: 4em;
2164      padding: 6px 4px; }
2165    .components-focal-point-picker_position-display-container span {
2166      margin: 0 0.2em 0 0; }
2167  
2168  .components-font-size-picker__controls {
2169    max-width: 248px;
2170    display: flex;
2171    justify-content: space-between;
2172    align-items: center;
2173    margin-bottom: 24px; }
2174    .components-font-size-picker__controls .components-range-control__number {
2175      height: 30px;
2176      margin-right: 0; }
2177      .components-font-size-picker__controls .components-range-control__number[value=""] + .components-button {
2178        cursor: default;
2179        opacity: 0.3;
2180        pointer-events: none; }
2181  
2182  .components-font-size-picker__select.components-font-size-picker__select.components-font-size-picker__select.components-font-size-picker__select,
2183  .components-font-size-picker__select .components-base-control__field {
2184    margin-bottom: 0; }
2185  
2186  .components-font-size-picker__custom-input .components-range-control__slider + .dashicon {
2187    width: 30px;
2188    height: 30px; }
2189  
2190  .components-form-file-upload .components-button.is-large {
2191    padding-right: 6px; }
2192  
2193  .components-form-toggle {
2194    position: relative;
2195    display: inline-block; }
2196    .components-form-toggle .components-form-toggle__on,
2197    .components-form-toggle .components-form-toggle__off {
2198      position: absolute;
2199      top: 6px;
2200      box-sizing: border-box; }
2201    .components-form-toggle .components-form-toggle__off {
2202      color: #6c7781;
2203      fill: currentColor;
2204      left: 6px; }
2205    .components-form-toggle .components-form-toggle__on {
2206      right: 8px; }
2207    .components-form-toggle .components-form-toggle__track {
2208      content: "";
2209      display: inline-block;
2210      box-sizing: border-box;
2211      vertical-align: top;
2212      background-color: #fff;
2213      border: 2px solid #6c7781;
2214      width: 36px;
2215      height: 18px;
2216      border-radius: 9px;
2217      transition: 0.2s background ease; }
2218      @media (prefers-reduced-motion: reduce) {
2219        .components-form-toggle .components-form-toggle__track {
2220          transition-duration: 0s; } }
2221    .components-form-toggle .components-form-toggle__thumb {
2222      display: block;
2223      position: absolute;
2224      box-sizing: border-box;
2225      top: 4px;
2226      right: 4px;
2227      width: 10px;
2228      height: 10px;
2229      border-radius: 50%;
2230      transition: 0.1s transform ease;
2231      background-color: #6c7781;
2232      border: 5px solid #6c7781; }
2233      @media (prefers-reduced-motion: reduce) {
2234        .components-form-toggle .components-form-toggle__thumb {
2235          transition-duration: 0s; } }
2236    .components-form-toggle:hover .components-form-toggle__track {
2237      border: 2px solid #555d66; }
2238    .components-form-toggle:hover .components-form-toggle__thumb {
2239      background-color: #555d66;
2240      border: 5px solid #6c7781; }
2241    .components-form-toggle:hover .components-form-toggle__off {
2242      color: #555d66; }
2243    .components-form-toggle.is-checked .components-form-toggle__track {
2244      background-color: #11a0d2;
2245      border: 2px solid #11a0d2;
2246      border: 9px solid transparent; }
2247    body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track {
2248      background-color: #c8b03c;
2249      border: 2px solid #c8b03c; }
2250    body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track {
2251      background-color: #a3b9a2;
2252      border: 2px solid #a3b9a2; }
2253    body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track {
2254      background-color: #77a6b9;
2255      border: 2px solid #77a6b9; }
2256    body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track {
2257      background-color: #a7b656;
2258      border: 2px solid #a7b656; }
2259    body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track {
2260      background-color: #c2a68c;
2261      border: 2px solid #c2a68c; }
2262    body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track {
2263      background-color: #82b4cb;
2264      border: 2px solid #82b4cb; }
2265    body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track {
2266      background-color: #11a0d2;
2267      border: 2px solid #11a0d2; }
2268    .components-form-toggle__input:focus + .components-form-toggle__track {
2269      box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781;
2270      outline: 2px solid transparent;
2271      outline-offset: 2px; }
2272    .components-form-toggle.is-checked .components-form-toggle__thumb {
2273      background-color: #fff;
2274      border-width: 0;
2275      transform: translateX(-18px); }
2276    .components-form-toggle.is-checked::before {
2277      background-color: #11a0d2;
2278      border: 2px solid #11a0d2; }
2279    body.admin-color-sunrise .components-form-toggle.is-checked::before {
2280      background-color: #c8b03c;
2281      border: 2px solid #c8b03c; }
2282    body.admin-color-ocean .components-form-toggle.is-checked::before {
2283      background-color: #a3b9a2;
2284      border: 2px solid #a3b9a2; }
2285    body.admin-color-midnight .components-form-toggle.is-checked::before {
2286      background-color: #77a6b9;
2287      border: 2px solid #77a6b9; }
2288    body.admin-color-ectoplasm .components-form-toggle.is-checked::before {
2289      background-color: #a7b656;
2290      border: 2px solid #a7b656; }
2291    body.admin-color-coffee .components-form-toggle.is-checked::before {
2292      background-color: #c2a68c;
2293      border: 2px solid #c2a68c; }
2294    body.admin-color-blue .components-form-toggle.is-checked::before {
2295      background-color: #82b4cb;
2296      border: 2px solid #82b4cb; }
2297    body.admin-color-light .components-form-toggle.is-checked::before {
2298      background-color: #11a0d2;
2299      border: 2px solid #11a0d2; }
2300    .components-disabled .components-form-toggle {
2301      opacity: 0.3; }
2302  
2303  .components-form-toggle input.components-form-toggle__input[type="checkbox"] {
2304    position: absolute;
2305    top: 0;
2306    right: 0;
2307    width: 100%;
2308    height: 100%;
2309    opacity: 0;
2310    margin: 0;
2311    padding: 0;
2312    z-index: 1;
2313    border: none; }
2314    .components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked {
2315      background: none; }
2316    .components-form-toggle input.components-form-toggle__input[type="checkbox"]::before {
2317      content: ""; }
2318  
2319  .components-form-toggle .components-form-toggle__on {
2320    outline: 1px solid transparent;
2321    outline-offset: -1px;
2322    border: 1px solid #000;
2323    filter: invert(100%) contrast(500%); }
2324  
2325  @supports (-ms-high-contrast-adjust: auto) {
2326    .components-form-toggle .components-form-toggle__on {
2327      filter: none;
2328      border: 1px solid #fff; } }
2329  
2330  .components-form-token-field__input-container {
2331    display: flex;
2332    flex-wrap: wrap;
2333    align-items: flex-start;
2334    width: 100%;
2335    margin: 0 0 8px 0;
2336    padding: 4px;
2337    background-color: #fff;
2338    border: 1px solid #ccd0d4;
2339    color: #32373c;
2340    cursor: text;
2341    box-shadow: 0 0 0 transparent;
2342    transition: box-shadow 0.1s linear;
2343    border-radius: 4px;
2344    border: 1px solid #7e8993; }
2345    @media (prefers-reduced-motion: reduce) {
2346      .components-form-token-field__input-container {
2347        transition-duration: 0s; } }
2348    .components-form-token-field__input-container.is-disabled {
2349      background: #e2e4e7;
2350      border-color: #ccd0d4; }
2351    .components-form-token-field__input-container.is-active {
2352      color: #191e23;
2353      border-color: #007cba;
2354      box-shadow: 0 0 0 1px #007cba;
2355      outline: 2px solid transparent; }
2356    .components-form-token-field__input-container input[type="text"].components-form-token-field__input {
2357      display: inline-block;
2358      width: 100%;
2359      max-width: 100%;
2360      margin: 2px 8px 2px 0;
2361      padding: 0;
2362      min-height: 24px;
2363      background: inherit;
2364      border: 0;
2365      color: #23282d;
2366      box-shadow: none; }
2367      .components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus,
2368      .components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input {
2369        outline: none;
2370        box-shadow: none; }
2371    .components-form-token-field__input-container .components-form-token-field__token + input[type="text"].components-form-token-field__input {
2372      width: auto; }
2373  
2374  .components-form-token-field__label {
2375    display: inline-block;
2376    margin-bottom: 4px; }
2377  
2378  .components-form-token-field__help {
2379    font-style: italic; }
2380  
2381  .components-form-token-field__token {
2382    font-size: 13px;
2383    display: flex;
2384    margin: 2px 0 2px 4px;
2385    color: #32373c;
2386    overflow: hidden; }
2387    .components-form-token-field__token.is-success .components-form-token-field__token-text,
2388    .components-form-token-field__token.is-success .components-form-token-field__remove-token {
2389      background: #4ab866; }
2390    .components-form-token-field__token.is-error .components-form-token-field__token-text,
2391    .components-form-token-field__token.is-error .components-form-token-field__remove-token {
2392      background: #d94f4f; }
2393    .components-form-token-field__token.is-validating .components-form-token-field__token-text,
2394    .components-form-token-field__token.is-validating .components-form-token-field__remove-token {
2395      color: #555d66; }
2396    .components-form-token-field__token.is-borderless {
2397      position: relative;
2398      padding: 0 0 0 16px; }
2399      .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2400        background: transparent;
2401        color: #11a0d2; }
2402      body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2403        color: #c8b03c; }
2404      body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2405        color: #a89d8a; }
2406      body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2407        color: #77a6b9; }
2408      body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2409        color: #c77430; }
2410      body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2411        color: #9fa47b; }
2412      body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2413        color: #d9ab59; }
2414      body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
2415        color: #c75726; }
2416      .components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
2417        background: transparent;
2418        color: #555d66;
2419        position: absolute;
2420        top: 1px;
2421        left: 0; }
2422      .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
2423        color: #4ab866; }
2424      .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
2425        color: #d94f4f;
2426        border-radius: 0 4px 4px 0;
2427        padding: 0 6px 0 4px; }
2428      .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
2429        color: #23282d; }
2430    .components-form-token-field__token.is-disabled .components-form-token-field__remove-token {
2431      cursor: default; }
2432  
2433  .components-form-token-field__token-text,
2434  .components-form-token-field__remove-token.components-icon-button {
2435    display: inline-block;
2436    line-height: 24px;
2437    background: #e2e4e7;
2438    transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); }
2439    @media (prefers-reduced-motion: reduce) {
2440      .components-form-token-field__token-text,
2441      .components-form-token-field__remove-token.components-icon-button {
2442        transition-duration: 0s;
2443        animation-duration: 1ms; } }
2444  
2445  .components-form-token-field__token-text {
2446    border-radius: 0 12px 12px 0;
2447    padding: 0 8px 0 4px;
2448    white-space: nowrap;
2449    overflow: hidden;
2450    text-overflow: ellipsis; }
2451  
2452  .components-form-token-field__remove-token.components-icon-button {
2453    cursor: pointer;
2454    border-radius: 12px 0 0 12px;
2455    padding: 0 2px;
2456    color: #555d66;
2457    line-height: 10px;
2458    overflow: initial; }
2459    .components-form-token-field__remove-token.components-icon-button:hover {
2460      color: #32373c; }
2461  
2462  .components-form-token-field__suggestions-list {
2463    flex: 1 0 100%;
2464    min-width: 100%;
2465    max-height: 9em;
2466    overflow-y: scroll;
2467    transition: all 0.15s ease-in-out;
2468    list-style: none;
2469    border-top: 1px solid #6c7781;
2470    margin: 4px -4px -4px;
2471    padding-top: 3px; }
2472    @media (prefers-reduced-motion: reduce) {
2473      .components-form-token-field__suggestions-list {
2474        transition-duration: 0s; } }
2475  
2476  .components-form-token-field__suggestion {
2477    color: #555d66;
2478    display: block;
2479    font-size: 13px;
2480    padding: 4px 8px;
2481    cursor: pointer; }
2482    .components-form-token-field__suggestion.is-selected {
2483      background: #0071a1;
2484      color: #fff; }
2485  
2486  .components-form-token-field__suggestion-match {
2487    text-decoration: underline; }
2488  
2489  .components-navigate-regions.is-focusing-regions [role="region"]:focus::after {
2490    content: "";
2491    position: absolute;
2492    top: 0;
2493    bottom: 0;
2494    right: 0;
2495    left: 0;
2496    pointer-events: none;
2497    outline: 4px solid transparent;
2498    box-shadow: inset 0 0 0 4px #33b3db; }
2499  
2500  @supports (outline-offset: 1px) {
2501    .components-navigate-regions.is-focusing-regions [role="region"]:focus::after {
2502      content: none; }
2503    .components-navigate-regions.is-focusing-regions [role="region"]:focus {
2504      outline-style: solid;
2505      outline-color: #33b3db;
2506      outline-width: 4px;
2507      outline-offset: -4px; } }
2508  
2509  .components-icon-button {
2510    display: flex;
2511    align-items: center;
2512    padding: 8px;
2513    margin: 0;
2514    border: none;
2515    background: none;
2516    color: #555d66;
2517    position: relative;
2518    overflow: hidden;
2519    border-radius: 4px; }
2520    .components-icon-button .dashicon {
2521      display: inline-block;
2522      flex: 0 0 auto; }
2523    .components-icon-button svg {
2524      fill: currentColor;
2525      outline: none; }
2526    .components-icon-button.has-text svg {
2527      margin-left: 4px; }
2528    .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
2529      background-color: #fff;
2530      color: #191e23;
2531      box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
2532    .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):active {
2533      outline: none;
2534      background-color: #fff;
2535      color: #191e23;
2536      box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff; }
2537    .components-icon-button[aria-disabled="true"]:focus, .components-icon-button:disabled:focus {
2538      box-shadow: none; }
2539  
2540  .components-menu-group {
2541    width: 100%;
2542    padding: 7px 0; }
2543  
2544  .components-menu-group__label {
2545    margin-bottom: 8px;
2546    color: #6c7781;
2547    padding: 0 7px; }
2548  
2549  .components-menu-item__button,
2550  .components-menu-item__button.components-icon-button {
2551    width: 100%;
2552    padding: 8px 15px;
2553    text-align: right;
2554    color: #40464d;
2555    border: none;
2556    box-shadow: none; }
2557    .components-menu-item__button .dashicon,
2558    .components-menu-item__button .components-menu-items__item-icon,
2559    .components-menu-item__button > span > svg,
2560    .components-menu-item__button.components-icon-button .dashicon,
2561    .components-menu-item__button.components-icon-button .components-menu-items__item-icon,
2562    .components-menu-item__button.components-icon-button > span > svg {
2563      margin-left: 5px; }
2564    .components-menu-item__button .components-menu-items__item-icon,
2565    .components-menu-item__button.components-icon-button .components-menu-items__item-icon {
2566      display: inline-block;
2567      flex: 0 0 auto; }
2568    .components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]),
2569    .components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) {
2570      color: #191e23;
2571      border: none;
2572      box-shadow: none;
2573      background: #f3f4f5; }
2574      .components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]) .components-menu-item__shortcut,
2575      .components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) .components-menu-item__shortcut {
2576        color: #40464d; }
2577    .components-menu-item__button:focus:not(:disabled):not([aria-disabled="true"]),
2578    .components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled="true"]) {
2579      color: #191e23;
2580      border: none;
2581      box-shadow: none;
2582      outline-offset: -2px;
2583      outline: 1px dotted #555d66; }
2584  
2585  .components-menu-item__info-wrapper {
2586    display: flex;
2587    flex-direction: column; }
2588  
2589  .components-menu-item__info {
2590    margin-top: 4px;
2591    font-size: 12px;
2592    color: #6c7781; }
2593  
2594  .components-menu-item__shortcut {
2595    -ms-grid-row-align: center;
2596        align-self: center;
2597    color: #6c7781;
2598    margin-left: 0;
2599    margin-right: auto;
2600    padding-right: 8px;
2601    display: none; }
2602    @media (min-width: 480px) {
2603      .components-menu-item__shortcut {
2604        display: inline; } }
2605  
2606  .components-modal__screen-overlay {
2607    position: fixed;
2608    top: 0;
2609    left: 0;
2610    bottom: 0;
2611    right: 0;
2612    background-color: rgba(0, 0, 0, 0.7);
2613    z-index: 100000;
2614    animation: edit-post__fade-in-animation 0.2s ease-out 0s;
2615    animation-fill-mode: forwards; }
2616    @media (prefers-reduced-motion: reduce) {
2617      .components-modal__screen-overlay {
2618        animation-duration: 1ms; } }
2619  
2620  .components-modal__frame {
2621    position: absolute;
2622    top: 0;
2623    left: 0;
2624    bottom: 0;
2625    right: 0;
2626    box-sizing: border-box;
2627    margin: 0;
2628    border: 1px solid #e2e4e7;
2629    background: #fff;
2630    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2);
2631    overflow: auto; }
2632    @media (min-width: 600px) {
2633      .components-modal__frame {
2634        top: 50%;
2635        left: auto;
2636        bottom: auto;
2637        right: 50%;
2638        min-width: 360px;
2639        max-width: calc(100% - 16px - 16px);
2640        max-height: calc(100% - 56px - 56px);
2641        transform: translate(50%, -50%);
2642        animation: components-modal__appear-animation 0.1s ease-out;
2643        animation-fill-mode: forwards; } }
2644    @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
2645      .components-modal__frame {
2646        animation-duration: 1ms; } }
2647  
2648  @keyframes components-modal__appear-animation {
2649    from {
2650      margin-top: 32px; }
2651    to {
2652      margin-top: 0; } }
2653  
2654  .components-modal__header {
2655    box-sizing: border-box;
2656    border-bottom: 1px solid #e2e4e7;
2657    padding: 0 24px;
2658    display: flex;
2659    flex-direction: row;
2660    justify-content: space-between;
2661    background: #fff;
2662    align-items: center;
2663    height: 56px;
2664    position: -webkit-sticky;
2665    position: sticky;
2666    top: 0;
2667    z-index: 10;
2668    margin: 0 -24px 24px; }
2669    @supports (-ms-ime-align: auto) {
2670      .components-modal__header {
2671        position: fixed;
2672        width: 100%; } }
2673    .components-modal__header .components-modal__header-heading {
2674      font-size: 1rem;
2675      font-weight: 600; }
2676    .components-modal__header h1 {
2677      line-height: 1;
2678      margin: 0; }
2679    .components-modal__header .components-icon-button {
2680      position: relative;
2681      right: 8px; }
2682  
2683  .components-modal__header-heading-container {
2684    align-items: center;
2685    flex-grow: 1;
2686    display: flex;
2687    flex-direction: row;
2688    justify-content: left; }
2689  
2690  .components-modal__header-icon-container {
2691    display: inline-block; }
2692    .components-modal__header-icon-container svg {
2693      max-width: 36px;
2694      max-height: 36px;
2695      padding: 8px; }
2696  
2697  .components-modal__content {
2698    box-sizing: border-box;
2699    height: 100%;
2700    padding: 0 24px 24px; }
2701    @supports (-ms-ime-align: auto) {
2702      .components-modal__content {
2703        padding-top: 56px; } }
2704  
2705  .components-notice {
2706    display: flex;
2707    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2708    font-size: 13px;
2709    background-color: #e5f5fa;
2710    border-right: 4px solid #00a0d2;
2711    margin: 5px 15px 2px;
2712    padding: 8px 12px;
2713    align-items: center; }
2714    .components-notice.is-dismissible {
2715      padding-left: 36px;
2716      position: relative; }
2717    .components-notice.is-success {
2718      border-right-color: #4ab866;
2719      background-color: #eff9f1; }
2720    .components-notice.is-warning {
2721      border-right-color: #f0b849;
2722      background-color: #fef8ee; }
2723    .components-notice.is-error {
2724      border-right-color: #d94f4f;
2725      background-color: #f9e2e2; }
2726  
2727  .components-notice__content {
2728    flex-grow: 1;
2729    margin: 4px 0 4px 25px; }
2730  
2731  .components-notice__action.components-button, .components-notice__action.components-button.is-link {
2732    margin-right: 4px; }
2733  
2734  .components-notice__action.components-button.is-default {
2735    vertical-align: initial; }
2736  
2737  .components-notice__dismiss {
2738    color: #6c7781;
2739    align-self: flex-start;
2740    flex-shrink: 0; }
2741    .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus {
2742      color: #191e23;
2743      background-color: transparent; }
2744    .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
2745      box-shadow: none; }
2746  
2747  .components-notice-list {
2748    max-width: 100vw;
2749    box-sizing: border-box;
2750    z-index: 29; }
2751    .components-notice-list .components-notice__content {
2752      margin-top: 12px;
2753      margin-bottom: 12px;
2754      line-height: 1.6; }
2755    .components-notice-list .components-notice__action.components-button {
2756      margin-top: -2px;
2757      margin-bottom: -2px; }
2758  
2759  .components-panel {
2760    background: #fff;
2761    border: 1px solid #e2e4e7; }
2762    .components-panel > .components-panel__header:first-child,
2763    .components-panel > .components-panel__body:first-child {
2764      margin-top: -1px; }
2765    .components-panel > .components-panel__header:last-child,
2766    .components-panel > .components-panel__body:last-child {
2767      border-bottom-width: 0; }
2768  
2769  .components-panel + .components-panel {
2770    margin-top: -1px; }
2771  
2772  .components-panel__body {
2773    border-top: 1px solid #e2e4e7;
2774    border-bottom: 1px solid #e2e4e7; }
2775    .components-panel__body h3 {
2776      margin: 0 0 0.5em; }
2777    .components-panel__body.is-opened {
2778      padding: 16px; }
2779    .components-panel__body > .components-icon-button {
2780      color: #191e23; }
2781  
2782  .components-panel__header {
2783    display: flex;
2784    justify-content: space-between;
2785    align-items: center;
2786    padding: 0 16px;
2787    height: 50px;
2788    border-top: 1px solid #e2e4e7;
2789    border-bottom: 1px solid #e2e4e7; }
2790    .components-panel__header h2 {
2791      margin: 0;
2792      font-size: inherit;
2793      color: inherit; }
2794  
2795  .components-panel__body + .components-panel__body,
2796  .components-panel__body + .components-panel__header,
2797  .components-panel__header + .components-panel__body,
2798  .components-panel__header + .components-panel__header {
2799    margin-top: -1px; }
2800  
2801  .components-panel__body > .components-panel__body-title {
2802    display: block;
2803    padding: 0;
2804    font-size: inherit;
2805    margin-top: 0;
2806    margin-bottom: 0;
2807    transition: 0.1s background ease-in-out; }
2808    @media (prefers-reduced-motion: reduce) {
2809      .components-panel__body > .components-panel__body-title {
2810        transition-duration: 0s; } }
2811  
2812  .components-panel__body.is-opened > .components-panel__body-title {
2813    margin: -16px;
2814    margin-bottom: 5px; }
2815  
2816  .components-panel__body > .components-panel__body-title:hover,
2817  .edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
2818    background: #f3f4f5; }
2819  
2820  .components-panel__body-toggle.components-button {
2821    position: relative;
2822    padding: 15px;
2823    outline: none;
2824    width: 100%;
2825    font-weight: 600;
2826    text-align: right;
2827    color: #191e23;
2828    border: none;
2829    box-shadow: none;
2830    transition: 0.1s background ease-in-out; }
2831    @media (prefers-reduced-motion: reduce) {
2832      .components-panel__body-toggle.components-button {
2833        transition-duration: 0s; } }
2834    .components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled="true"]) {
2835      color: #191e23;
2836      border: none;
2837      box-shadow: none;
2838      outline-offset: -2px;
2839      outline: 1px dotted #555d66; }
2840    .components-panel__body-toggle.components-button .components-panel__arrow {
2841      position: absolute;
2842      left: 10px;
2843      top: 50%;
2844      transform: translateY(-50%);
2845      color: #191e23;
2846      fill: currentColor;
2847      transition: 0.1s color ease-in-out; }
2848      @media (prefers-reduced-motion: reduce) {
2849        .components-panel__body-toggle.components-button .components-panel__arrow {
2850          transition-duration: 0s; } }
2851    body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right {
2852      transform: scaleX(-1);
2853      -ms-filter: fliph;
2854      filter: FlipH;
2855      margin-top: -10px; }
2856  
2857  .components-panel__icon {
2858    color: #555d66;
2859    margin: -2px 6px -2px 0; }
2860  
2861  .components-panel__body-toggle-icon {
2862    margin-left: -5px; }
2863  
2864  .components-panel__color-title {
2865    float: right;
2866    height: 19px; }
2867  
2868  .components-panel__row {
2869    display: flex;
2870    justify-content: space-between;
2871    align-items: center;
2872    margin-top: 20px; }
2873    .components-panel__row select {
2874      min-width: 0; }
2875    .components-panel__row label {
2876      margin-left: 10px;
2877      flex-shrink: 0;
2878      max-width: 75%; }
2879    .components-panel__row:empty, .components-panel__row:first-of-type {
2880      margin-top: 0; }
2881  
2882  .components-panel .circle-picker {
2883    padding-bottom: 20px; }
2884  
2885  .components-placeholder {
2886    margin-bottom: 28px;
2887    padding: 1em;
2888    min-height: 200px;
2889    width: 100%;
2890    text-align: center;
2891    background: rgba(139, 139, 150, 0.1); }
2892    @supports ((position: -webkit-sticky) or (position: sticky)) {
2893      .components-placeholder {
2894        display: flex;
2895        flex-direction: column;
2896        align-items: center;
2897        justify-content: center; } }
2898    .is-dark-theme .components-placeholder {
2899      background: rgba(255, 255, 255, 0.15); }
2900  
2901  .components-placeholder__instructions,
2902  .components-placeholder__label,
2903  .components-placeholder__fieldset {
2904    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2905    font-size: 13px; }
2906  
2907  .components-placeholder__label {
2908    display: flex;
2909    align-items: center;
2910    justify-content: center;
2911    font-weight: 600;
2912    margin-bottom: 1em; }
2913    .components-placeholder__label .dashicon,
2914    .components-placeholder__label .block-editor-block-icon {
2915      fill: currentColor;
2916      margin-left: 1ch; }
2917  
2918  .components-placeholder__fieldset,
2919  .components-placeholder__fieldset form {
2920    display: flex;
2921    flex-direction: row;
2922    justify-content: center;
2923    width: 100%;
2924    max-width: 400px;
2925    flex-wrap: wrap;
2926    z-index: 1; }
2927    .components-placeholder__fieldset p,
2928    .components-placeholder__fieldset form p {
2929      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2930      font-size: 13px; }
2931  
2932  .components-placeholder__fieldset.is-column-layout,
2933  .components-placeholder__fieldset.is-column-layout form {
2934    flex-direction: column; }
2935  
2936  .components-placeholder__input {
2937    margin-top: 0;
2938    margin-left: 8px;
2939    flex: 1 1 auto; }
2940  
2941  .components-placeholder__instructions {
2942    margin-bottom: 1em; }
2943  
2944  .components-placeholder__preview img {
2945    margin: 3%;
2946    width: 50%; }
2947  .components-popover {
2948    position: fixed;
2949    z-index: 1000000;
2950    left: 50%; }
2951    .components-popover.is-mobile {
2952      top: 0;
2953      left: 0;
2954      right: 0;
2955      bottom: 0; }
2956    .components-popover:not(.is-without-arrow):not(.is-mobile) {
2957      margin-left: 2px; }
2958      .components-popover:not(.is-without-arrow):not(.is-mobile)::before {
2959        border: 8px solid #e2e4e7; }
2960      .components-popover:not(.is-without-arrow):not(.is-mobile)::after {
2961        border: 8px solid #fff; }
2962      .components-popover:not(.is-without-arrow):not(.is-mobile)::before, .components-popover:not(.is-without-arrow):not(.is-mobile)::after {
2963        content: "";
2964        position: absolute;
2965        height: 0;
2966        width: 0;
2967        line-height: 0; }
2968      .components-popover:not(.is-without-arrow):not(.is-mobile).is-top {
2969        margin-top: -8px; }
2970        .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before {
2971          bottom: -8px; }
2972        .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::after {
2973          bottom: -6px; }
2974        .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::after {
2975          border-bottom: none;
2976          border-left-color: transparent;
2977          border-right-color: transparent;
2978          border-top-style: solid;
2979          margin-left: -10px; }
2980      .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom {
2981        margin-top: 8px; }
2982        .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before {
2983          top: -8px; }
2984        .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::after {
2985          top: -6px; }
2986        .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::after {
2987          border-bottom-style: solid;
2988          border-left-color: transparent;
2989          border-right-color: transparent;
2990          border-top: none;
2991          margin-left: -10px; }
2992      .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left {
2993        margin-left: -8px; }
2994        .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before {
2995          right: -8px; }
2996        .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after {
2997          right: -6px; }
2998        .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after {
2999          border-bottom-color: transparent;
3000          border-left-style: solid;
3001          border-right: none;
3002          border-top-color: transparent; }
3003      .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right {
3004        margin-left: 8px; }
3005        .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before {
3006          left: -8px; }
3007        .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after {
3008          left: -6px; }
3009        .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after {
3010          border-bottom-color: transparent;
3011          border-left: none;
3012          border-right-style: solid;
3013          border-top-color: transparent; }
3014    .components-popover:not(.is-mobile).is-top {
3015      bottom: 100%; }
3016    .components-popover:not(.is-mobile).is-bottom {
3017      top: 100%; }
3018    .components-popover:not(.is-mobile).is-middle {
3019      align-items: center;
3020      display: flex; }
3021  
3022  .components-popover__content {
3023    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
3024    border: 1px solid #e2e4e7;
3025    background: #fff;
3026    height: 100%; }
3027    .components-popover.is-mobile .components-popover__content {
3028      height: calc(100% - 50px);
3029      border-top: 0; }
3030    .components-popover:not(.is-mobile) .components-popover__content {
3031      position: absolute;
3032      height: auto;
3033      overflow-y: auto;
3034      min-width: 260px; }
3035    .components-popover:not(.is-mobile).is-top .components-popover__content {
3036      bottom: 100%; }
3037    .components-popover:not(.is-mobile).is-center .components-popover__content {
3038      left: 50%;
3039      transform: translateX(-50%); }
3040    .components-popover:not(.is-mobile).is-right .components-popover__content {
3041      position: absolute;
3042      left: 100%; }
3043    .components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content {
3044      margin-left: -24px; }
3045    .components-popover:not(.is-mobile).is-left .components-popover__content {
3046      position: absolute;
3047      right: 100%; }
3048    .components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
3049      margin-right: -24px; }
3050  
3051  .components-popover__content > div {
3052    height: 100%; }
3053  
3054  .components-popover__header {
3055    align-items: center;
3056    background: #fff;
3057    border: 1px solid #e2e4e7;
3058    display: flex;
3059    height: 50px;
3060    justify-content: space-between;
3061    padding: 0 8px 0 16px; }
3062  
3063  .components-popover__header-title {
3064    overflow: hidden;
3065    text-overflow: ellipsis;
3066    white-space: nowrap;
3067    width: 100%; }
3068  
3069  .components-popover__close.components-icon-button {
3070    z-index: 5; }
3071  .components-radio-control {
3072    display: flex;
3073    flex-direction: column; }
3074    .components-radio-control .components-base-control__help {
3075      margin-top: 0; }
3076  
3077  .components-radio-control__option:not(:last-child) {
3078    margin-bottom: 4px; }
3079  
3080  .components-radio-control__input[type="radio"] {
3081    margin-top: 0;
3082    margin-left: 6px; }
3083  
3084  .components-range-control .components-base-control__field {
3085    display: flex;
3086    justify-content: center;
3087    flex-wrap: wrap;
3088    align-items: center; }
3089  
3090  .components-range-control .dashicon {
3091    flex-shrink: 0;
3092    margin-left: 10px; }
3093  
3094  .components-range-control .components-base-control__label {
3095    width: 100%; }
3096  
3097  .components-range-control .components-range-control__slider {
3098    margin-right: 0;
3099    flex: 1; }
3100  
3101  .components-range-control__reset {
3102    margin-right: 8px; }
3103  
3104  .components-range-control__slider {
3105    width: 100%;
3106    margin-right: 8px;
3107    padding: 0;
3108    -webkit-appearance: none;
3109    background: transparent;
3110    /**
3111        * Thumb
3112        */
3113    /**
3114        * Track
3115        */ }
3116    .components-range-control__slider::-webkit-slider-thumb {
3117      -webkit-appearance: none;
3118      height: 18px;
3119      width: 18px;
3120      border-radius: 50%;
3121      cursor: pointer;
3122      background: #555d66;
3123      border: 4px solid transparent;
3124      background-clip: padding-box;
3125      box-sizing: border-box;
3126      margin-top: -7px; }
3127    .components-range-control__slider::-moz-range-thumb {
3128      height: 18px;
3129      width: 18px;
3130      border-radius: 50%;
3131      cursor: pointer;
3132      background: #555d66;
3133      border: 4px solid transparent;
3134      background-clip: padding-box;
3135      box-sizing: border-box; }
3136    .components-range-control__slider::-ms-thumb {
3137      height: 18px;
3138      width: 18px;
3139      border-radius: 50%;
3140      cursor: pointer;
3141      background: #555d66;
3142      border: 4px solid transparent;
3143      background-clip: padding-box;
3144      box-sizing: border-box;
3145      margin-top: 0;
3146      height: 14px;
3147      width: 14px;
3148      border: 2px solid transparent; }
3149    .components-range-control__slider:focus {
3150      outline: none; }
3151    .components-range-control__slider:focus::-webkit-slider-thumb {
3152      background-color: #fff;
3153      color: #191e23;
3154      box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
3155      outline: 2px solid transparent; }
3156    .components-range-control__slider:focus::-moz-range-thumb {
3157      background-color: #fff;
3158      color: #191e23;
3159      box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
3160      outline: 2px solid transparent; }
3161    .components-range-control__slider:focus::-ms-thumb {
3162      background-color: #fff;
3163      color: #191e23;
3164      box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
3165      outline: 2px solid transparent; }
3166    .components-range-control__slider::-webkit-slider-runnable-track {
3167      height: 3px;
3168      cursor: pointer;
3169      background: #e2e4e7;
3170      border-radius: 1.5px;
3171      margin-top: -4px; }
3172    .components-range-control__slider::-moz-range-track {
3173      height: 3px;
3174      cursor: pointer;
3175      background: #e2e4e7;
3176      border-radius: 1.5px; }
3177    .components-range-control__slider::-ms-track {
3178      margin-top: -4px;
3179      background: transparent;
3180      border-color: transparent;
3181      color: transparent;
3182      height: 3px;
3183      cursor: pointer;
3184      background: #e2e4e7;
3185      border-radius: 1.5px; }
3186  
3187  .components-range-control__number {
3188    display: inline-block;
3189    margin-right: 8px;
3190    font-weight: 500;
3191    width: 54px; }
3192  
3193  .components-resizable-box__handle {
3194    display: none;
3195    width: 23px;
3196    height: 23px; }
3197    .components-resizable-box__container.is-selected .components-resizable-box__handle {
3198      display: block; }
3199  
3200  .components-resizable-box__handle::after {
3201    display: block;
3202    content: "";
3203    width: 15px;
3204    height: 15px;
3205    border: 2px solid #fff;
3206    border-radius: 50%;
3207    background: #0085ba;
3208    cursor: inherit;
3209    position: absolute;
3210    top: calc(50% - 8px);
3211    left: calc(50% - 8px); }
3212  
3213  body.admin-color-sunrise .components-resizable-box__handle::after {
3214    background: #d1864a; }
3215  
3216  body.admin-color-ocean .components-resizable-box__handle::after {
3217    background: #a3b9a2; }
3218  
3219  body.admin-color-midnight .components-resizable-box__handle::after {
3220    background: #e14d43; }
3221  
3222  body.admin-color-ectoplasm .components-resizable-box__handle::after {
3223    background: #a7b656; }
3224  
3225  body.admin-color-coffee .components-resizable-box__handle::after {
3226    background: #c2a68c; }
3227  
3228  body.admin-color-blue .components-resizable-box__handle::after {
3229    background: #82b4cb; }
3230  
3231  body.admin-color-light .components-resizable-box__handle::after {
3232    background: #0085ba; }
3233  
3234  .components-resizable-box__side-handle::before {
3235    display: block;
3236    content: "";
3237    width: 7px;
3238    height: 7px;
3239    border: 2px solid #fff;
3240    background: #0085ba;
3241    cursor: inherit;
3242    position: absolute;
3243    top: calc(50% - 4px);
3244    left: calc(50% - 4px);
3245    transition: transform 0.1s ease-in;
3246    opacity: 0; }
3247  
3248  body.admin-color-sunrise .components-resizable-box__side-handle::before {
3249    background: #d1864a; }
3250  
3251  body.admin-color-ocean .components-resizable-box__side-handle::before {
3252    background: #a3b9a2; }
3253  
3254  body.admin-color-midnight .components-resizable-box__side-handle::before {
3255    background: #e14d43; }
3256  
3257  body.admin-color-ectoplasm .components-resizable-box__side-handle::before {
3258    background: #a7b656; }
3259  
3260  body.admin-color-coffee .components-resizable-box__side-handle::before {
3261    background: #c2a68c; }
3262  
3263  body.admin-color-blue .components-resizable-box__side-handle::before {
3264    background: #82b4cb; }
3265  
3266  body.admin-color-light .components-resizable-box__side-handle::before {
3267    background: #0085ba; }
3268    @media (prefers-reduced-motion: reduce) {
3269      .components-resizable-box__side-handle::before {
3270        transition-duration: 0s; } }
3271  
3272  .is-dark-theme .components-resizable-box__side-handle::before,
3273  .is-dark-theme .components-resizable-box__handle::after {
3274    border-color: #d7dade; }
3275  
3276  .components-resizable-box__side-handle {
3277    z-index: 1; }
3278  
3279  .components-resizable-box__corner-handle {
3280    z-index: 2; }
3281  
3282  .components-resizable-box__side-handle.components-resizable-box__handle-top,
3283  .components-resizable-box__side-handle.components-resizable-box__handle-bottom,
3284  .components-resizable-box__side-handle.components-resizable-box__handle-top::before,
3285  .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before {
3286    width: 100%;
3287    right: 0;
3288    border-right: 0;
3289    border-left: 0; }
3290  
3291  .components-resizable-box__side-handle.components-resizable-box__handle-left,
3292  .components-resizable-box__side-handle.components-resizable-box__handle-right,
3293  .components-resizable-box__side-handle.components-resizable-box__handle-left::before,
3294  .components-resizable-box__side-handle.components-resizable-box__handle-right::before {
3295    height: 100%;
3296    top: 0;
3297    border-top: 0;
3298    border-bottom: 0; }
3299  
3300  .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
3301  .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,
3302  .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before,
3303  .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before {
3304    animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s;
3305    animation-fill-mode: forwards; }
3306    @media (prefers-reduced-motion: reduce) {
3307      .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
3308      .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,
3309      .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before,
3310      .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before {
3311        animation-duration: 1ms; } }
3312  
3313  .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before,
3314  .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before,
3315  .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before,
3316  .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
3317    animation: components-resizable-box__left-right-animation 0.1s ease-out 0s;
3318    animation-fill-mode: forwards; }
3319    @media (prefers-reduced-motion: reduce) {
3320      .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before,
3321      .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before,
3322      .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before,
3323      .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
3324        animation-duration: 1ms; } }
3325  
3326  @keyframes components-resizable-box__top-bottom-animation {
3327    from {
3328      transform: scaleX(0);
3329      opacity: 0; }
3330    to {
3331      transform: scaleX(1);
3332      opacity: 1; } }
3333  
3334  @keyframes components-resizable-box__left-right-animation {
3335    from {
3336      transform: scaleY(0);
3337      opacity: 0; }
3338    to {
3339      transform: scaleY(1);
3340      opacity: 1; } }
3341  .components-resizable-box__handle-right {
3342    right: calc(11.5px * -1); }
3343  
3344  .components-resizable-box__handle-left {
3345    left: calc(11.5px * -1); }
3346  
3347  .components-resizable-box__handle-top {
3348    top: calc(11.5px * -1); }
3349  
3350  .components-resizable-box__handle-bottom {
3351    bottom: calc(11.5px * -1); }
3352  .components-responsive-wrapper {
3353    position: relative;
3354    max-width: 100%; }
3355    .components-responsive-wrapper,
3356    .components-responsive-wrapper > span {
3357      display: block; }
3358  
3359  .components-responsive-wrapper__content {
3360    position: absolute;
3361    top: 0;
3362    left: 0;
3363    bottom: 0;
3364    right: 0;
3365    width: 100%;
3366    height: 100%; }
3367  
3368  .components-sandbox {
3369    overflow: hidden; }
3370  
3371  iframe.components-sandbox {
3372    width: 100%; }
3373  
3374  html.lockscroll,
3375  body.lockscroll {
3376    overflow: hidden; }
3377  
3378  .components-select-control__input {
3379    background: #fff;
3380    height: 36px;
3381    line-height: 36px;
3382    margin: 1px;
3383    outline: 0;
3384    width: 100%;
3385    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
3386    @media (min-width: 782px) {
3387      .components-select-control__input {
3388        height: 28px;
3389        line-height: 28px; } }
3390  
3391  @media (max-width: 782px) {
3392    .components-base-control .components-base-control__field .components-select-control__input {
3393      font-size: 16px; } }
3394  
3395  .components-snackbar {
3396    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3397    font-size: 13px;
3398    background-color: #32373c;
3399    border-radius: 4px;
3400    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
3401    color: #fff;
3402    padding: 16px 24px;
3403    width: 100%;
3404    max-width: 600px;
3405    box-sizing: border-box;
3406    cursor: pointer; }
3407    @media (min-width: 600px) {
3408      .components-snackbar {
3409        width: -webkit-fit-content;
3410        width: fit-content; } }
3411    .components-snackbar:hover {
3412      background-color: #191e23; }
3413    .components-snackbar:focus {
3414      background-color: #191e23;
3415      box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; }
3416  
3417  .components-snackbar__action.components-button {
3418    margin-right: 32px;
3419    color: #fff;
3420    height: auto;
3421    flex-shrink: 0;
3422    line-height: 1.4;
3423    padding: 0; }
3424    .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
3425      text-decoration: underline;
3426      background-color: transparent; }
3427      .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus {
3428        color: #fff;
3429        box-shadow: none;
3430        outline: 1px dotted #fff; }
3431      .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
3432        color: #33b3db; }
3433  
3434  .components-snackbar__content {
3435    display: flex;
3436    align-items: baseline;
3437    justify-content: space-between;
3438    line-height: 1.4; }
3439  
3440  .components-snackbar-list {
3441    position: absolute;
3442    z-index: 100000;
3443    width: 100%;
3444    box-sizing: border-box; }
3445  
3446  .components-snackbar-list__notice-container {
3447    position: relative;
3448    padding-top: 8px; }
3449  
3450  .components-spinner {
3451    display: inline-block;
3452    background-color: #7e8993;
3453    width: 18px;
3454    height: 18px;
3455    opacity: 0.7;
3456    float: left;
3457    margin: 5px 11px 0;
3458    border-radius: 100%;
3459    position: relative; }
3460    .components-spinner::before {
3461      content: "";
3462      position: absolute;
3463      background-color: #fff;
3464      top: 3px;
3465      left: 3px;
3466      width: 4px;
3467      height: 4px;
3468      border-radius: 100%;
3469      transform-origin: 6px 6px;
3470      animation: components-spinner__animation 1s infinite linear; }
3471  
3472  @keyframes components-spinner__animation {
3473    from {
3474      transform: rotate(0deg); }
3475    to {
3476      transform: rotate(-360deg); } }
3477  
3478  .components-text-control__input {
3479    width: 100%;
3480    padding: 6px 8px; }
3481  
3482  .components-textarea-control__input {
3483    width: 100%;
3484    padding: 6px 8px; }
3485  
3486  .components-tip {
3487    display: flex;
3488    color: #555d66; }
3489    .components-tip svg {
3490      -ms-grid-row-align: center;
3491          align-self: center;
3492      fill: #f0b849;
3493      flex-shrink: 0;
3494      margin-left: 16px; }
3495    .components-tip p {
3496      margin: 0; }
3497  
3498  .components-toggle-control .components-base-control__field {
3499    display: flex;
3500    margin-bottom: 12px; }
3501    .components-toggle-control .components-base-control__field .components-form-toggle {
3502      margin-left: 16px; }
3503    .components-toggle-control .components-base-control__field .components-toggle-control__label {
3504      display: block;
3505      margin-bottom: 4px; }
3506  
3507  .components-toolbar {
3508    margin: 0;
3509    border: 1px solid #e2e4e7;
3510    background-color: #fff;
3511    display: inline-flex;
3512    flex-shrink: 0; }
3513    @supports ((position: -webkit-sticky) or (position: sticky)) {
3514      .components-toolbar {
3515        display: flex; } }
3516  
3517  div.components-toolbar > div {
3518    display: block;
3519    margin: 0; }
3520    @supports ((position: -webkit-sticky) or (position: sticky)) {
3521      div.components-toolbar > div {
3522        display: flex; } }
3523  
3524  div.components-toolbar > div + div {
3525    margin-right: -3px; }
3526    div.components-toolbar > div + div.has-left-divider {
3527      margin-right: 6px;
3528      position: relative;
3529      overflow: visible; }
3530    div.components-toolbar > div + div.has-left-divider::before {
3531      display: inline-block;
3532      content: "";
3533      box-sizing: content-box;
3534      background-color: #e2e4e7;
3535      position: absolute;
3536      top: 8px;
3537      right: -3px;
3538      width: 1px;
3539      height: 20px; }
3540  
3541  .components-toolbar__control.components-button {
3542    display: inline-flex;
3543    align-items: flex-end;
3544    margin: 0;
3545    padding: 3px;
3546    outline: none;
3547    cursor: pointer;
3548    position: relative;
3549    width: 36px;
3550    height: 36px; }
3551    .components-toolbar__control.components-button:not([aria-disabled="true"]):not(.is-default):active, .components-toolbar__control.components-button:not([aria-disabled="true"]):hover, .components-toolbar__control.components-button:not([aria-disabled="true"]):focus {
3552      outline: none;
3553      box-shadow: none;
3554      background: none;
3555      border: none; }
3556    .components-toolbar__control.components-button:disabled {
3557      cursor: default; }
3558    .components-toolbar__control.components-button > svg {
3559      padding: 5px;
3560      border-radius: 4px;
3561      height: 30px;
3562      width: 30px; }
3563    .components-toolbar__control.components-button[data-subscript] svg {
3564      padding: 5px 0 5px 10px; }
3565    .components-toolbar__control.components-button[data-subscript]::after {
3566      content: attr(data-subscript);
3567      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3568      font-size: 13px;
3569      font-weight: 600;
3570      line-height: 12px;
3571      position: absolute;
3572      left: 8px;
3573      bottom: 10px; }
3574    .components-toolbar__control.components-button:not(:disabled):not([aria-disabled="true"]):hover {
3575      box-shadow: none; }
3576    .components-toolbar__control.components-button:not(:disabled).is-active > svg,
3577    .components-toolbar__control.components-button:not(:disabled):hover > svg {
3578      color: #555d66;
3579      box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
3580    .components-toolbar__control.components-button:not(:disabled).is-active > svg {
3581      outline: none;
3582      color: #fff;
3583      box-shadow: none;
3584      background: #555d66; }
3585    .components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]::after {
3586      color: #fff; }
3587    .components-toolbar__control.components-button:not(:disabled):focus > svg {
3588      box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
3589      outline: 2px solid transparent;
3590      outline: 0; }
3591    .components-toolbar__control.components-button:not(:disabled).is-active {
3592      outline: 1px dotted transparent;
3593      outline-offset: -2px; }
3594    .components-toolbar__control.components-button:not(:disabled):focus {
3595      outline: 2px solid transparent; }
3596  
3597  .components-toolbar__control .dashicon {
3598    display: block; }
3599  
3600  .components-tooltip.components-popover {
3601    z-index: 1000002; }
3602    .components-tooltip.components-popover::before {
3603      border-color: transparent; }
3604    .components-tooltip.components-popover.is-top::after {
3605      border-top-color: #191e23; }
3606    .components-tooltip.components-popover.is-bottom::after {
3607      border-bottom-color: #191e23; }
3608    .components-tooltip.components-popover:not(.is-mobile) .components-popover__content {
3609      min-width: 0; }
3610  
3611  .components-tooltip .components-popover__content {
3612    padding: 4px 12px;
3613    background: #191e23;
3614    border-width: 0;
3615    color: #fff;
3616    white-space: nowrap;
3617    text-align: center; }
3618  
3619  .components-tooltip__shortcut {
3620    display: block;
3621    color: #7e8993; }


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7