[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

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

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


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1