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