angelovcom.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

editor.css (66379B)


      1 /**
      2  * Colors
      3  */
      4 /**
      5  * Breakpoints & Media Queries
      6  */
      7 /**
      8  * SCSS Variables.
      9  *
     10  * Please use variables from this sheet to ensure consistency across the UI.
     11  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
     12  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
     13  */
     14 /**
     15  * Colors
     16  */
     17 /**
     18  * Fonts & basic variables.
     19  */
     20 /**
     21  * Grid System.
     22  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
     23  */
     24 /**
     25  * Dimensions.
     26  */
     27 /**
     28  * Shadows.
     29  */
     30 /**
     31  * Editor widths.
     32  */
     33 /**
     34  * Block & Editor UI.
     35  */
     36 /**
     37  * Block paddings.
     38  */
     39 /**
     40  * React Native specific.
     41  * These variables do not appear to be used anywhere else.
     42  */
     43 /**
     44  * Breakpoint mixins
     45  */
     46 /**
     47  * Long content fade mixin
     48  *
     49  * Creates a fading overlay to signify that the content is longer
     50  * than the space allows.
     51  */
     52 /**
     53  * Focus styles.
     54  */
     55 /**
     56  * Applies editor left position to the selector passed as argument
     57  */
     58 /**
     59  * Styles that are reused verbatim in a few places
     60  */
     61 /**
     62  * Allows users to opt-out of animations via OS-level preferences.
     63  */
     64 /**
     65  * Reset default styles for JavaScript UI based pages.
     66  * This is a WP-admin agnostic reset
     67  */
     68 /**
     69  * Reset the WP Admin page styles for Gutenberg-like pages.
     70  */
     71 #start-resizable-editor-section {
     72   display: none;
     73 }
     74 
     75 ul.wp-block-archives {
     76   padding-left: 2.5em;
     77 }
     78 
     79 .wp-block-audio {
     80   margin-left: 0;
     81   margin-right: 0;
     82 }
     83 
     84 .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
     85   padding-left: 0;
     86   padding-right: 0;
     87 }
     88 .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
     89   display: block;
     90 }
     91 .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
     92   display: none;
     93 }
     94 
     95 .wp-block[data-align=center] > .wp-block-button {
     96   text-align: center;
     97   margin-left: auto;
     98   margin-right: auto;
     99 }
    100 
    101 .wp-block[data-align=right] > .wp-block-button {
    102   /*!rtl:ignore*/
    103   text-align: right;
    104 }
    105 
    106 .wp-block-button {
    107   position: relative;
    108   cursor: text;
    109 }
    110 .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
    111   color: #fff;
    112 }
    113 .wp-block-button:focus {
    114   box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
    115   outline: 2px solid transparent;
    116   outline-offset: -2px;
    117 }
    118 .wp-block-button[data-rich-text-placeholder]::after {
    119   opacity: 0.8;
    120 }
    121 
    122 .wp-block-button__inline-link {
    123   color: #757575;
    124   height: 0;
    125   overflow: hidden;
    126   max-width: 290px;
    127 }
    128 .wp-block-button__inline-link-input__suggestions {
    129   max-width: 290px;
    130 }
    131 @media (min-width: 782px) {
    132   .wp-block-button__inline-link {
    133     max-width: 260px;
    134   }
    135   .wp-block-button__inline-link-input__suggestions {
    136     max-width: 260px;
    137   }
    138 }
    139 @media (min-width: 960px) {
    140   .wp-block-button__inline-link {
    141     max-width: 290px;
    142   }
    143   .wp-block-button__inline-link-input__suggestions {
    144     max-width: 290px;
    145   }
    146 }
    147 .is-selected .wp-block-button__inline-link {
    148   height: auto;
    149   overflow: visible;
    150   margin-top: 16px;
    151 }
    152 
    153 .wp-button-label__width .components-button-group {
    154   display: block;
    155 }
    156 .wp-button-label__width .components-base-control__field {
    157   margin-bottom: 12px;
    158 }
    159 
    160 div[data-type="core/button"] {
    161   display: table;
    162 }
    163 
    164 .wp-block > .wp-block-buttons {
    165   display: flex;
    166   flex-wrap: wrap;
    167 }
    168 
    169 .wp-block-buttons {
    170   /* stylelint-disable indentation */
    171 }
    172 .wp-block-buttons > .wp-block {
    173   margin-left: 0;
    174   margin-top: 0.5em;
    175   margin-right: 0.5em;
    176 }
    177 .wp-block-buttons > .block-list-appender {
    178   display: inline-flex;
    179   align-items: center;
    180 }
    181 .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
    182   justify-content: flex-start;
    183 }
    184 .wp-block-buttons > .wp-block-button:focus {
    185   box-shadow: none;
    186 }
    187 .wp-block-buttons:not(.is-content-justification-space-between,
    188 .is-content-justification-right,
    189 .is-content-justification-left,
    190 .is-content-justification-center) .wp-block[data-align=center] {
    191   /* stylelint-enable indentation */
    192   margin-left: auto;
    193   margin-right: auto;
    194   margin-top: 0;
    195   width: 100%;
    196 }
    197 .wp-block-buttons:not(.is-content-justification-space-between,
    198 .is-content-justification-right,
    199 .is-content-justification-left,
    200 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
    201   margin-bottom: 0;
    202 }
    203 
    204 .wp-block[data-align=center] > .wp-block-buttons {
    205   align-items: center;
    206   justify-content: center;
    207 }
    208 
    209 .wp-block[data-align=right] > .wp-block-buttons {
    210   justify-content: flex-end;
    211 }
    212 
    213 .wp-block-categories ul {
    214   padding-left: 2.5em;
    215 }
    216 .wp-block-categories ul ul {
    217   margin-top: 6px;
    218 }
    219 
    220 .wp-block-columns .wp-block {
    221   max-width: none;
    222   margin-left: 0;
    223   margin-right: 0;
    224 }
    225 
    226 @media (min-width: 600px) {
    227   .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) {
    228     margin-left: 32px;
    229   }
    230 }
    231 @media (min-width: 782px) {
    232   .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) {
    233     margin-left: 32px;
    234   }
    235 }
    236 .block-editor-block-list__block.wp-block-column.wp-block-column {
    237   margin-top: 0;
    238   margin-bottom: 0;
    239 }
    240 
    241 .wp-block-cover.is-placeholder {
    242   min-height: auto !important;
    243   padding: 0 !important;
    244 }
    245 .wp-block-cover.components-placeholder h2 {
    246   color: inherit;
    247 }
    248 .wp-block-cover.is-transient::before {
    249   background-color: #fff;
    250   opacity: 0.3;
    251 }
    252 .wp-block-cover .components-spinner {
    253   position: absolute;
    254   z-index: 1;
    255   top: 50%;
    256   left: 50%;
    257   transform: translate(-50%, -50%);
    258   margin: 0;
    259 }
    260 .wp-block-cover .block-editor-block-list__layout {
    261   width: 100%;
    262 }
    263 .wp-block-cover .wp-block-cover__inner-container {
    264   text-align: left;
    265   margin-left: 0;
    266   margin-right: 0;
    267 }
    268 .wp-block-cover .wp-block-cover__placeholder-background-options {
    269   width: 100%;
    270 }
    271 
    272 [data-align=left] > .wp-block-cover,
    273 [data-align=right] > .wp-block-cover {
    274   max-width: 420px;
    275   width: 100%;
    276 }
    277 
    278 .block-library-cover__reset-button {
    279   margin-left: auto;
    280 }
    281 
    282 .block-library-cover__resize-container {
    283   position: absolute !important;
    284   top: 0;
    285   left: 0;
    286   right: 0;
    287   bottom: 0;
    288 }
    289 
    290 .block-library-cover__resize-container:not(.is-resizing) {
    291   height: auto !important;
    292 }
    293 
    294 .wp-block-cover > .components-drop-zone.is-active {
    295   transition: 0.2s opacity, 0.2s border;
    296 }
    297 @media (prefers-reduced-motion: reduce) {
    298   .wp-block-cover > .components-drop-zone.is-active {
    299     transition-duration: 0s;
    300     transition-delay: 0s;
    301   }
    302 }
    303 .wp-block-cover > .components-drop-zone.is-dragging-over-element {
    304   background-color: transparent;
    305   border: 48px solid var(--wp-admin-theme-color);
    306 }
    307 .wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content {
    308   transform: none;
    309 }
    310 .wp-block-cover > .components-drop-zone .components-drop-zone__content {
    311   display: flex;
    312   align-items: center;
    313   top: -36px;
    314   left: -36px;
    315   transform: none;
    316 }
    317 .wp-block-cover > .components-drop-zone .components-drop-zone__content-icon,
    318 .wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
    319   display: inline;
    320 }
    321 .wp-block-cover > .components-drop-zone .components-drop-zone__content-icon {
    322   margin: 0;
    323   margin-right: 8px;
    324 }
    325 .wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
    326   font-size: 13px;
    327 }
    328 
    329 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
    330   background-attachment: scroll;
    331 }
    332 
    333 .wp-block-embed {
    334   margin-left: 0;
    335   margin-right: 0;
    336   clear: both;
    337 }
    338 .wp-block-embed.is-loading {
    339   display: flex;
    340   flex-direction: column;
    341   align-items: center;
    342   justify-content: center;
    343   padding: 1em;
    344   min-height: 200px;
    345   text-align: center;
    346   border-radius: 2px;
    347   background-color: #fff;
    348   box-shadow: inset 0 0 0 1px #1e1e1e;
    349 }
    350 .wp-block-embed.is-loading p {
    351   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    352   font-size: 13px;
    353 }
    354 .wp-block-embed .components-placeholder__error {
    355   word-break: break-word;
    356 }
    357 .wp-block-embed .components-placeholder__learn-more {
    358   margin-top: 1em;
    359 }
    360 
    361 .block-library-embed__interactive-overlay {
    362   position: absolute;
    363   top: 0;
    364   left: 0;
    365   right: 0;
    366   bottom: 0;
    367   opacity: 0;
    368 }
    369 
    370 .wp-block[data-align=left] > .wp-block-embed,
    371 .wp-block[data-align=right] > .wp-block-embed {
    372   max-width: 360px;
    373   width: 100%;
    374 }
    375 .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
    376 .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
    377   min-width: 280px;
    378 }
    379 
    380 .wp-block-file {
    381   display: flex;
    382   flex-wrap: wrap;
    383   justify-content: space-between;
    384   align-items: center;
    385   margin-bottom: 0;
    386 }
    387 .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
    388   height: auto;
    389 }
    390 .wp-block-file .components-resizable-box__container {
    391   margin-bottom: 1em;
    392 }
    393 .wp-block-file .wp-block-file__preview {
    394   margin-bottom: 1em;
    395   width: 100%;
    396   height: 100%;
    397 }
    398 .wp-block-file .wp-block-file__preview-overlay {
    399   position: absolute;
    400   top: 0;
    401   right: 0;
    402   bottom: 0;
    403   left: 0;
    404 }
    405 .wp-block-file .wp-block-file__content-wrapper {
    406   flex-grow: 1;
    407 }
    408 .wp-block-file a {
    409   min-width: 1em;
    410 }
    411 .wp-block-file .wp-block-file__button-richtext-wrapper {
    412   display: inline-block;
    413   margin-left: 0.75em;
    414 }
    415 
    416 .wp-block-freeform.block-library-rich-text__tinymce {
    417   height: auto;
    418   /* Allow height of embed iframes to be calculated properly */
    419   /* Remove blue highlighting of selected images in WebKit */
    420   /* Image captions */
    421   /* WP Views */
    422 }
    423 .wp-block-freeform.block-library-rich-text__tinymce p,
    424 .wp-block-freeform.block-library-rich-text__tinymce li {
    425   line-height: 1.8;
    426 }
    427 .wp-block-freeform.block-library-rich-text__tinymce ul,
    428 .wp-block-freeform.block-library-rich-text__tinymce ol {
    429   padding-left: 2.5em;
    430   margin-left: 0;
    431 }
    432 .wp-block-freeform.block-library-rich-text__tinymce blockquote {
    433   margin: 0;
    434   box-shadow: inset 0 0 0 0 #ddd;
    435   border-left: 4px solid #000;
    436   padding-left: 1em;
    437 }
    438 .wp-block-freeform.block-library-rich-text__tinymce pre {
    439   white-space: pre-wrap;
    440   font-family: Menlo, Consolas, monaco, monospace;
    441   font-size: 15px;
    442   color: #1e1e1e;
    443 }
    444 .wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
    445   margin-top: 0;
    446 }
    447 .wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
    448   margin-bottom: 0;
    449 }
    450 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
    451   outline: none;
    452 }
    453 .wp-block-freeform.block-library-rich-text__tinymce a {
    454   color: var(--wp-admin-theme-color);
    455 }
    456 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
    457   padding: 0 2px;
    458   margin: 0 -2px;
    459   border-radius: 2px;
    460   box-shadow: 0 0 0 1px #e5f5fa;
    461   background: #e5f5fa;
    462 }
    463 .wp-block-freeform.block-library-rich-text__tinymce code {
    464   padding: 2px;
    465   border-radius: 2px;
    466   color: #1e1e1e;
    467   background: #f0f0f0;
    468   font-family: Menlo, Consolas, monaco, monospace;
    469   font-size: 14px;
    470 }
    471 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
    472   background: #ddd;
    473 }
    474 .wp-block-freeform.block-library-rich-text__tinymce .alignright {
    475   /*rtl:ignore*/
    476   float: right;
    477   /*rtl:ignore*/
    478   margin: 0.5em 0 0.5em 1em;
    479 }
    480 .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
    481   /*rtl:ignore*/
    482   float: left;
    483   /*rtl:ignore*/
    484   margin: 0.5em 1em 0.5em 0;
    485 }
    486 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
    487   display: block;
    488   margin-left: auto;
    489   margin-right: auto;
    490 }
    491 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
    492   width: 96%;
    493   height: 20px;
    494   display: block;
    495   margin: 15px auto;
    496   outline: 0;
    497   cursor: default;
    498   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
    499   background-size: 1900px 20px;
    500   background-repeat: no-repeat;
    501   background-position: center;
    502 }
    503 .wp-block-freeform.block-library-rich-text__tinymce img::selection {
    504   background-color: transparent;
    505 }
    506 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
    507   -ms-user-select: element;
    508 }
    509 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
    510   margin: 0;
    511   /* dl browser reset */
    512   max-width: 100%;
    513 }
    514 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
    515 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
    516   display: block;
    517 }
    518 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
    519   -webkit-user-drag: none;
    520 }
    521 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
    522   padding-top: 0.5em;
    523   margin: 0;
    524   /* browser dd reset */
    525 }
    526 .wp-block-freeform.block-library-rich-text__tinymce .wpview {
    527   width: 99.99%;
    528   /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
    529   position: relative;
    530   clear: both;
    531   margin-bottom: 16px;
    532   border: 1px solid transparent;
    533 }
    534 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
    535   display: block;
    536   max-width: 100%;
    537   background: transparent;
    538 }
    539 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
    540   position: absolute;
    541   top: 0;
    542   right: 0;
    543   bottom: 0;
    544   left: 0;
    545 }
    546 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
    547   display: none;
    548 }
    549 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
    550   border: 1px dashed #ddd;
    551   padding: 10px;
    552 }
    553 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
    554   border: 1px solid #ddd;
    555   padding: 1em 0;
    556   margin: 0;
    557   word-wrap: break-word;
    558 }
    559 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
    560   margin: 0;
    561   text-align: center;
    562 }
    563 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
    564   border-color: transparent;
    565 }
    566 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
    567   display: block;
    568   margin: 0 auto;
    569   width: 32px;
    570   height: 32px;
    571   font-size: 32px;
    572 }
    573 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
    574   content: "";
    575   display: table;
    576   clear: both;
    577 }
    578 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
    579   outline: none;
    580 }
    581 .wp-block-freeform.block-library-rich-text__tinymce .gallery a {
    582   cursor: default;
    583 }
    584 .wp-block-freeform.block-library-rich-text__tinymce .gallery {
    585   margin: auto -6px;
    586   padding: 6px 0;
    587   line-height: 1;
    588   overflow-x: hidden;
    589 }
    590 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
    591   float: left;
    592   margin: 0;
    593   text-align: center;
    594   padding: 6px;
    595   box-sizing: border-box;
    596 }
    597 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
    598 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
    599   margin: 0;
    600 }
    601 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
    602   font-size: 13px;
    603   margin: 4px 0;
    604 }
    605 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
    606   width: 100%;
    607 }
    608 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
    609   width: 50%;
    610 }
    611 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
    612   width: 33.3333333333%;
    613 }
    614 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
    615   width: 25%;
    616 }
    617 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
    618   width: 20%;
    619 }
    620 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
    621   width: 16.6666666667%;
    622 }
    623 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
    624   width: 14.2857142857%;
    625 }
    626 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
    627   width: 12.5%;
    628 }
    629 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
    630   width: 11.1111111111%;
    631 }
    632 .wp-block-freeform.block-library-rich-text__tinymce .gallery img {
    633   max-width: 100%;
    634   height: auto;
    635   border: none;
    636   padding: 0;
    637 }
    638 
    639 div[data-type="core/freeform"]::before {
    640   transition: border-color 0.1s linear, box-shadow 0.1s linear;
    641   border: 1px solid #ddd;
    642   outline: 1px solid transparent;
    643 }
    644 @media (prefers-reduced-motion: reduce) {
    645   div[data-type="core/freeform"]::before {
    646     transition-duration: 0s;
    647     transition-delay: 0s;
    648   }
    649 }
    650 div[data-type="core/freeform"].is-selected::before {
    651   border-color: #1e1e1e;
    652 }
    653 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
    654   margin-top: 0;
    655   padding-top: 0;
    656 }
    657 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
    658   content: "";
    659   display: table;
    660   clear: both;
    661 }
    662 
    663 .mce-toolbar-grp .mce-btn.mce-active button,
    664 .mce-toolbar-grp .mce-btn.mce-active:hover button,
    665 .mce-toolbar-grp .mce-btn.mce-active i,
    666 .mce-toolbar-grp .mce-btn.mce-active:hover i {
    667   color: #1e1e1e;
    668 }
    669 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
    670   margin-right: 0;
    671   margin-left: 8px;
    672 }
    673 .mce-toolbar-grp .mce-btn i {
    674   font-style: normal;
    675 }
    676 
    677 .block-library-classic__toolbar {
    678   display: none;
    679   width: auto;
    680   margin: 0;
    681   position: sticky;
    682   z-index: 31;
    683   top: 0;
    684   border: 1px solid #ddd;
    685   border-bottom: none;
    686   border-radius: 2px;
    687   margin-bottom: 8px;
    688   padding: 0;
    689 }
    690 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
    691   display: block;
    692   border-color: #1e1e1e;
    693 }
    694 .block-library-classic__toolbar .mce-tinymce {
    695   box-shadow: none;
    696 }
    697 @media (min-width: 600px) {
    698   .block-library-classic__toolbar {
    699     padding: 0;
    700   }
    701 }
    702 .block-library-classic__toolbar:empty {
    703   display: block;
    704   background: #f5f5f5;
    705   border-bottom: 1px solid #e2e4e7;
    706 }
    707 .block-library-classic__toolbar:empty::before {
    708   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    709   font-size: 13px;
    710   content: attr(data-placeholder);
    711   color: #555d66;
    712   line-height: 37px;
    713   padding: 14px;
    714 }
    715 .block-library-classic__toolbar div.mce-toolbar-grp {
    716   border-bottom: 1px solid #1e1e1e;
    717 }
    718 .block-library-classic__toolbar .mce-tinymce-inline,
    719 .block-library-classic__toolbar .mce-tinymce-inline > div,
    720 .block-library-classic__toolbar div.mce-toolbar-grp,
    721 .block-library-classic__toolbar div.mce-toolbar-grp > div,
    722 .block-library-classic__toolbar .mce-menubar,
    723 .block-library-classic__toolbar .mce-menubar > div {
    724   height: auto !important;
    725   width: 100% !important;
    726 }
    727 .block-library-classic__toolbar .mce-container-body.mce-abs-layout {
    728   overflow: visible;
    729 }
    730 .block-library-classic__toolbar .mce-menubar,
    731 .block-library-classic__toolbar div.mce-toolbar-grp {
    732   position: static;
    733 }
    734 .block-library-classic__toolbar .mce-toolbar-grp > div {
    735   padding: 1px 3px;
    736 }
    737 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
    738   display: none;
    739 }
    740 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
    741   display: block;
    742 }
    743 
    744 .wp-block-gallery li {
    745   list-style-type: none;
    746 }
    747 .wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
    748   display: none;
    749 }
    750 .wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
    751   margin-bottom: 0;
    752 }
    753 
    754 figure.wp-block-gallery {
    755   display: block;
    756   margin: 0;
    757 }
    758 
    759 .blocks-gallery-grid.blocks-gallery-grid {
    760   padding-left: 0;
    761   margin-left: 0;
    762   margin-bottom: 0;
    763 }
    764 
    765 .blocks-gallery-item figure:not(.is-selected):focus,
    766 .blocks-gallery-item img:focus {
    767   outline: none;
    768 }
    769 .blocks-gallery-item figure.is-selected::before {
    770   box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
    771   content: "";
    772   outline: 2px solid transparent;
    773   position: absolute;
    774   top: 0;
    775   right: 0;
    776   bottom: 0;
    777   left: 0;
    778   z-index: 1;
    779   pointer-events: none;
    780 }
    781 .blocks-gallery-item figure.is-selected figcaption {
    782   z-index: 2;
    783 }
    784 .blocks-gallery-item figure.is-transient img {
    785   opacity: 0.3;
    786 }
    787 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
    788   display: inline-flex;
    789 }
    790 .blocks-gallery-item .block-editor-media-placeholder {
    791   margin: 0;
    792   height: 100%;
    793 }
    794 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
    795   display: flex;
    796 }
    797 
    798 .block-library-gallery-item__inline-menu {
    799   display: none;
    800   position: absolute;
    801   top: -2px;
    802   margin: 8px;
    803   z-index: 20;
    804   transition: box-shadow 0.2s ease-out;
    805   border-radius: 2px;
    806   background: #fff;
    807   border: 1px solid #1e1e1e;
    808 }
    809 @media (prefers-reduced-motion: reduce) {
    810   .block-library-gallery-item__inline-menu {
    811     transition-duration: 0s;
    812     transition-delay: 0s;
    813   }
    814 }
    815 .block-library-gallery-item__inline-menu:hover {
    816   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    817 }
    818 @media (min-width: 600px) {
    819   .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
    820     padding: 2px;
    821   }
    822 }
    823 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
    824   border: none;
    825   box-shadow: none;
    826 }
    827 @media (min-width: 600px) {
    828   .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
    829     padding: 0;
    830     width: inherit;
    831     height: inherit;
    832   }
    833 }
    834 .block-library-gallery-item__inline-menu.is-left {
    835   left: -2px;
    836 }
    837 .block-library-gallery-item__inline-menu.is-right {
    838   right: -2px;
    839 }
    840 
    841 .blocks-gallery-item .components-spinner {
    842   position: absolute;
    843   top: 50%;
    844   left: 50%;
    845   margin-top: -9px;
    846   margin-left: -9px;
    847 }
    848 
    849 /**
    850  * Group: All Alignment Settings
    851  */
    852 .wp-block-group .block-editor-block-list__insertion-point {
    853   left: 0;
    854   right: 0;
    855 }
    856 
    857 [data-type="core/group"].is-selected .block-list-appender {
    858   margin-left: 0;
    859   margin-right: 0;
    860 }
    861 [data-type="core/group"].is-selected .has-background .block-list-appender {
    862   margin-top: 18px;
    863   margin-bottom: 18px;
    864 }
    865 
    866 .block-library-heading-level-dropdown .components-popover__content {
    867   min-width: 230px;
    868 }
    869 .block-library-heading-level-dropdown .components-popover__content > div {
    870   padding: 0;
    871 }
    872 
    873 .block-library-heading-level-toolbar {
    874   border: none;
    875 }
    876 
    877 .block-library-html__edit {
    878   margin-bottom: 28px;
    879 }
    880 .block-library-html__edit .block-library-html__preview-overlay {
    881   position: absolute;
    882   width: 100%;
    883   height: 100%;
    884   top: 0;
    885   left: 0;
    886 }
    887 .block-library-html__edit .block-editor-plain-text {
    888   font-family: Menlo, Consolas, monaco, monospace;
    889   color: #1e1e1e;
    890   padding: 0.8em 1em;
    891   border: 1px solid #ddd;
    892   border-radius: 4px;
    893   max-height: 250px;
    894   /* Fonts smaller than 16px causes mobile safari to zoom. */
    895   font-size: 16px;
    896 }
    897 @media (min-width: 600px) {
    898   .block-library-html__edit .block-editor-plain-text {
    899     font-size: 13px;
    900   }
    901 }
    902 .block-library-html__edit .block-editor-plain-text:focus {
    903   box-shadow: none;
    904 }
    905 
    906 figure.wp-block-image:not(.wp-block) {
    907   margin: 0;
    908 }
    909 
    910 .wp-block-image {
    911   position: relative;
    912 }
    913 .wp-block-image .is-applying img, .wp-block-image.is-transient img {
    914   opacity: 0.3;
    915 }
    916 .wp-block-image figcaption img {
    917   display: inline;
    918 }
    919 .wp-block-image .components-spinner {
    920   position: absolute;
    921   top: 50%;
    922   left: 50%;
    923   margin-top: -9px;
    924   margin-left: -9px;
    925 }
    926 .wp-block-image:not(.is-style-rounded) > div {
    927   border-radius: inherit;
    928 }
    929 
    930 .wp-block-image .components-resizable-box__container {
    931   display: inline-block;
    932 }
    933 .wp-block-image .components-resizable-box__container img {
    934   display: block;
    935   width: inherit;
    936   height: inherit;
    937 }
    938 
    939 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
    940   position: absolute;
    941   left: 0;
    942   right: 0;
    943   margin: -1px 0;
    944 }
    945 @media (min-width: 600px) {
    946   .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
    947     margin: -1px;
    948   }
    949 }
    950 
    951 [data-align=wide] > .wp-block-image img,
    952 [data-align=full] > .wp-block-image img {
    953   width: 100%;
    954 }
    955 
    956 .wp-block[data-align=left] > .wp-block-image,
    957 .wp-block[data-align=center] > .wp-block-image,
    958 .wp-block[data-align=right] > .wp-block-image {
    959   display: table;
    960 }
    961 .wp-block[data-align=left] > .wp-block-image > figcaption,
    962 .wp-block[data-align=center] > .wp-block-image > figcaption,
    963 .wp-block[data-align=right] > .wp-block-image > figcaption {
    964   display: table-caption;
    965   caption-side: bottom;
    966 }
    967 
    968 .wp-block[data-align=left] > .wp-block-image {
    969   margin-right: 1em;
    970   margin-left: 0;
    971   margin-top: 0.5em;
    972   margin-bottom: 0.5em;
    973 }
    974 
    975 .wp-block[data-align=right] > .wp-block-image {
    976   margin-left: 1em;
    977   margin-right: 0;
    978   margin-top: 0.5em;
    979   margin-bottom: 0.5em;
    980 }
    981 
    982 .wp-block[data-align=center] > .wp-block-image {
    983   margin-left: auto;
    984   margin-right: auto;
    985   text-align: center;
    986 }
    987 
    988 .wp-block-image__crop-area {
    989   position: relative;
    990   max-width: 100%;
    991   width: 100%;
    992 }
    993 
    994 .wp-block-image__crop-icon {
    995   padding: 0 8px;
    996   min-width: 48px;
    997   display: flex;
    998   justify-content: center;
    999   align-items: center;
   1000 }
   1001 .wp-block-image__crop-icon svg {
   1002   fill: currentColor;
   1003 }
   1004 
   1005 .wp-block-image__zoom .components-popover__content {
   1006   overflow: visible;
   1007   min-width: 260px;
   1008 }
   1009 .wp-block-image__zoom .components-range-control {
   1010   flex: 1;
   1011 }
   1012 .wp-block-image__zoom .components-base-control__field {
   1013   display: flex;
   1014   margin-bottom: 0;
   1015   flex-direction: column;
   1016   align-items: flex-start;
   1017 }
   1018 
   1019 .wp-block-image__aspect-ratio {
   1020   height: 46px;
   1021   margin-bottom: -8px;
   1022   display: flex;
   1023   align-items: center;
   1024 }
   1025 .wp-block-image__aspect-ratio .components-button {
   1026   width: 36px;
   1027   padding-left: 0;
   1028   padding-right: 0;
   1029 }
   1030 
   1031 .wp-block-latest-posts {
   1032   padding-left: 2.5em;
   1033 }
   1034 .wp-block-latest-posts.is-grid {
   1035   padding-left: 0;
   1036 }
   1037 
   1038 .wp-block-latest-posts li a > div {
   1039   display: inline;
   1040 }
   1041 
   1042 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
   1043   margin-bottom: 20px;
   1044 }
   1045 
   1046 .wp-block-media-text .__resizable_base__ {
   1047   grid-column: 1/span 2;
   1048   grid-row: 2;
   1049 }
   1050 
   1051 .wp-block-media-text .editor-media-container__resizer {
   1052   width: 100% !important;
   1053 }
   1054 
   1055 .wp-block-media-text.is-image-fill .editor-media-container__resizer {
   1056   height: 100% !important;
   1057 }
   1058 
   1059 .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
   1060   max-width: unset;
   1061 }
   1062 
   1063 .block-editor-block-list__block[data-type="core/more"] {
   1064   max-width: 100%;
   1065   text-align: center;
   1066   margin-top: 28px;
   1067   margin-bottom: 28px;
   1068 }
   1069 
   1070 .wp-block-more {
   1071   display: block;
   1072   text-align: center;
   1073   white-space: nowrap;
   1074 }
   1075 .wp-block-more input[type=text] {
   1076   position: relative;
   1077   font-size: 13px;
   1078   text-transform: uppercase;
   1079   font-weight: 600;
   1080   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   1081   color: #757575;
   1082   border: none;
   1083   box-shadow: none;
   1084   white-space: nowrap;
   1085   text-align: center;
   1086   margin: 0;
   1087   border-radius: 4px;
   1088   background: #fff;
   1089   padding: 6px 8px;
   1090   height: 24px;
   1091   max-width: 100%;
   1092 }
   1093 .wp-block-more input[type=text]:focus {
   1094   box-shadow: none;
   1095 }
   1096 .wp-block-more::before {
   1097   content: "";
   1098   position: absolute;
   1099   top: calc(50%);
   1100   left: 0;
   1101   right: 0;
   1102   border-top: 3px dashed #ccc;
   1103 }
   1104 
   1105 /**
   1106  * Editor only CSS.
   1107  */
   1108 .editor-styles-wrapper .wp-block-navigation ul {
   1109   margin-top: 0;
   1110   margin-bottom: 0;
   1111   margin-left: 0;
   1112   padding-left: 0;
   1113 }
   1114 
   1115 /**
   1116  * Submenus.
   1117  */
   1118 .wp-block-navigation__container.is-parent-of-selected-block {
   1119   visibility: visible;
   1120   opacity: 1;
   1121 }
   1122 
   1123 .wp-block-navigation__container,
   1124 .wp-block-navigation-link {
   1125   background-color: inherit;
   1126 }
   1127 
   1128 .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation-link__container {
   1129   opacity: 0;
   1130   visibility: hidden;
   1131 }
   1132 
   1133 .has-child.is-selected > .wp-block-navigation-link__container, .has-child.has-child-selected > .wp-block-navigation-link__container {
   1134   display: flex;
   1135   opacity: 1;
   1136   visibility: visible;
   1137 }
   1138 
   1139 .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation-link__container {
   1140   opacity: 1;
   1141   visibility: visible;
   1142 }
   1143 
   1144 .is-editing > .wp-block-navigation__container {
   1145   visibility: visible;
   1146   opacity: 1;
   1147   display: flex;
   1148   flex-direction: column;
   1149 }
   1150 
   1151 .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
   1152   opacity: 1;
   1153   visibility: hidden;
   1154 }
   1155 .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
   1156   visibility: visible;
   1157 }
   1158 
   1159 /**
   1160  * Colors Selector component
   1161  */
   1162 .block-library-colors-selector {
   1163   width: auto;
   1164 }
   1165 .block-library-colors-selector .block-library-colors-selector__toggle {
   1166   display: block;
   1167   margin: 0 auto;
   1168   padding: 3px;
   1169   width: auto;
   1170 }
   1171 .block-library-colors-selector .block-library-colors-selector__icon-container {
   1172   height: 30px;
   1173   position: relative;
   1174   margin: 0 auto;
   1175   padding: 3px;
   1176   display: flex;
   1177   align-items: center;
   1178   border-radius: 4px;
   1179 }
   1180 .block-library-colors-selector .block-library-colors-selector__state-selection {
   1181   margin-left: auto;
   1182   margin-right: auto;
   1183   border-radius: 11px;
   1184   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
   1185   width: 22px;
   1186   min-width: 22px;
   1187   height: 22px;
   1188   min-height: 22px;
   1189   line-height: 20px;
   1190   padding: 2px;
   1191 }
   1192 .block-library-colors-selector .block-library-colors-selector__state-selection > svg {
   1193   min-width: auto !important;
   1194 }
   1195 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg,
   1196 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path {
   1197   color: inherit;
   1198 }
   1199 
   1200 .block-library-colors-selector__popover .color-palette-controller-container {
   1201   padding: 16px;
   1202 }
   1203 .block-library-colors-selector__popover .components-base-control__label {
   1204   height: 20px;
   1205   line-height: 20px;
   1206 }
   1207 .block-library-colors-selector__popover .component-color-indicator {
   1208   float: right;
   1209   margin-top: 2px;
   1210 }
   1211 .block-library-colors-selector__popover .components-panel__body-title {
   1212   display: none;
   1213 }
   1214 
   1215 .wp-block-navigation .block-editor-button-block-appender {
   1216   justify-content: flex-start;
   1217 }
   1218 
   1219 /**
   1220  * Setup state
   1221  */
   1222 .components-placeholder.wp-block-navigation-placeholder {
   1223   outline: none;
   1224   padding: 0;
   1225   box-shadow: none;
   1226   background: none;
   1227   min-height: 0;
   1228   color: inherit;
   1229 }
   1230 .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset {
   1231   font-size: inherit;
   1232 }
   1233 .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button {
   1234   margin-bottom: 0;
   1235 }
   1236 .is-selected .components-placeholder.wp-block-navigation-placeholder {
   1237   color: #1e1e1e;
   1238 }
   1239 
   1240 .wp-block-navigation-placeholder .components-spinner {
   1241   margin-top: -4px;
   1242   margin-left: 4px;
   1243   vertical-align: middle;
   1244   margin-right: 7px;
   1245 }
   1246 
   1247 .wp-block-navigation-placeholder__preview {
   1248   display: flex;
   1249   flex-direction: row;
   1250   align-items: center;
   1251   flex-wrap: nowrap;
   1252   width: 100%;
   1253   overflow: hidden;
   1254 }
   1255 .wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link {
   1256   position: relative;
   1257   min-width: 72px;
   1258 }
   1259 .wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link::before {
   1260   display: block;
   1261   content: "";
   1262   border-radius: 2px;
   1263   background: currentColor;
   1264   height: 16px;
   1265   width: 100%;
   1266 }
   1267 .wp-block-navigation-placeholder__preview svg {
   1268   fill: currentColor;
   1269 }
   1270 .wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link,
   1271 .wp-block-navigation-placeholder__preview svg {
   1272   opacity: 0.3;
   1273 }
   1274 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview {
   1275   display: flex;
   1276   opacity: 0;
   1277   width: 0;
   1278   overflow: hidden;
   1279   flex-wrap: nowrap;
   1280 }
   1281 .wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview {
   1282   display: none;
   1283 }
   1284 .wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview {
   1285   display: none;
   1286 }
   1287 
   1288 .wp-block-navigation-placeholder__controls {
   1289   padding: 8px;
   1290   border-radius: 2px;
   1291   background-color: #fff;
   1292   box-shadow: inset 0 0 0 1px #1e1e1e;
   1293   flex-direction: row;
   1294   align-items: center;
   1295   display: none;
   1296   position: relative;
   1297   z-index: 1;
   1298   float: left;
   1299   width: 100%;
   1300 }
   1301 .is-large .wp-block-navigation-placeholder__controls {
   1302   padding: 4px 8px;
   1303 }
   1304 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
   1305   display: flex;
   1306 }
   1307 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
   1308   flex-direction: column;
   1309 }
   1310 .is-selected.is-vertical .wp-block-navigation-placeholder__controls {
   1311   display: inline-flex;
   1312   padding: 12px;
   1313 }
   1314 .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
   1315   margin-right: 12px;
   1316   height: 36px;
   1317 }
   1318 .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator {
   1319   margin-right: 12px;
   1320   padding: 0;
   1321   align-items: center;
   1322   justify-content: flex-start;
   1323   line-height: 0;
   1324   margin-left: 5px;
   1325   display: none;
   1326 }
   1327 .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg {
   1328   margin-right: 4px;
   1329 }
   1330 .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator {
   1331   margin-bottom: 4px;
   1332   margin-left: 0;
   1333 }
   1334 .is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator {
   1335   display: inline-flex;
   1336 }
   1337 
   1338 .is-vertical .wp-block-navigation-placeholder,
   1339 .is-vertical .wp-block-navigation-placeholder__preview,
   1340 .is-vertical .wp-block-navigation-placeholder__controls {
   1341   min-height: 156px;
   1342 }
   1343 
   1344 .is-vertical .wp-block-navigation-placeholder__preview,
   1345 .is-vertical .wp-block-navigation-placeholder__controls {
   1346   flex-direction: column;
   1347   align-items: flex-start;
   1348 }
   1349 
   1350 .wp-block-navigation-placeholder__actions {
   1351   display: flex;
   1352   font-size: 13px;
   1353   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   1354 }
   1355 .wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon {
   1356   padding: 6px 4px 6px 12px;
   1357   display: flex;
   1358   flex-direction: row-reverse;
   1359 }
   1360 .wp-block-navigation-placeholder__actions .components-dropdown,
   1361 .wp-block-navigation-placeholder__actions > .components-button {
   1362   margin-right: 12px;
   1363 }
   1364 
   1365 /**
   1366  * Mobile menu.
   1367  */
   1368 @media (min-width: 600px) {
   1369   .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
   1370     display: none;
   1371   }
   1372 }
   1373 
   1374 @media (min-width: 600px) {
   1375   .components-button.wp-block-navigation__responsive-container-open {
   1376     display: none;
   1377   }
   1378 }
   1379 
   1380 .wp-block-navigation__responsive-container.is-menu-open {
   1381   position: fixed;
   1382 }
   1383 body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
   1384   top: 155px;
   1385 }
   1386 @media (min-width: 782px) {
   1387   body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
   1388     top: 61px;
   1389   }
   1390 }
   1391 
   1392 @media (min-width: 600px) {
   1393   .wp-block-navigation__responsive-close {
   1394     pointer-events: none;
   1395   }
   1396   .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
   1397 .wp-block-navigation__responsive-close .block-editor-block-list__layout * {
   1398     pointer-events: all;
   1399   }
   1400 }
   1401 .wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
   1402   pointer-events: none;
   1403 }
   1404 
   1405 .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
   1406 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
   1407   padding: 0;
   1408   height: auto;
   1409   color: inherit;
   1410 }
   1411 
   1412 .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
   1413   margin-top: 16px;
   1414 }
   1415 
   1416 .wp-block-navigation-link__container {
   1417   border-radius: 0;
   1418   min-height: 36px;
   1419 }
   1420 
   1421 /**
   1422  * Submenus.
   1423  */
   1424 .wp-block-navigation .has-child {
   1425   cursor: pointer;
   1426 }
   1427 .wp-block-navigation .has-child .submenu-container,
   1428 .wp-block-navigation .has-child .wp-block-navigation-link__container {
   1429   z-index: 28;
   1430 }
   1431 .wp-block-navigation .has-child:hover .submenu-container,
   1432 .wp-block-navigation .has-child:hover .wp-block-navigation-link__container {
   1433   z-index: 29;
   1434 }
   1435 .wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container {
   1436   visibility: visible !important;
   1437   opacity: 1 !important;
   1438 }
   1439 
   1440 /**
   1441  * Navigation Items.
   1442  */
   1443 .wp-block-navigation-link .wp-block-navigation-link__container {
   1444   display: block;
   1445 }
   1446 .wp-block-navigation-link .wp-block-navigation-link__content {
   1447   cursor: text;
   1448 }
   1449 .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected {
   1450   min-width: 20px;
   1451 }
   1452 .wp-block-navigation-link .block-list-appender {
   1453   margin-top: 16px;
   1454   margin-right: auto;
   1455   margin-bottom: 16px;
   1456   margin-left: 16px;
   1457 }
   1458 
   1459 .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point {
   1460   display: none;
   1461 }
   1462 
   1463 /**
   1464  * Menu item setup state. Is shown when a menu item has no URL configured.
   1465  */
   1466 .wp-block-navigation-link__placeholder {
   1467   position: relative;
   1468   margin: 2px;
   1469 }
   1470 .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text {
   1471   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   1472   font-size: 13px;
   1473   padding-left: 4px;
   1474   padding-right: 4px;
   1475 }
   1476 .wp-block-navigation-link__placeholder.wp-block-navigation-link__content {
   1477   cursor: pointer;
   1478 }
   1479 .wp-block-navigation-link__placeholder::before {
   1480   content: "";
   1481   display: block;
   1482   position: absolute;
   1483   top: 0;
   1484   right: 0;
   1485   bottom: 0;
   1486   left: 0;
   1487   border-radius: 2px;
   1488   opacity: 0.1;
   1489 }
   1490 .is-dark-theme .wp-block-navigation-link__placeholder::before {
   1491   opacity: 0.2;
   1492 }
   1493 .is-editing .wp-block-navigation-link__placeholder::before {
   1494   background: currentColor;
   1495 }
   1496 
   1497 .wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder {
   1498   box-shadow: inset 0 0 0 1px #757575;
   1499   border-radius: 2px;
   1500   color: var(--wp-admin-theme-color);
   1501 }
   1502 
   1503 .block-editor-block-list__block[data-type="core/nextpage"] {
   1504   max-width: 100%;
   1505   text-align: center;
   1506   margin-top: 28px;
   1507   margin-bottom: 28px;
   1508 }
   1509 
   1510 .wp-block-nextpage {
   1511   display: block;
   1512   text-align: center;
   1513   white-space: nowrap;
   1514 }
   1515 .wp-block-nextpage > span {
   1516   font-size: 13px;
   1517   position: relative;
   1518   text-transform: uppercase;
   1519   font-weight: 600;
   1520   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   1521   color: #757575;
   1522   border-radius: 4px;
   1523   background: #fff;
   1524   padding: 6px 8px;
   1525   height: 24px;
   1526 }
   1527 .wp-block-nextpage::before {
   1528   content: "";
   1529   position: absolute;
   1530   top: calc(50%);
   1531   left: 0;
   1532   right: 0;
   1533   border-top: 3px dashed #ccc;
   1534 }
   1535 
   1536 .wp-block-navigation .wp-block-page-list > div,
   1537 .wp-block-navigation .wp-block-page-list {
   1538   background-color: inherit;
   1539 }
   1540 .wp-block-navigation.items-justified-space-between .wp-block-page-list > div,
   1541 .wp-block-navigation.items-justified-space-between .wp-block-page-list {
   1542   display: contents;
   1543   flex: 1;
   1544 }
   1545 .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list {
   1546   flex: inherit;
   1547 }
   1548 
   1549 .wp-block-pages-list__item__link {
   1550   pointer-events: none;
   1551 }
   1552 
   1553 .wp-block-page-list .components-placeholder {
   1554   min-height: 0;
   1555   padding: 0;
   1556   background-color: inherit;
   1557 }
   1558 .wp-block-page-list .components-placeholder .components-spinner {
   1559   margin: 0.5em;
   1560 }
   1561 
   1562 .wp-block-page-list-modal {
   1563   max-width: 400px;
   1564 }
   1565 
   1566 .wp-block-page-list-modal-buttons {
   1567   display: flex;
   1568   justify-content: flex-end;
   1569 }
   1570 .wp-block-page-list-modal-buttons .components-button {
   1571   margin-left: 12px;
   1572 }
   1573 
   1574 .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
   1575   min-height: auto !important;
   1576 }
   1577 
   1578 .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
   1579   opacity: 1;
   1580 }
   1581 
   1582 .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
   1583   opacity: 0;
   1584 }
   1585 
   1586 .wp-block-post-content__placeholder {
   1587   height: 100px;
   1588   border: 1px dashed;
   1589   display: flex;
   1590   justify-content: center;
   1591   align-items: center;
   1592 }
   1593 .wp-block-post-content__placeholder span {
   1594   font-style: italic;
   1595 }
   1596 
   1597 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
   1598   display: inline-block;
   1599 }
   1600 
   1601 .wp-block-post-author {
   1602   display: flex;
   1603   flex-wrap: wrap;
   1604 }
   1605 .wp-block-post-author .wp-block-post-author__byline {
   1606   font-size: 0.5em;
   1607   margin-top: 0;
   1608   position: relative;
   1609   font-style: normal;
   1610 }
   1611 .wp-block-post-author .wp-block-post-author__content {
   1612   flex-grow: 1;
   1613   flex-basis: 0;
   1614 }
   1615 .wp-block-post-author .wp-block-post-author__avatar img {
   1616   margin: 0;
   1617 }
   1618 .wp-block-post-author .wp-block-post-author__avatar {
   1619   margin-bottom: -8px;
   1620 }
   1621 .wp-block-post-author .wp-block-post-author__name {
   1622   margin: 0;
   1623   font-weight: bold;
   1624 }
   1625 .wp-block-post-author .wp-block-post-author__bio {
   1626   margin: 0 0 8px;
   1627   font-size: 0.7em;
   1628 }
   1629 
   1630 .wp-block[data-align=left] > .wp-block-pullquote p,
   1631 .wp-block[data-align=right] > .wp-block-pullquote p {
   1632   font-size: 20px;
   1633 }
   1634 
   1635 .wp-block-pullquote blockquote p {
   1636   font-size: 28px;
   1637   line-height: 1.6;
   1638 }
   1639 
   1640 .wp-block-pullquote.is-style-solid-color blockquote p {
   1641   font-size: 32px;
   1642 }
   1643 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
   1644   text-transform: none;
   1645   font-style: normal;
   1646 }
   1647 
   1648 .wp-block-pullquote .wp-block-pullquote__citation {
   1649   color: inherit;
   1650 }
   1651 
   1652 .wp-block-rss li a > div {
   1653   display: inline;
   1654 }
   1655 
   1656 .wp-block-rss__placeholder-form {
   1657   display: flex;
   1658   align-items: stretch;
   1659 }
   1660 .wp-block-rss__placeholder-form > * {
   1661   margin-bottom: 8px;
   1662 }
   1663 @media (min-width: 782px) {
   1664   .wp-block-rss__placeholder-form > * {
   1665     margin-bottom: 0;
   1666   }
   1667 }
   1668 
   1669 .wp-block-rss__placeholder-input {
   1670   display: flex;
   1671   align-items: stretch;
   1672   flex-grow: 1;
   1673 }
   1674 .wp-block-rss__placeholder-input .components-base-control__field {
   1675   margin: 0;
   1676   display: flex;
   1677   align-items: stretch;
   1678   flex-grow: 1;
   1679   margin-right: 8px;
   1680 }
   1681 
   1682 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
   1683   margin: auto;
   1684 }
   1685 
   1686 .wp-block-search .wp-block-search__input {
   1687   padding: 8px;
   1688 }
   1689 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
   1690   padding: 4px;
   1691 }
   1692 .wp-block-search .wp-block-search__button {
   1693   height: auto;
   1694   border-radius: initial;
   1695 }
   1696 .wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
   1697   padding: 6px 10px;
   1698 }
   1699 .wp-block-search__components-button-group {
   1700   margin-top: 10px;
   1701 }
   1702 
   1703 .block-editor-block-list__block[data-type="core/separator"] {
   1704   padding-top: 0.1px;
   1705   padding-bottom: 0.1px;
   1706 }
   1707 
   1708 [data-type="core/shortcode"] .block-editor-plain-text {
   1709   max-height: 250px;
   1710 }
   1711 [data-type="core/shortcode"].components-placeholder {
   1712   min-height: 0;
   1713 }
   1714 
   1715 .blocks-shortcode__textarea {
   1716   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   1717   padding: 6px 8px;
   1718   box-shadow: 0 0 0 transparent;
   1719   transition: box-shadow 0.1s linear;
   1720   border-radius: 2px;
   1721   border: 1px solid #757575;
   1722   /* Fonts smaller than 16px causes mobile safari to zoom. */
   1723   font-size: 16px;
   1724   /* Override core line-height. To be reviewed. */
   1725   line-height: normal;
   1726 }
   1727 @media (prefers-reduced-motion: reduce) {
   1728   .blocks-shortcode__textarea {
   1729     transition-duration: 0s;
   1730     transition-delay: 0s;
   1731   }
   1732 }
   1733 @media (min-width: 600px) {
   1734   .blocks-shortcode__textarea {
   1735     font-size: 13px;
   1736     /* Override core line-height. To be reviewed. */
   1737     line-height: normal;
   1738   }
   1739 }
   1740 .blocks-shortcode__textarea:focus {
   1741   border-color: var(--wp-admin-theme-color);
   1742   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   1743   outline: 2px solid transparent;
   1744 }
   1745 .blocks-shortcode__textarea::-webkit-input-placeholder {
   1746   color: rgba(30, 30, 30, 0.62);
   1747 }
   1748 .blocks-shortcode__textarea::-moz-placeholder {
   1749   opacity: 1;
   1750   color: rgba(30, 30, 30, 0.62);
   1751 }
   1752 .blocks-shortcode__textarea:-ms-input-placeholder {
   1753   color: rgba(30, 30, 30, 0.62);
   1754 }
   1755 
   1756 .wp-block[data-align=center] > .wp-block-site-logo {
   1757   margin-left: auto;
   1758   margin-right: auto;
   1759   text-align: center;
   1760 }
   1761 
   1762 .wp-block-site-logo a {
   1763   pointer-events: none;
   1764 }
   1765 .wp-block-site-logo:not(.is-default-size) {
   1766   display: table;
   1767 }
   1768 .wp-block-site-logo.is-default-size {
   1769   width: 120px;
   1770 }
   1771 .wp-block-site-logo.is-default-size img {
   1772   width: 100%;
   1773 }
   1774 .wp-block-site-logo .custom-logo-link {
   1775   cursor: inherit;
   1776 }
   1777 .wp-block-site-logo .custom-logo-link:focus {
   1778   box-shadow: none;
   1779 }
   1780 .wp-block-site-logo .custom-logo-link.is-transient img {
   1781   opacity: 0.3;
   1782 }
   1783 .wp-block-site-logo img {
   1784   display: block;
   1785   max-width: 100%;
   1786 }
   1787 .wp-block-site-logo .components-placeholder {
   1788   justify-content: flex-start;
   1789   min-height: auto;
   1790   height: 120px;
   1791   padding: 12px;
   1792 }
   1793 .wp-block-site-logo .components-placeholder .components-placeholder__label {
   1794   margin-top: 12px;
   1795   white-space: nowrap;
   1796 }
   1797 .wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon,
   1798 .wp-block-site-logo .components-placeholder .components-placeholder__label > svg {
   1799   margin-right: 4px;
   1800 }
   1801 .wp-block-site-logo .components-placeholder .components-form-file-upload {
   1802   display: none;
   1803 }
   1804 .wp-block-site-logo .components-placeholder .components-placeholder__preview {
   1805   position: absolute;
   1806   top: 4px;
   1807   right: 4px;
   1808   bottom: 4px;
   1809   left: 4px;
   1810   background: rgba(255, 255, 255, 0.8);
   1811   display: flex;
   1812   align-items: center;
   1813   justify-content: center;
   1814 }
   1815 .wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
   1816   display: none;
   1817 }
   1818 
   1819 .wp-block-site-tagline__placeholder {
   1820   padding: 1em 0;
   1821   border: 1px dashed;
   1822 }
   1823 
   1824 .wp-block-site-title__placeholder {
   1825   padding: 1em 0;
   1826   border: 1px dashed;
   1827 }
   1828 
   1829 .wp-block-social-links .wp-social-link {
   1830   line-height: 0;
   1831 }
   1832 .wp-block-social-links .wp-social-link button {
   1833   font-size: inherit;
   1834   color: currentColor;
   1835   height: auto;
   1836   line-height: 0;
   1837   padding: 0.25em;
   1838 }
   1839 
   1840 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   1841   padding-left: calc((2/3) * 1em);
   1842   padding-right: calc((2/3) * 1em);
   1843 }
   1844 
   1845 .wp-block-social-links div.block-editor-url-input {
   1846   display: inline-block;
   1847   margin-left: 8px;
   1848 }
   1849 
   1850 .wp-social-link:hover {
   1851   transform: none;
   1852 }
   1853 
   1854 .editor-styles-wrapper .wp-block-social-links {
   1855   padding: 0;
   1856 }
   1857 
   1858 .wp-block-social-links__social-placeholder {
   1859   display: flex;
   1860   opacity: 0.8;
   1861   list-style: none;
   1862 }
   1863 .wp-block-social-links__social-placeholder > .wp-social-link {
   1864   padding-left: 0 !important;
   1865   margin-left: 0 !important;
   1866   padding-right: 0 !important;
   1867   margin-right: 0 !important;
   1868   width: 0 !important;
   1869   visibility: hidden;
   1870 }
   1871 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   1872   display: flex;
   1873 }
   1874 .wp-block-social-links__social-placeholder + .block-list-appender,
   1875 .wp-block-social-links__social-placeholder .wp-social-link {
   1876   padding: 0.25em;
   1877 }
   1878 .is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
   1879 .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
   1880   padding-left: calc((2/3) * 1em);
   1881   padding-right: calc((2/3) * 1em);
   1882 }
   1883 .wp-block-social-links__social-placeholder .wp-social-link::before {
   1884   content: "";
   1885   display: block;
   1886   width: 1em;
   1887   height: 1em;
   1888   border-radius: 50%;
   1889 }
   1890 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
   1891   background: currentColor;
   1892 }
   1893 
   1894 .wp-block-social-links .wp-block-social-links__social-prompt {
   1895   list-style: none;
   1896   order: 2;
   1897   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   1898   font-size: 13px;
   1899   line-height: 24px;
   1900   margin-top: auto;
   1901   margin-bottom: auto;
   1902   cursor: default;
   1903   padding-right: 8px;
   1904 }
   1905 .wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
   1906   margin-right: 8px;
   1907   padding: 0.25em;
   1908 }
   1909 
   1910 .wp-block-social-links .block-list-appender {
   1911   margin: 4px auto 4px 0;
   1912   border-radius: 9999px;
   1913 }
   1914 .wp-block-social-links .block-list-appender .block-editor-inserter {
   1915   display: flex;
   1916   align-items: center;
   1917   justify-content: center;
   1918   font-size: inherit;
   1919   width: 1em;
   1920   height: 1em;
   1921 }
   1922 .has-small-icon-size .wp-block-social-links .block-list-appender {
   1923   font-size: 16px;
   1924 }
   1925 .has-normal-icon-size .wp-block-social-links .block-list-appender {
   1926   font-size: 24px;
   1927 }
   1928 .has-large-icon-size .wp-block-social-links .block-list-appender {
   1929   font-size: 36px;
   1930 }
   1931 .has-huge-icon-size .wp-block-social-links .block-list-appender {
   1932   font-size: 48px;
   1933 }
   1934 .wp-block-social-links .block-list-appender::before {
   1935   content: none;
   1936 }
   1937 
   1938 .wp-block[data-align=center] > .wp-block-social-links {
   1939   justify-content: center;
   1940 }
   1941 
   1942 .block-editor-block-preview__content .components-button:disabled {
   1943   opacity: 1;
   1944 }
   1945 
   1946 .wp-social-link.wp-social-link__is-incomplete {
   1947   opacity: 0.5;
   1948 }
   1949 @media (prefers-reduced-motion: reduce) {
   1950   .wp-social-link.wp-social-link__is-incomplete {
   1951     transition-duration: 0s;
   1952     transition-delay: 0s;
   1953   }
   1954 }
   1955 
   1956 .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
   1957 .wp-social-link.wp-social-link__is-incomplete:hover,
   1958 .wp-social-link.wp-social-link__is-incomplete:focus {
   1959   opacity: 1;
   1960 }
   1961 
   1962 .block-editor-block-list__block[data-type="core/spacer"]::before {
   1963   content: "";
   1964   display: block;
   1965   position: absolute;
   1966   width: 100%;
   1967   height: 24px;
   1968   transform: translateY(-12px);
   1969 }
   1970 
   1971 .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
   1972 .block-library-spacer__resize-container.has-show-handle {
   1973   background: rgba(0, 0, 0, 0.1);
   1974 }
   1975 .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
   1976 .is-dark-theme .block-library-spacer__resize-container.has-show-handle {
   1977   background: rgba(255, 255, 255, 0.15);
   1978 }
   1979 
   1980 .block-library-spacer__resize-container {
   1981   clear: both;
   1982 }
   1983 .block-library-spacer__resize-container .components-resizable-box__handle::before {
   1984   content: none;
   1985 }
   1986 .block-library-spacer__resize-container.resize-horizontal {
   1987   margin-bottom: 0;
   1988 }
   1989 
   1990 .wp-block-table {
   1991   margin: 0;
   1992 }
   1993 .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
   1994   height: auto;
   1995 }
   1996 .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table {
   1997   width: auto;
   1998 }
   1999 .wp-block[data-align=left] > .wp-block-table td,
   2000 .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td,
   2001 .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td,
   2002 .wp-block[data-align=center] > .wp-block-table th {
   2003   word-break: break-word;
   2004 }
   2005 .wp-block[data-align=center] > .wp-block-table {
   2006   text-align: initial;
   2007 }
   2008 .wp-block[data-align=center] > .wp-block-table table {
   2009   margin: 0 auto;
   2010 }
   2011 .wp-block-table td,
   2012 .wp-block-table th {
   2013   border: 1px solid;
   2014 }
   2015 .wp-block-table td.is-selected,
   2016 .wp-block-table th.is-selected {
   2017   border-color: var(--wp-admin-theme-color);
   2018   box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
   2019   border-style: double;
   2020 }
   2021 .wp-block-table figcaption {
   2022   color: #555;
   2023   font-size: 13px;
   2024   text-align: center;
   2025 }
   2026 .is-dark-theme .wp-block-table figcaption {
   2027   color: rgba(255, 255, 255, 0.65);
   2028 }
   2029 
   2030 .blocks-table__placeholder-form.blocks-table__placeholder-form {
   2031   display: flex;
   2032   flex-direction: column;
   2033   align-items: flex-start;
   2034 }
   2035 .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
   2036   margin-bottom: 8px;
   2037 }
   2038 @media (min-width: 782px) {
   2039   .blocks-table__placeholder-form.blocks-table__placeholder-form {
   2040     flex-direction: row;
   2041     align-items: flex-end;
   2042   }
   2043   .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
   2044     margin-bottom: 0;
   2045   }
   2046 }
   2047 
   2048 .blocks-table__placeholder-input {
   2049   width: 112px;
   2050   margin-right: 8px;
   2051   margin-bottom: 0;
   2052 }
   2053 .blocks-table__placeholder-input input {
   2054   height: 36px;
   2055 }
   2056 .blocks-table__placeholder-input .components-base-control__field {
   2057   margin-bottom: 0;
   2058 }
   2059 
   2060 .wp-block-tag-cloud a {
   2061   display: inline-block;
   2062   margin-right: 5px;
   2063 }
   2064 .wp-block-tag-cloud span {
   2065   display: inline-block;
   2066   margin-left: 5px;
   2067   color: #757575;
   2068   text-decoration: none;
   2069 }
   2070 
   2071 .wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content,
   2072 .wp-block-template-part__preview-dropdown-content .components-popover__content {
   2073   min-width: 320px;
   2074   padding: 0;
   2075 }
   2076 
   2077 .wp-block-template-part__selection-preview-search-form {
   2078   border-bottom: 1px solid #ddd;
   2079 }
   2080 
   2081 .wp-block-template-part__selection-preview-container {
   2082   background: #fff;
   2083   padding-bottom: 16px;
   2084 }
   2085 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item {
   2086   border-radius: 2px;
   2087   cursor: pointer;
   2088   margin-top: 16px;
   2089   transition: all 0.05s ease-in-out;
   2090   border: 1px solid transparent;
   2091   width: 100%;
   2092   background-color: #fff;
   2093 }
   2094 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover {
   2095   border: 1px solid var(--wp-admin-theme-color);
   2096 }
   2097 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus {
   2098   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   2099   outline: 2px solid transparent;
   2100 }
   2101 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder {
   2102   min-height: 100px;
   2103 }
   2104 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title {
   2105   padding: 4px;
   2106   font-size: 12px;
   2107   text-align: left;
   2108 }
   2109 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header {
   2110   padding: 16px 16px 0;
   2111 }
   2112 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content {
   2113   padding: 0 16px;
   2114 }
   2115 .wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title {
   2116   color: var(--wp-admin-theme-color);
   2117   text-transform: uppercase;
   2118   font-size: 11px;
   2119   font-weight: 500;
   2120 }
   2121 
   2122 .block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
   2123   border: 1px dotted var(--wp-admin-theme-color);
   2124 }
   2125 .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after {
   2126   border: none;
   2127 }
   2128 
   2129 .wp-block-text-columns .block-editor-rich-text__editable:focus {
   2130   outline: 1px solid #ddd;
   2131 }
   2132 
   2133 .wp-block[data-align=center] > .wp-block-video {
   2134   text-align: center;
   2135 }
   2136 
   2137 .wp-block-video {
   2138   position: relative;
   2139 }
   2140 .wp-block-video.is-transient video {
   2141   opacity: 0.3;
   2142 }
   2143 .wp-block-video .components-spinner {
   2144   position: absolute;
   2145   top: 50%;
   2146   left: 50%;
   2147   margin-top: -9px;
   2148   margin-left: -9px;
   2149 }
   2150 
   2151 .editor-video-poster-control .components-base-control__label {
   2152   display: block;
   2153 }
   2154 .editor-video-poster-control .components-button {
   2155   margin-right: 8px;
   2156 }
   2157 
   2158 .block-library-video-tracks-editor {
   2159   z-index: 159990;
   2160 }
   2161 
   2162 .block-library-video-tracks-editor > .components-popover__content {
   2163   width: 360px;
   2164 }
   2165 
   2166 .block-library-video-tracks-editor__track-list-track {
   2167   display: flex;
   2168   place-content: space-between;
   2169   align-items: baseline;
   2170   padding-left: 12px;
   2171 }
   2172 
   2173 .block-library-video-tracks-editor__single-track-editor-label-language {
   2174   display: flex;
   2175   margin-top: 12px;
   2176 }
   2177 .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
   2178   width: 50%;
   2179 }
   2180 .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
   2181   margin-right: 16px;
   2182 }
   2183 
   2184 .block-library-video-tracks-editor__single-track-editor-kind-select {
   2185   max-width: 240px;
   2186 }
   2187 
   2188 .block-library-video-tracks-editor__single-track-editor-buttons-container {
   2189   display: flex;
   2190   place-content: space-between;
   2191   margin-top: 32px;
   2192 }
   2193 
   2194 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   2195   margin-top: 4px;
   2196   margin-bottom: 12px;
   2197   color: #757575;
   2198   text-transform: uppercase;
   2199   font-size: 11px;
   2200   font-weight: 500;
   2201   display: block;
   2202 }
   2203 
   2204 .block-library-video-tracks-editor > .components-popover__content > div {
   2205   padding: 0;
   2206 }
   2207 
   2208 .block-library-video-tracks-editor__track-list .components-menu-group__label,
   2209 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
   2210   padding: 0;
   2211 }
   2212 
   2213 .block-library-video-tracks-editor__single-track-editor,
   2214 .block-library-video-tracks-editor__track-list,
   2215 .block-library-video-tracks-editor__add-tracks-container {
   2216   padding: 12px;
   2217 }
   2218 
   2219 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
   2220   margin-bottom: 4px;
   2221 }
   2222 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
   2223   margin-bottom: 12px;
   2224 }
   2225 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
   2226   margin-left: 0;
   2227 }
   2228 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
   2229   margin-bottom: 4px;
   2230 }
   2231 
   2232 .wp-block-query-title__placeholder {
   2233   padding: 1em 0;
   2234   border: 1px dashed;
   2235 }
   2236 
   2237 .editor-styles-wrapper ul.wp-block-post-template {
   2238   padding-left: 0;
   2239   margin-left: 0;
   2240   list-style: none;
   2241 }
   2242 
   2243 .block-library-query-toolbar__popover .components-popover__content {
   2244   min-width: 230px;
   2245 }
   2246 
   2247 .wp-block-query__create-new-link {
   2248   padding: 0 16px 16px 56px;
   2249 }
   2250 
   2251 .wp-block > .wp-block-query-pagination {
   2252   display: flex;
   2253   flex-wrap: wrap;
   2254   flex-direction: row;
   2255 }
   2256 
   2257 .editor-styles-wrapper .wp-block-query-pagination {
   2258   max-width: 100%;
   2259 }
   2260 .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout {
   2261   margin: 0;
   2262 }
   2263 
   2264 .block-library-query-pagination-toolbar__popover .components-popover__content {
   2265   min-width: 230px;
   2266 }
   2267 
   2268 .wp-block-query-pagination > .wp-block-query-pagination-next,
   2269 .wp-block-query-pagination > .wp-block-query-pagination-previous,
   2270 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
   2271   display: inline-block;
   2272   margin-left: 0;
   2273   margin-top: 0.5em;
   2274   /*rtl:ignore*/
   2275   margin-right: 0.5em;
   2276   margin-bottom: 0.5em;
   2277 }
   2278 .wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
   2279 .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
   2280 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   2281   /*rtl:ignore*/
   2282   margin-right: 0;
   2283 }
   2284 
   2285 .wp-block-query-pagination-numbers a {
   2286   text-decoration: underline;
   2287 }
   2288 .wp-block-query-pagination-numbers .page-numbers {
   2289   margin-right: 2px;
   2290 }
   2291 .wp-block-query-pagination-numbers .page-numbers:last-child {
   2292   /*rtl:ignore*/
   2293   margin-right: 0;
   2294 }
   2295 
   2296 div[data-type="core/post-featured-image"] img {
   2297   max-width: 100%;
   2298   height: auto;
   2299   display: block;
   2300 }
   2301 
   2302 .editor-styles-wrapper .post-featured-image_placeholder {
   2303   display: flex;
   2304   flex-direction: row;
   2305   align-items: flex-start;
   2306   border-radius: 2px;
   2307   background-color: #fff;
   2308   box-shadow: inset 0 0 0 1px #1e1e1e;
   2309   padding: 12px;
   2310 }
   2311 .editor-styles-wrapper .post-featured-image_placeholder svg {
   2312   margin-right: 12px;
   2313 }
   2314 .editor-styles-wrapper .post-featured-image_placeholder p {
   2315   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   2316   font-size: 13px;
   2317   margin: 0;
   2318 }
   2319 
   2320 .wp-block-term-description__placeholder {
   2321   padding: 1em 0;
   2322   border: 1px dashed;
   2323 }
   2324 
   2325 :root .editor-styles-wrapper {
   2326   /* stylelint-disable function-comma-space-after */
   2327   /* stylelint-enable function-comma-space-after */
   2328 }
   2329 :root .editor-styles-wrapper .has-pale-pink-background-color {
   2330   background-color: #f78da7;
   2331 }
   2332 :root .editor-styles-wrapper .has-vivid-red-background-color {
   2333   background-color: #cf2e2e;
   2334 }
   2335 :root .editor-styles-wrapper .has-luminous-vivid-orange-background-color {
   2336   background-color: #ff6900;
   2337 }
   2338 :root .editor-styles-wrapper .has-luminous-vivid-amber-background-color {
   2339   background-color: #fcb900;
   2340 }
   2341 :root .editor-styles-wrapper .has-light-green-cyan-background-color {
   2342   background-color: #7bdcb5;
   2343 }
   2344 :root .editor-styles-wrapper .has-vivid-green-cyan-background-color {
   2345   background-color: #00d084;
   2346 }
   2347 :root .editor-styles-wrapper .has-pale-cyan-blue-background-color {
   2348   background-color: #8ed1fc;
   2349 }
   2350 :root .editor-styles-wrapper .has-vivid-cyan-blue-background-color {
   2351   background-color: #0693e3;
   2352 }
   2353 :root .editor-styles-wrapper .has-vivid-purple-background-color {
   2354   background-color: #9b51e0;
   2355 }
   2356 :root .editor-styles-wrapper .has-white-background-color {
   2357   background-color: #fff;
   2358 }
   2359 :root .editor-styles-wrapper .has-very-light-gray-background-color {
   2360   background-color: #eee;
   2361 }
   2362 :root .editor-styles-wrapper .has-cyan-bluish-gray-background-color {
   2363   background-color: #abb8c3;
   2364 }
   2365 :root .editor-styles-wrapper .has-very-dark-gray-background-color {
   2366   background-color: #313131;
   2367 }
   2368 :root .editor-styles-wrapper .has-black-background-color {
   2369   background-color: #000;
   2370 }
   2371 :root .editor-styles-wrapper .has-pale-pink-color {
   2372   color: #f78da7;
   2373 }
   2374 :root .editor-styles-wrapper .has-vivid-red-color {
   2375   color: #cf2e2e;
   2376 }
   2377 :root .editor-styles-wrapper .has-luminous-vivid-orange-color {
   2378   color: #ff6900;
   2379 }
   2380 :root .editor-styles-wrapper .has-luminous-vivid-amber-color {
   2381   color: #fcb900;
   2382 }
   2383 :root .editor-styles-wrapper .has-light-green-cyan-color {
   2384   color: #7bdcb5;
   2385 }
   2386 :root .editor-styles-wrapper .has-vivid-green-cyan-color {
   2387   color: #00d084;
   2388 }
   2389 :root .editor-styles-wrapper .has-pale-cyan-blue-color {
   2390   color: #8ed1fc;
   2391 }
   2392 :root .editor-styles-wrapper .has-vivid-cyan-blue-color {
   2393   color: #0693e3;
   2394 }
   2395 :root .editor-styles-wrapper .has-vivid-purple-color {
   2396   color: #9b51e0;
   2397 }
   2398 :root .editor-styles-wrapper .has-white-color {
   2399   color: #fff;
   2400 }
   2401 :root .editor-styles-wrapper .has-very-light-gray-color {
   2402   color: #eee;
   2403 }
   2404 :root .editor-styles-wrapper .has-cyan-bluish-gray-color {
   2405   color: #abb8c3;
   2406 }
   2407 :root .editor-styles-wrapper .has-very-dark-gray-color {
   2408   color: #313131;
   2409 }
   2410 :root .editor-styles-wrapper .has-black-color {
   2411   color: #000;
   2412 }
   2413 :root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
   2414   background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
   2415 }
   2416 :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
   2417   background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
   2418 }
   2419 :root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
   2420   background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
   2421 }
   2422 :root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
   2423   background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
   2424 }
   2425 :root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background {
   2426   background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
   2427 }
   2428 :root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
   2429   background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);
   2430 }
   2431 :root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background {
   2432   background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
   2433 }
   2434 :root .editor-styles-wrapper .has-blush-light-purple-gradient-background {
   2435   background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
   2436 }
   2437 :root .editor-styles-wrapper .has-blush-bordeaux-gradient-background {
   2438   background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
   2439 }
   2440 :root .editor-styles-wrapper .has-purple-crush-gradient-background {
   2441   background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
   2442 }
   2443 :root .editor-styles-wrapper .has-luminous-dusk-gradient-background {
   2444   background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
   2445 }
   2446 :root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
   2447   background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
   2448 }
   2449 :root .editor-styles-wrapper .has-pale-ocean-gradient-background {
   2450   background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
   2451 }
   2452 :root .editor-styles-wrapper .has-electric-grass-gradient-background {
   2453   background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
   2454 }
   2455 :root .editor-styles-wrapper .has-subdued-olive-gradient-background {
   2456   background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
   2457 }
   2458 :root .editor-styles-wrapper .has-atomic-cream-gradient-background {
   2459   background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
   2460 }
   2461 :root .editor-styles-wrapper .has-nightshade-gradient-background {
   2462   background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
   2463 }
   2464 :root .editor-styles-wrapper .has-midnight-gradient-background {
   2465   background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
   2466 }
   2467 
   2468 .editor-styles-wrapper .has-small-font-size {
   2469   font-size: 13px;
   2470 }
   2471 
   2472 .editor-styles-wrapper .has-regular-font-size,
   2473 .editor-styles-wrapper .has-normal-font-size {
   2474   font-size: 16px;
   2475 }
   2476 
   2477 .editor-styles-wrapper .has-medium-font-size {
   2478   font-size: 20px;
   2479 }
   2480 
   2481 .editor-styles-wrapper .has-large-font-size {
   2482   font-size: 36px;
   2483 }
   2484 
   2485 .editor-styles-wrapper .has-larger-font-size,
   2486 .editor-styles-wrapper .has-huge-font-size {
   2487   font-size: 42px;
   2488 }
   2489 
   2490 /**
   2491  * Editor Normalization Styles
   2492  *
   2493  * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
   2494  * This allows us to create normalization styles that are easily overridden by editor styles.
   2495  */
   2496 #end-resizable-editor-section {
   2497   display: none;
   2498 }