wp/wp-includes/css/dist/edit-post/style-rtl.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
     1 /**
     1 /**
     2  * Colors
     2  * Colors
     3  */
     3  */
     4 /**
     4 /**
       
     5  * Deprecated colors.
       
     6  * Please avoid using these.
       
     7  */
       
     8 /**
     5  * Breakpoints & Media Queries
     9  * Breakpoints & Media Queries
     6  */
    10  */
     7 /**
    11 /**
     8  * Often re-used variables
    12  * Colors
       
    13  */
       
    14 /**
       
    15  * Deprecated colors.
       
    16  * Please avoid using these.
       
    17  */
       
    18 /**
       
    19  * Fonts & basic variables.
       
    20  */
       
    21 /**
       
    22  * Grid System.
       
    23  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
       
    24  */
       
    25 /**
       
    26  * Dimensions.
       
    27  */
       
    28 /**
       
    29  * Shadows.
       
    30  */
       
    31 /**
       
    32  * Editor widths.
       
    33  */
       
    34 /**
       
    35  * Block UI.
       
    36  */
       
    37 /**
       
    38  * Border radii.
     9  */
    39  */
    10 /**
    40 /**
    11  * Breakpoint mixins
    41  * Breakpoint mixins
    12  */
    42  */
    13 /**
    43 /**
    15  *
    45  *
    16  * Creates a fading overlay to signify that the content is longer
    46  * Creates a fading overlay to signify that the content is longer
    17  * than the space allows.
    47  * than the space allows.
    18  */
    48  */
    19 /**
    49 /**
    20  * Button states and focus styles
    50  * Focus styles.
    21  */
    51  */
    22 /**
    52 /**
    23  * Applies editor left position to the selector passed as argument
    53  * Applies editor left position to the selector passed as argument
    24  */
    54  */
    25 /**
    55 /**
    26  * Applies editor right position to the selector passed as argument
       
    27  */
       
    28 /**
       
    29  * Styles that are reused verbatim in a few places
    56  * Styles that are reused verbatim in a few places
    30  */
    57  */
    31 /**
    58 /**
    32  * Allows users to opt-out of animations via OS-level preferences.
    59  * Allows users to opt-out of animations via OS-level preferences.
    33  */
    60  */
       
    61 /**
       
    62  * Reset default styles for JavaScript UI based pages.
       
    63  * This is a WP-admin agnostic reset
       
    64  */
       
    65 /**
       
    66  * Reset the WP Admin page styles for Gutenberg-like pages.
       
    67  */
       
    68 :root {
       
    69   --wp-admin-theme-color: #007cba;
       
    70   --wp-admin-theme-color-darker-10: #006ba1;
       
    71   --wp-admin-theme-color-darker-20: #005a87; }
       
    72 
       
    73 .components-panel__header.interface-complementary-area-header__small {
       
    74   background: #fff;
       
    75   padding-left: 4px; }
       
    76   .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title {
       
    77     overflow: hidden;
       
    78     text-overflow: ellipsis;
       
    79     white-space: nowrap;
       
    80     width: 100%; }
       
    81   @media (min-width: 782px) {
       
    82     .components-panel__header.interface-complementary-area-header__small {
       
    83       display: none; } }
       
    84 
       
    85 .interface-complementary-area-header {
       
    86   background: #fff;
       
    87   padding-left: 4px; }
       
    88   .interface-complementary-area-header .components-button.has-icon {
       
    89     display: none;
       
    90     margin-right: auto; }
       
    91     .interface-complementary-area-header .components-button.has-icon ~ .components-button {
       
    92       margin-right: 0; }
       
    93     @media (min-width: 782px) {
       
    94       .interface-complementary-area-header .components-button.has-icon {
       
    95         display: flex; } }
       
    96 
       
    97 .interface-complementary-area {
       
    98   background: #fff;
       
    99   color: #1e1e1e;
       
   100   overflow: visible; }
       
   101   @media (min-width: 600px) {
       
   102     .interface-complementary-area {
       
   103       z-index: auto;
       
   104       height: 100%;
       
   105       overflow: auto;
       
   106       -webkit-overflow-scrolling: touch; } }
       
   107   @media (min-width: 782px) {
       
   108     .interface-complementary-area {
       
   109       width: 280px; } }
       
   110   .interface-complementary-area > .components-panel {
       
   111     border-right: none;
       
   112     border-left: none;
       
   113     overflow: auto;
       
   114     -webkit-overflow-scrolling: touch;
       
   115     height: auto;
       
   116     max-height: calc(100vh - 142px);
       
   117     margin-top: -1px;
       
   118     margin-bottom: -1px;
       
   119     position: relative; }
       
   120     @media (min-width: 600px) {
       
   121       .interface-complementary-area > .components-panel {
       
   122         overflow: visible;
       
   123         height: auto;
       
   124         max-height: none; } }
       
   125   .interface-complementary-area > .components-panel .components-panel__header {
       
   126     position: fixed;
       
   127     z-index: 1;
       
   128     top: 0;
       
   129     right: 0;
       
   130     left: 0;
       
   131     height: 48px; }
       
   132     @media (min-width: 600px) {
       
   133       .interface-complementary-area > .components-panel .components-panel__header {
       
   134         position: inherit;
       
   135         top: auto;
       
   136         right: auto;
       
   137         left: auto; } }
       
   138   .interface-complementary-area p {
       
   139     margin-top: 0; }
       
   140   .interface-complementary-area h2,
       
   141   .interface-complementary-area h3 {
       
   142     font-size: 13px;
       
   143     color: #1e1e1e;
       
   144     margin-bottom: 1.5em; }
       
   145   .interface-complementary-area hr {
       
   146     border-top: none;
       
   147     border-bottom: 1px solid #f0f0f0;
       
   148     margin: 1.5em 0; }
       
   149   .interface-complementary-area div.components-toolbar-group,
       
   150   .interface-complementary-area div.components-toolbar {
       
   151     box-shadow: none;
       
   152     margin-bottom: 1.5em; }
       
   153     .interface-complementary-area div.components-toolbar-group:last-child,
       
   154     .interface-complementary-area div.components-toolbar:last-child {
       
   155       margin-bottom: 0; }
       
   156   .interface-complementary-area .block-editor-skip-to-selected-block:focus {
       
   157     top: auto;
       
   158     left: 10px;
       
   159     bottom: 10px;
       
   160     right: auto; }
       
   161 
    34 @media (min-width: 782px) {
   162 @media (min-width: 782px) {
    35   body.js.is-fullscreen-mode {
   163   body.js.is-fullscreen-mode {
    36     margin-top: -46px;
   164     margin-top: -32px;
    37     height: calc(100% + 46px);
   165     height: calc(100% + 32px); }
    38     animation: edit-post__fade-in-animation 0.3s ease-out 0s;
       
    39     animation-fill-mode: forwards; } }
       
    40   @media (min-width: 782px) and (min-width: 782px) {
       
    41     body.js.is-fullscreen-mode {
       
    42       margin-top: -32px;
       
    43       height: calc(100% + 32px); } }
       
    44 
       
    45 @media (min-width: 782px) {
       
    46     body.js.is-fullscreen-mode #adminmenumain,
   166     body.js.is-fullscreen-mode #adminmenumain,
    47     body.js.is-fullscreen-mode #wpadminbar {
   167     body.js.is-fullscreen-mode #wpadminbar {
    48       display: none; }
   168       display: none; }
    49     body.js.is-fullscreen-mode #wpcontent,
   169     body.js.is-fullscreen-mode #wpcontent,
    50     body.js.is-fullscreen-mode #wpfooter {
   170     body.js.is-fullscreen-mode #wpfooter {
    51       margin-right: 0; } }
   171       margin-right: 0; } }
    52   @media (min-width: 782px) and (prefers-reduced-motion: reduce) {
   172 
    53     body.js.is-fullscreen-mode {
   173 html.interface-interface-skeleton__html-container {
    54       animation-duration: 1ms !important; } }
   174   position: fixed;
       
   175   width: 100%; }
       
   176   @media (min-width: 782px) {
       
   177     html.interface-interface-skeleton__html-container {
       
   178       position: initial;
       
   179       width: initial; } }
       
   180 
       
   181 .interface-interface-skeleton {
       
   182   display: flex;
       
   183   flex-direction: column;
       
   184   height: auto;
       
   185   max-height: 100%;
       
   186   position: fixed;
       
   187   top: 46px;
       
   188   right: 0;
       
   189   left: 0;
       
   190   bottom: 0; }
       
   191   @media (min-width: 783px) {
       
   192     .interface-interface-skeleton {
       
   193       top: 32px; }
       
   194       .is-fullscreen-mode .interface-interface-skeleton {
       
   195         top: 0; } }
       
   196 
       
   197 .interface-interface-skeleton {
       
   198   /* Set left position when auto-fold is not on the body element. */
       
   199   right: 0; }
       
   200   @media (min-width: 783px) {
       
   201     .interface-interface-skeleton {
       
   202       right: 160px; } }
       
   203 
       
   204 .auto-fold .interface-interface-skeleton {
       
   205   /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
       
   206   @media (min-width: 783px) {
       
   207     .auto-fold .interface-interface-skeleton {
       
   208       right: 36px; } }
       
   209   @media (min-width: 961px) {
       
   210     .auto-fold .interface-interface-skeleton {
       
   211       right: 160px; } }
       
   212 
       
   213 /* Sidebar manually collapsed. */
       
   214 .folded .interface-interface-skeleton {
       
   215   right: 0; }
       
   216   @media (min-width: 783px) {
       
   217     .folded .interface-interface-skeleton {
       
   218       right: 36px; } }
       
   219 
       
   220 /* Mobile menu opened. */
       
   221 @media (max-width: 783px) {
       
   222   .auto-fold .wp-responsive-open .interface-interface-skeleton {
       
   223     right: 190px; } }
       
   224 
       
   225 /* In small screens with responsive menu expanded there is small white space. */
       
   226 @media (max-width: 600px) {
       
   227   .auto-fold .wp-responsive-open .interface-interface-skeleton {
       
   228     margin-right: -18px; } }
       
   229 
       
   230 body.is-fullscreen-mode .interface-interface-skeleton {
       
   231   right: 0 !important; }
       
   232 
       
   233 .interface-interface-skeleton__body {
       
   234   flex-grow: 1;
       
   235   display: flex;
       
   236   overflow: auto;
       
   237   overscroll-behavior-y: none; }
       
   238 
       
   239 .interface-interface-skeleton__content {
       
   240   flex-grow: 1;
       
   241   display: flex;
       
   242   flex-direction: column;
       
   243   overflow: auto; }
       
   244 
       
   245 .interface-interface-skeleton__left-sidebar,
       
   246 .interface-interface-skeleton__sidebar {
       
   247   display: block;
       
   248   width: auto;
       
   249   flex-shrink: 0;
       
   250   position: absolute;
       
   251   z-index: 100000;
       
   252   top: 0;
       
   253   left: 0;
       
   254   bottom: 0;
       
   255   right: 0;
       
   256   background: #fff;
       
   257   color: #1e1e1e; }
       
   258   @media (min-width: 782px) {
       
   259     .interface-interface-skeleton__left-sidebar,
       
   260     .interface-interface-skeleton__sidebar {
       
   261       position: relative !important;
       
   262       z-index: 90; } }
    55 
   263 
    56 @media (min-width: 782px) {
   264 @media (min-width: 782px) {
    57     body.js.is-fullscreen-mode .edit-post-header {
   265   .interface-interface-skeleton__sidebar {
    58       transform: translateY(-100%);
   266     overflow: auto;
    59       animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } }
   267     border-right: 1px solid #f0f0f0; } }
    60     @media (min-width: 782px) and (prefers-reduced-motion: reduce) {
   268 
    61       body.js.is-fullscreen-mode .edit-post-header {
   269 @media (min-width: 782px) {
    62         animation-duration: 1ms !important; } }
   270   .interface-interface-skeleton__left-sidebar {
    63 
   271     border-left: 1px solid #f0f0f0; } }
    64 @keyframes edit-post-fullscreen-mode__slide-in-animation {
   272 
    65   100% {
   273 .interface-interface-skeleton__header {
    66     transform: translateY(0%); } }
   274   flex-shrink: 0;
       
   275   height: auto;
       
   276   border-bottom: 1px solid #f0f0f0;
       
   277   z-index: 30;
       
   278   color: #1e1e1e;
       
   279   position: -webkit-sticky;
       
   280   position: sticky;
       
   281   top: 0; }
       
   282   @media (min-width: 600px) {
       
   283     .interface-interface-skeleton__header {
       
   284       position: initial;
       
   285       top: 0; } }
       
   286 
       
   287 .interface-interface-skeleton__footer {
       
   288   height: auto;
       
   289   flex-shrink: 0;
       
   290   border-top: 1px solid #f0f0f0;
       
   291   color: #1e1e1e;
       
   292   display: none; }
       
   293   @media (min-width: 782px) {
       
   294     .interface-interface-skeleton__footer {
       
   295       display: block; } }
       
   296 
       
   297 .interface-interface-skeleton__actions {
       
   298   z-index: 100000;
       
   299   position: fixed !important;
       
   300   top: -9999em;
       
   301   bottom: auto;
       
   302   right: auto;
       
   303   left: 0;
       
   304   width: 280px;
       
   305   color: #1e1e1e; }
       
   306   .interface-interface-skeleton__actions:focus {
       
   307     top: auto;
       
   308     bottom: 0; }
       
   309 
       
   310 .interface-pinned-items {
       
   311   display: flex; }
       
   312   .interface-pinned-items .components-button {
       
   313     margin-right: 4px; }
       
   314     .interface-pinned-items .components-button svg {
       
   315       max-width: 24px;
       
   316       max-height: 24px; }
    67 
   317 
    68 .edit-post-header {
   318 .edit-post-header {
    69   height: 56px;
   319   height: 60px;
    70   padding: 4px 2px;
       
    71   border-bottom: 1px solid #e2e4e7;
       
    72   background: #fff;
   320   background: #fff;
    73   display: flex;
   321   display: flex;
    74   flex-direction: row;
   322   flex-wrap: wrap;
    75   align-items: stretch;
   323   align-items: center;
    76   justify-content: space-between;
   324   max-width: 100vw; }
    77   z-index: 30;
   325   @media (min-width: 280px) {
    78   right: 0;
       
    79   left: 0;
       
    80   top: 0;
       
    81   position: -webkit-sticky;
       
    82   position: sticky; }
       
    83   @media (min-width: 600px) {
       
    84     .edit-post-header {
   326     .edit-post-header {
    85       position: fixed;
   327       flex-wrap: nowrap; } }
    86       padding: 8px;
       
    87       top: 46px; } }
       
    88   @media (min-width: 782px) {
       
    89     .edit-post-header {
       
    90       top: 32px; }
       
    91       body.is-fullscreen-mode .edit-post-header {
       
    92         top: 0; } }
       
    93   .edit-post-header .editor-post-switch-to-draft + .editor-post-preview {
       
    94     display: none; }
       
    95     @media (min-width: 600px) {
       
    96       .edit-post-header .editor-post-switch-to-draft + .editor-post-preview {
       
    97         display: inline-flex; } }
       
    98   .edit-post-header > .edit-post-header__settings {
   328   .edit-post-header > .edit-post-header__settings {
    99     order: 1; }
   329     order: 1; }
   100     @supports ((position: -webkit-sticky) or (position: sticky)) {
   330     @supports ((position: -webkit-sticky) or (position: sticky)) {
   101       .edit-post-header > .edit-post-header__settings {
   331       .edit-post-header > .edit-post-header__settings {
   102         order: initial; } }
   332         order: initial; } }
   103 
   333 
   104 .edit-post-header {
   334 .edit-post-header__toolbar {
   105   /* Set left position when auto-fold is not on the body element. */
   335   display: flex;
   106   right: 0; }
   336   flex-grow: 1;
   107   @media (min-width: 782px) {
   337   padding-right: 8px; }
   108     .edit-post-header {
   338   @media (min-width: 600px) {
   109       right: 160px; } }
   339     .edit-post-header__toolbar {
   110 
   340       padding-right: 24px; } }
   111 .auto-fold .edit-post-header {
   341   .edit-post-header__toolbar .table-of-contents {
   112   /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
   342     display: none; }
   113   @media (min-width: 782px) {
   343     @media (min-width: 600px) {
   114     .auto-fold .edit-post-header {
   344       .edit-post-header__toolbar .table-of-contents {
   115       right: 36px; } }
   345         display: block; } }
   116   @media (min-width: 960px) {
       
   117     .auto-fold .edit-post-header {
       
   118       right: 160px; } }
       
   119 
       
   120 /* Sidebar manually collapsed. */
       
   121 .folded .edit-post-header {
       
   122   right: 0; }
       
   123   @media (min-width: 782px) {
       
   124     .folded .edit-post-header {
       
   125       right: 36px; } }
       
   126 
       
   127 /* Mobile menu opened. */
       
   128 @media (max-width: 782px) {
       
   129   .auto-fold .wp-responsive-open .edit-post-header {
       
   130     right: 190px; } }
       
   131 
       
   132 /* In small screens with responsive menu expanded there is small white space. */
       
   133 @media (max-width: 600px) {
       
   134   .auto-fold .wp-responsive-open .edit-post-header {
       
   135     margin-right: -18px; } }
       
   136 
       
   137 body.is-fullscreen-mode .edit-post-header {
       
   138   right: 0 !important; }
       
   139 
   346 
   140 .edit-post-header__settings {
   347 .edit-post-header__settings {
   141   display: inline-flex;
   348   display: inline-flex;
   142   align-items: center; }
   349   align-items: center;
   143 
   350   flex-wrap: wrap;
   144 .edit-post-header .components-button.is-toggled {
   351   padding-left: 4px; }
   145   color: #fff;
       
   146   background: #555d66;
       
   147   margin: 1px;
       
   148   padding: 7px; }
       
   149 
       
   150 .edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus {
       
   151   box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff !important;
       
   152   color: #fff !important;
       
   153   background: #555d66 !important; }
       
   154 
       
   155 .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
       
   156   margin: 2px;
       
   157   height: 33px;
       
   158   line-height: 32px;
       
   159   font-size: 13px; }
       
   160 
       
   161 .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft {
       
   162   padding: 0 5px; }
       
   163   @media (min-width: 600px) {
   352   @media (min-width: 600px) {
   164     .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft {
   353     .edit-post-header__settings {
   165       padding: 0 12px; } }
   354       padding-left: 16px; } }
   166 
   355 
   167 .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
   356 /**
   168   padding: 0 5px 2px; }
   357  * Buttons in the Toolbar
       
   358  */
       
   359 .edit-post-header__settings .components-button.editor-post-save-draft,
       
   360 .edit-post-header__settings .editor-post-saved-state,
       
   361 .edit-post-header__settings .components-button.editor-post-switch-to-draft,
       
   362 .edit-post-header__settings .components-button.editor-post-preview,
       
   363 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
       
   364   padding: 0 6px;
       
   365   margin-left: 4px; }
   169   @media (min-width: 600px) {
   366   @media (min-width: 600px) {
   170     .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
   367     .edit-post-header__settings .components-button.editor-post-save-draft,
   171       padding: 0 12px 2px; } }
   368     .edit-post-header__settings .editor-post-saved-state,
   172 
   369     .edit-post-header__settings .components-button.editor-post-switch-to-draft,
   173 @media (min-width: 782px) {
   370     .edit-post-header__settings .components-button.editor-post-preview,
   174   .edit-post-header .components-button.editor-post-preview {
   371     .edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
   175     margin: 0 12px 0 3px; }
   372       margin-left: 12px; } }
   176   .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
   373 
   177     margin: 0 3px 0 12px; } }
   374 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
   178 
   375 .edit-post-header__settings .components-button.editor-post-publish-button,
   179 .edit-post-fullscreen-mode-close__toolbar {
   376 .edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
       
   377   padding: 0 6px;
       
   378   margin-left: 4px; }
       
   379   @media (min-width: 600px) {
       
   380     .edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
       
   381     .edit-post-header__settings .components-button.editor-post-publish-button,
       
   382     .edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
       
   383       padding: 0 12px;
       
   384       margin-left: 12px; } }
       
   385 
       
   386 .edit-post-header-preview__grouping-external {
       
   387   display: flex;
       
   388   position: relative;
       
   389   padding-bottom: 0; }
       
   390 
       
   391 .edit-post-header-preview__button-external {
       
   392   padding-right: 8px;
       
   393   margin-left: auto;
       
   394   width: 100%;
       
   395   display: flex;
       
   396   justify-content: flex-start; }
       
   397   .edit-post-header-preview__button-external svg {
       
   398     margin-left: 8px; }
       
   399 
       
   400 .edit-post-post-preview-dropdown .components-popover__content > div {
       
   401   padding-bottom: 0; }
       
   402 
       
   403 .edit-post-fullscreen-mode-close.has-icon {
   180   display: none; }
   404   display: none; }
   181   @media (min-width: 782px) {
   405   @media (min-width: 782px) {
   182     .edit-post-fullscreen-mode-close__toolbar {
   406     .edit-post-fullscreen-mode-close.has-icon {
   183       display: block;
   407       display: flex;
   184       border-top: 0;
   408       align-items: center;
   185       border-bottom: 0;
   409       align-self: stretch;
   186       border-right: 0;
   410       border: none;
   187       margin: -9px -10px -9px 10px;
   411       background: #23282e;
   188       padding: 9px 10px; } }
   412       color: #fff;
       
   413       border-radius: 0;
       
   414       height: auto;
       
   415       width: 60px; }
       
   416       .edit-post-fullscreen-mode-close.has-icon:hover {
       
   417         background: #32373d; }
       
   418       .edit-post-fullscreen-mode-close.has-icon:active {
       
   419         color: #fff; }
       
   420       .edit-post-fullscreen-mode-close.has-icon:focus {
       
   421         box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff;
       
   422         box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } }
   189 
   423 
   190 .edit-post-header-toolbar {
   424 .edit-post-header-toolbar {
   191   display: inline-flex;
   425   display: inline-flex;
   192   align-items: center; }
   426   align-items: center;
       
   427   border: none; }
   193   .edit-post-header-toolbar > .components-button {
   428   .edit-post-header-toolbar > .components-button {
   194     display: none; }
   429     display: none; }
   195     @media (min-width: 600px) {
   430     @media (min-width: 600px) {
   196       .edit-post-header-toolbar > .components-button {
   431       .edit-post-header-toolbar > .components-button {
   197         display: inline-flex; } }
   432         display: inline-flex; } }
   198   .edit-post-header-toolbar .block-editor-block-navigation,
   433   .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle {
   199   .edit-post-header-toolbar .table-of-contents {
   434     display: inline-flex; }
       
   435   .edit-post-header-toolbar .block-editor-block-navigation {
   200     display: none; }
   436     display: none; }
   201     @media (min-width: 600px) {
   437     @media (min-width: 600px) {
   202       .edit-post-header-toolbar .block-editor-block-navigation,
   438       .edit-post-header-toolbar .block-editor-block-navigation {
   203       .edit-post-header-toolbar .table-of-contents {
       
   204         display: flex; } }
   439         display: flex; } }
       
   440   .edit-post-header-toolbar > .components-button.has-icon,
       
   441   .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon {
       
   442     height: 36px;
       
   443     min-width: 36px;
       
   444     padding: 6px; }
       
   445     .edit-post-header-toolbar > .components-button.has-icon.is-pressed,
       
   446     .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed {
       
   447       background: #1e1e1e; }
       
   448     .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled),
       
   449     .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
       
   450       box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff;
       
   451       box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
       
   452       outline: 1px solid transparent; }
       
   453     .edit-post-header-toolbar > .components-button.has-icon::before,
       
   454     .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before {
       
   455       display: none; }
   205 
   456 
   206 .edit-post-header-toolbar__block-toolbar {
   457 .edit-post-header-toolbar__block-toolbar {
   207   position: absolute;
   458   position: absolute;
   208   top: 56px;
   459   top: 61px;
   209   right: 0;
   460   right: 0;
   210   left: 0;
   461   left: 0;
   211   background: #fff;
   462   background: #fff;
   212   min-height: 37px;
   463   border-bottom: 1px solid #ddd; }
   213   border-bottom: 1px solid #e2e4e7; }
   464   .edit-post-header-toolbar__block-toolbar:empty {
       
   465     display: none; }
       
   466   .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group,
   214   .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
   467   .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
   215     border-top: none;
   468     border-top: none;
   216     border-bottom: none; }
   469     border-bottom: none; }
   217   .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
   470   .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
   218     display: none; }
   471     display: none; }
   219   @media (min-width: 782px) {
   472   @media (min-width: 782px) {
   220     .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
   473     .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
   221       display: block;
   474       display: block;
   222       left: 280px; } }
   475       left: 280px; } }
   223   @media (min-width: 1080px) {
   476   @media (min-width: 1280px) {
   224     .edit-post-header-toolbar__block-toolbar {
   477     .edit-post-header-toolbar__block-toolbar {
   225       padding-right: 8px;
   478       padding-right: 8px;
   226       position: static;
   479       position: static;
   227       right: auto;
   480       right: auto;
   228       left: auto;
   481       left: auto;
   229       background: none;
   482       background: none;
   230       border-bottom: none;
   483       border-bottom: none; }
   231       min-height: auto; }
       
   232       .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
   484       .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
   233         left: auto; }
   485         left: auto; }
   234       .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar {
   486       .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar {
   235         margin: -9px 0; }
   487         border-right: 1px solid #ddd; }
       
   488       .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group,
   236       .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
   489       .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
   237         padding: 10px 4px 9px; } }
   490         height: 60px;
       
   491         padding: 6px 0; } }
       
   492 
       
   493 .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon {
       
   494   margin-left: 8px;
       
   495   min-width: 32px;
       
   496   width: 32px;
       
   497   height: 32px;
       
   498   padding: 0; }
   238 
   499 
   239 .edit-post-more-menu {
   500 .edit-post-more-menu {
   240   margin-right: -4px; }
   501   margin-right: -4px; }
   241   .edit-post-more-menu .components-icon-button {
   502   .edit-post-more-menu .components-button {
   242     width: auto;
   503     width: auto;
   243     padding: 8px 2px; }
   504     padding: 0 2px; }
   244   @media (min-width: 600px) {
   505   @media (min-width: 600px) {
   245     .edit-post-more-menu {
   506     .edit-post-more-menu {
   246       margin-right: 4px; }
   507       margin-right: 0; }
   247       .edit-post-more-menu .components-icon-button {
   508       .edit-post-more-menu .components-button {
   248         padding: 8px 4px; } }
   509         padding: 0 4px; } }
   249   .edit-post-more-menu .components-button svg {
       
   250     transform: rotate(-90deg); }
       
   251 
   510 
   252 .edit-post-more-menu__content .components-popover__content {
   511 .edit-post-more-menu__content .components-popover__content {
   253   min-width: 260px; }
   512   min-width: 260px; }
   254   @media (min-width: 480px) {
   513   @media (min-width: 480px) {
   255     .edit-post-more-menu__content .components-popover__content {
   514     .edit-post-more-menu__content .components-popover__content {
   256       width: auto;
   515       width: auto;
   257       max-width: 480px; } }
   516       max-width: 480px; } }
   258   .edit-post-more-menu__content .components-popover__content .components-menu-group:not(:last-child),
   517   .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu {
   259   .edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group {
   518     padding: 0; }
   260     border-bottom: 1px solid #e2e4e7; }
   519 
   261   .edit-post-more-menu__content .components-popover__content .components-menu-item__button {
   520 .components-popover.edit-post-more-menu__content {
   262     padding-right: 2rem; }
   521   z-index: 99998; }
   263     .edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon {
   522 
   264       padding-right: 0.5rem; }
   523 .edit-post-keyboard-shortcut-help-modal__section {
   265 
       
   266 .edit-post-pinned-plugins {
       
   267   display: none; }
       
   268   @media (min-width: 600px) {
       
   269     .edit-post-pinned-plugins {
       
   270       display: flex; } }
       
   271   .edit-post-pinned-plugins .components-icon-button {
       
   272     margin-right: 4px; }
       
   273   .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg,
       
   274   .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * {
       
   275     stroke: #555d66;
       
   276     fill: #555d66;
       
   277     stroke-width: 0; }
       
   278   .edit-post-pinned-plugins .components-icon-button.is-toggled svg,
       
   279   .edit-post-pinned-plugins .components-icon-button.is-toggled svg * {
       
   280     stroke: #fff !important;
       
   281     fill: #fff !important;
       
   282     stroke-width: 0; }
       
   283   .edit-post-pinned-plugins .components-icon-button:hover svg,
       
   284   .edit-post-pinned-plugins .components-icon-button:hover svg * {
       
   285     stroke: #191e23 !important;
       
   286     fill: #191e23 !important;
       
   287     stroke-width: 0; }
       
   288 
       
   289 .edit-post-keyboard-shortcut-help__section {
       
   290   margin: 0 0 2rem 0; }
   524   margin: 0 0 2rem 0; }
   291 
   525 
   292 .edit-post-keyboard-shortcut-help__section-title {
   526 .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list {
       
   527   margin-top: -25px; }
       
   528 
       
   529 .edit-post-keyboard-shortcut-help-modal__section-title {
   293   font-size: 0.9rem;
   530   font-size: 0.9rem;
   294   font-weight: 600; }
   531   font-weight: 600; }
   295 
   532 
   296 .edit-post-keyboard-shortcut-help__shortcut {
   533 .edit-post-keyboard-shortcut-help-modal__shortcut {
   297   display: flex;
   534   display: flex;
   298   align-items: center;
   535   align-items: baseline;
   299   padding: 0.6rem 0;
   536   padding: 0.6rem 0;
   300   border-top: 1px solid #e2e4e7; }
   537   border-top: 1px solid #ddd;
   301   .edit-post-keyboard-shortcut-help__shortcut:last-child {
   538   margin-bottom: 0; }
   302     border-bottom: 1px solid #e2e4e7; }
   539   .edit-post-keyboard-shortcut-help-modal__shortcut:last-child {
   303 
   540     border-bottom: 1px solid #ddd; }
   304 .edit-post-keyboard-shortcut-help__shortcut-term {
   541   .edit-post-keyboard-shortcut-help-modal__shortcut:empty {
   305   order: 1;
   542     display: none; }
       
   543 
       
   544 .edit-post-keyboard-shortcut-help-modal__shortcut-term {
   306   font-weight: 600;
   545   font-weight: 600;
   307   margin: 0 1rem 0 0; }
   546   margin: 0 1rem 0 0;
   308 
   547   text-align: left; }
   309 .edit-post-keyboard-shortcut-help__shortcut-description {
   548 
       
   549 .edit-post-keyboard-shortcut-help-modal__shortcut-description {
   310   flex: 1;
   550   flex: 1;
   311   order: 0;
       
   312   margin: 0;
   551   margin: 0;
   313   flex-basis: auto; }
   552   flex-basis: auto; }
   314 
   553 
   315 .edit-post-keyboard-shortcut-help__shortcut-key-combination {
   554 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination {
       
   555   display: block;
   316   background: none;
   556   background: none;
   317   margin: 0;
   557   margin: 0;
   318   padding: 0; }
   558   padding: 0; }
   319 
   559   .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination {
   320 .edit-post-keyboard-shortcut-help__shortcut-key {
   560     margin-top: 10px; }
       
   561 
       
   562 .edit-post-keyboard-shortcut-help-modal__shortcut-key {
   321   padding: 0.25rem 0.5rem;
   563   padding: 0.25rem 0.5rem;
   322   border-radius: 8%;
   564   border-radius: 8%;
   323   margin: 0 0.2rem 0 0.2rem; }
   565   margin: 0 0.2rem 0 0.2rem; }
   324   .edit-post-keyboard-shortcut-help__shortcut-key:last-child {
   566   .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child {
   325     margin: 0 0.2rem 0 0; }
   567     margin: 0 0.2rem 0 0; }
   326 
   568 
   327 .edit-post-layout,
   569 .edit-post-layout__metaboxes {
   328 .edit-post-layout__content {
   570   flex-shrink: 0; }
   329   height: 100%; }
       
   330 
       
   331 .edit-post-layout {
       
   332   position: relative; }
       
   333   .edit-post-layout .components-notice-list {
       
   334     position: -webkit-sticky;
       
   335     position: sticky;
       
   336     top: 56px;
       
   337     left: 0;
       
   338     color: #191e23; }
       
   339     @media (min-width: 600px) {
       
   340       .edit-post-layout .components-notice-list {
       
   341         top: 0; } }
       
   342     .edit-post-layout .components-notice-list.is-pinned {
       
   343       position: relative;
       
   344       right: 0;
       
   345       top: 0; }
       
   346   .edit-post-layout .components-notice {
       
   347     margin: 0 0 5px;
       
   348     padding: 6px 12px;
       
   349     min-height: 50px; }
       
   350     .edit-post-layout .components-notice .components-notice__dismiss {
       
   351       margin: 10px 5px; }
       
   352   @media (min-width: 600px) {
       
   353     .edit-post-layout {
       
   354       padding-top: 56px; } }
       
   355 
   571 
   356 .edit-post-layout__metaboxes:not(:empty) {
   572 .edit-post-layout__metaboxes:not(:empty) {
   357   border-top: 1px solid #e2e4e7;
   573   border-top: 1px solid #ddd;
   358   margin-top: 10px;
       
   359   padding: 10px 0 10px;
   574   padding: 10px 0 10px;
   360   clear: both; }
   575   clear: both; }
   361   .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
   576   .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
   362     margin: auto 20px; }
   577     margin: auto 20px; }
   363 
   578 
   364 .edit-post-layout__content {
   579 .edit-post-layout .components-editor-notices__snackbar {
   365   display: flex;
   580   position: fixed;
   366   flex-direction: column;
   581   left: 0;
   367   min-height: 100%;
   582   bottom: 40px;
   368   position: relative;
   583   padding-right: 16px;
   369   padding-bottom: 50vh;
   584   padding-left: 16px; }
   370   -webkit-overflow-scrolling: touch; }
   585 
   371   @media (min-width: 782px) {
   586 .edit-post-layout .components-editor-notices__snackbar {
   372     .edit-post-layout__content {
   587   /* Set left position when auto-fold is not on the body element. */
   373       position: fixed;
   588   right: 0; }
   374       bottom: 0;
   589   @media (min-width: 783px) {
   375       right: 0;
   590     .edit-post-layout .components-editor-notices__snackbar {
   376       left: 0;
   591       right: 160px; } }
   377       top: 88px;
   592 
   378       min-height: calc(100% - 88px);
   593 .auto-fold .edit-post-layout .components-editor-notices__snackbar {
   379       height: auto;
   594   /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
   380       margin-right: 160px; }
   595   @media (min-width: 783px) {
   381       body.auto-fold .edit-post-layout__content {
   596     .auto-fold .edit-post-layout .components-editor-notices__snackbar {
   382         margin-right: 36px; } }
   597       right: 36px; } }
   383     @media (min-width: 782px) and (min-width: 960px) {
   598   @media (min-width: 961px) {
   384       body.auto-fold .edit-post-layout__content {
   599     .auto-fold .edit-post-layout .components-editor-notices__snackbar {
   385         margin-right: 160px; } }
   600       right: 160px; } }
   386   @media (min-width: 782px) {
   601 
   387       body.folded .edit-post-layout__content {
   602 /* Sidebar manually collapsed. */
   388         margin-right: 36px; }
   603 .folded .edit-post-layout .components-editor-notices__snackbar {
   389       body.is-fullscreen-mode .edit-post-layout__content {
   604   right: 0; }
   390         margin-right: 0 !important;
   605   @media (min-width: 783px) {
   391         top: 56px; } }
   606     .folded .edit-post-layout .components-editor-notices__snackbar {
   392   @media (min-width: 782px) {
   607       right: 36px; } }
   393     .has-fixed-toolbar .edit-post-layout__content {
   608 
   394       top: 124px; } }
   609 /* Mobile menu opened. */
   395   @media (min-width: 1080px) {
   610 @media (max-width: 783px) {
   396     .has-fixed-toolbar .edit-post-layout__content {
   611   .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar {
   397       top: 88px; } }
   612     right: 190px; } }
   398   @media (min-width: 600px) {
   613 
   399     .edit-post-layout__content {
   614 /* In small screens with responsive menu expanded there is small white space. */
   400       padding-bottom: 0; } }
   615 @media (max-width: 600px) {
   401   @media (min-width: 600px) {
   616   .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar {
   402     .edit-post-layout__content {
   617     margin-right: -18px; } }
   403       overflow-y: auto; } }
   618 
   404   @media (min-width: 600px) {
   619 body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   405     .edit-post-layout__content {
   620   right: 0 !important; }
   406       overscroll-behavior-y: none; } }
       
   407   .edit-post-layout__content .edit-post-visual-editor {
       
   408     flex: 1 1 auto; }
       
   409     @supports ((position: -webkit-sticky) or (position: sticky)) {
       
   410       .edit-post-layout__content .edit-post-visual-editor {
       
   411         flex-basis: 100%; } }
       
   412   .edit-post-layout__content .edit-post-layout__metaboxes {
       
   413     flex-shrink: 0; }
       
   414 
   621 
   415 .edit-post-layout .editor-post-publish-panel {
   622 .edit-post-layout .editor-post-publish-panel {
   416   position: fixed;
   623   position: fixed;
   417   z-index: 100001;
   624   z-index: 100001;
   418   top: 46px;
   625   top: 46px;
   420   left: 0;
   627   left: 0;
   421   right: 0;
   628   right: 0;
   422   overflow: auto; }
   629   overflow: auto; }
   423   @media (min-width: 782px) {
   630   @media (min-width: 782px) {
   424     .edit-post-layout .editor-post-publish-panel {
   631     .edit-post-layout .editor-post-publish-panel {
       
   632       z-index: 99998;
   425       top: 32px;
   633       top: 32px;
   426       right: auto;
   634       right: auto;
   427       width: 280px;
   635       width: 281px;
   428       border-right: 1px solid #e2e4e7;
   636       border-right: 1px solid #ddd;
   429       transform: translateX(-100%);
   637       transform: translateX(-100%);
   430       animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } }
   638       animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } }
   431   @media (min-width: 782px) and (prefers-reduced-motion: reduce) {
   639   @media (min-width: 782px) and (prefers-reduced-motion: reduce) {
   432     .edit-post-layout .editor-post-publish-panel {
   640     .edit-post-layout .editor-post-publish-panel {
   433       animation-duration: 1ms !important; } }
   641       animation-duration: 1ms; } }
   434   @media (min-width: 782px) {
   642   @media (min-width: 782px) {
   435       body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
   643       body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
   436         top: 0; }
   644         top: 0; }
   437       .is-focusing-regions .edit-post-layout .editor-post-publish-panel {
   645       .is-focusing-regions .edit-post-layout .editor-post-publish-panel {
   438         transform: translateX(0%); } }
   646         transform: translateX(0%); } }
   439 
   647 
   440 @keyframes edit-post-post-publish-panel__slide-in-animation {
   648 @keyframes edit-post-post-publish-panel__slide-in-animation {
   441   100% {
   649   100% {
   442     transform: translateX(0%); } }
   650     transform: translateX(0%); } }
   443 
   651 
   444 .edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large {
   652 .interface-interface-skeleton__sidebar > div {
   445   height: 33px;
   653   height: 100%; }
   446   line-height: 32px; }
   654 
   447 
   655 .edit-post-layout .editor-post-publish-panel__header-publish-button {
   448 .edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer {
   656   justify-content: center; }
   449   display: inline-flex;
   657 
   450   flex: 0 1 52px; }
   658 .edit-post-layout__toggle-publish-panel,
   451 
   659 .edit-post-layout__toogle-sidebar-panel,
   452 .edit-post-toggle-publish-panel {
   660 .edit-post-layout__toggle-entities-saved-states-panel {
   453   position: fixed;
   661   z-index: 100000;
       
   662   position: fixed !important;
   454   top: -9999em;
   663   top: -9999em;
   455   bottom: auto;
   664   bottom: auto;
   456   right: auto;
   665   right: auto;
   457   left: 0;
   666   left: 0;
   458   z-index: 100000;
       
   459   padding: 10px 0 10px 10px;
       
   460   width: 280px;
   667   width: 280px;
   461   background-color: #fff; }
   668   background-color: #fff;
   462   .edit-post-toggle-publish-panel:focus {
   669   border: 1px dotted #ddd;
       
   670   height: auto !important;
       
   671   padding: 24px;
       
   672   display: flex;
       
   673   justify-content: center; }
       
   674   .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,
       
   675   .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,
       
   676   .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,
       
   677   .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus
       
   678   .edit-post-layout__toogle-sidebar-panel,
       
   679   .interface-interface-skeleton__actions:focus-within
       
   680   .edit-post-layout__toogle-sidebar-panel,
       
   681   .interface-interface-skeleton__actions:focus
       
   682   .edit-post-layout__toogle-sidebar-panel,
       
   683   .interface-interface-skeleton__actions:focus-within
       
   684   .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus
       
   685   .edit-post-layout__toggle-entities-saved-states-panel,
       
   686   .interface-interface-skeleton__actions:focus-within
       
   687   .edit-post-layout__toggle-entities-saved-states-panel,
       
   688   .interface-interface-skeleton__actions:focus
       
   689   .edit-post-layout__toggle-entities-saved-states-panel,
       
   690   .interface-interface-skeleton__actions:focus-within
       
   691   .edit-post-layout__toggle-entities-saved-states-panel {
   463     top: auto;
   692     top: auto;
   464     bottom: 0; }
   693     bottom: 0; }
   465   .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   694 
   466     width: auto;
   695 .edit-post-layout__footer {
   467     height: auto;
   696   display: none;
   468     display: block;
   697   z-index: 30; }
   469     font-size: 14px;
   698   @media (min-width: 782px) {
   470     font-weight: 600;
   699     .edit-post-layout__footer {
   471     margin: 0 auto 0 0;
   700       display: flex;
   472     padding: 15px 23px 14px;
   701       background: #fff;
   473     line-height: normal;
   702       height: 24px;
   474     text-decoration: none;
   703       align-items: center;
   475     outline: none;
   704       font-size: 13px;
   476     background: #f1f1f1;
   705       padding: 0 18px; } }
   477     color: #11a0d2; }
   706 
   478   body.admin-color-sunrise .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   707 .edit-post-layout .interface-interface-skeleton__content {
   479     color: #c8b03c; }
   708   background-color: #ccd0d4; }
   480   body.admin-color-ocean .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   709 
   481     color: #a89d8a; }
   710 .edit-post-layout__inserter-panel-popover-wrapper,
   482   body.admin-color-midnight .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   711 .edit-post-layout__inserter-panel-popover-wrapper > div,
   483     color: #77a6b9; }
   712 .edit-post-layout__inserter-panel-popover-wrapper > div > div,
   484   body.admin-color-ectoplasm .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   713 .edit-post-layout__inserter-panel-popover-wrapper > div > div > div {
   485     color: #c77430; }
   714   height: 100%; }
   486   body.admin-color-coffee .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   715 
   487     color: #9fa47b; }
   716 .edit-post-layout__inserter-panel {
   488   body.admin-color-blue .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   717   height: 100%;
   489     color: #d9ab59; }
   718   display: flex;
   490   body.admin-color-light .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
   719   flex-direction: column; }
   491     color: #c75726; }
   720 
   492     .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button:focus {
   721 .edit-post-layout__inserter-panel-header {
   493       position: fixed;
   722   padding-top: 8px;
   494       top: auto;
   723   padding-left: 8px;
   495       left: 10px;
   724   display: flex;
   496       bottom: 10px;
   725   justify-content: flex-end; }
   497       right: auto; }
   726   @media (min-width: 782px) {
       
   727     .edit-post-layout__inserter-panel-header {
       
   728       display: none; } }
       
   729 
       
   730 .edit-post-layout__inserter-panel-content {
       
   731   height: calc(100% - 36px - 8px); }
       
   732   @media (min-width: 782px) {
       
   733     .edit-post-layout__inserter-panel-content {
       
   734       height: 100%; } }
   498 
   735 
   499 @media (min-width: 600px) {
   736 @media (min-width: 600px) {
   500   .edit-post-manage-blocks-modal {
   737   .edit-post-manage-blocks-modal {
   501     height: calc(100% - 56px - 56px); } }
   738     height: calc(100% - 60px - 60px); } }
   502 
   739 
   503 .edit-post-manage-blocks-modal .components-modal__content {
   740 .edit-post-manage-blocks-modal .components-modal__content {
   504   padding-bottom: 0;
   741   padding-bottom: 0;
   505   display: flex;
   742   display: flex;
   506   flex-direction: column; }
   743   flex-direction: column; }
   525   .edit-post-manage-blocks-modal__search .components-base-control__field {
   762   .edit-post-manage-blocks-modal__search .components-base-control__field {
   526     margin-bottom: 0; }
   763     margin-bottom: 0; }
   527   .edit-post-manage-blocks-modal__search .components-base-control__label {
   764   .edit-post-manage-blocks-modal__search .components-base-control__label {
   528     margin-top: -4px; }
   765     margin-top: -4px; }
   529   .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input {
   766   .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input {
   530     padding: 12px;
   767     padding: 8px;
   531     border-radius: 4px; }
   768     border-radius: 2px; }
       
   769 
       
   770 .edit-post-manage-blocks-modal__disabled-blocks-count {
       
   771   border-top: 1px solid #ddd;
       
   772   margin-right: -24px;
       
   773   margin-left: -24px;
       
   774   padding-top: 0.6rem;
       
   775   padding-bottom: 0.6rem;
       
   776   padding-right: 24px;
       
   777   padding-left: 24px;
       
   778   background-color: #f0f0f0; }
   532 
   779 
   533 .edit-post-manage-blocks-modal__category {
   780 .edit-post-manage-blocks-modal__category {
   534   margin: 0 0 2rem 0; }
   781   margin: 0 0 2rem 0; }
   535 
   782 
   536 .edit-post-manage-blocks-modal__category-title {
   783 .edit-post-manage-blocks-modal__category-title {
   537   position: -webkit-sticky;
   784   position: -webkit-sticky;
   538   position: sticky;
   785   position: sticky;
   539   top: 0;
   786   top: 0;
   540   padding: 16px 0;
   787   padding: 16px 0;
   541   background-color: #fff; }
   788   background-color: #fff;
       
   789   z-index: 1; }
   542   .edit-post-manage-blocks-modal__category-title .components-base-control__field {
   790   .edit-post-manage-blocks-modal__category-title .components-base-control__field {
   543     margin-bottom: 0; }
   791     margin-bottom: 0; }
   544   .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label {
   792   .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label {
   545     font-size: 0.9rem;
   793     font-size: 0.9rem;
   546     font-weight: 600; }
   794     font-weight: 600; }
   552   margin-top: 0; }
   800   margin-top: 0; }
   553 
   801 
   554 .edit-post-manage-blocks-modal__checklist-item {
   802 .edit-post-manage-blocks-modal__checklist-item {
   555   margin-bottom: 0;
   803   margin-bottom: 0;
   556   padding-right: 16px;
   804   padding-right: 16px;
   557   border-top: 1px solid #e2e4e7; }
   805   border-top: 1px solid #ddd; }
   558   .edit-post-manage-blocks-modal__checklist-item:last-child {
   806   .edit-post-manage-blocks-modal__checklist-item:last-child {
   559     border-bottom: 1px solid #e2e4e7; }
   807     border-bottom: 1px solid #ddd; }
   560   .edit-post-manage-blocks-modal__checklist-item .components-base-control__field {
   808   .edit-post-manage-blocks-modal__checklist-item .components-base-control__field {
   561     align-items: center;
   809     align-items: center;
   562     display: flex;
   810     display: flex;
   563     margin: 0; }
   811     margin: 0; }
   564   .components-modal__content .edit-post-manage-blocks-modal__checklist-item input[type="checkbox"] {
   812   .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container {
   565     margin: 0 8px; }
   813     margin: 0 8px; }
   566   .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label {
   814   .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label {
   567     display: flex;
   815     display: flex;
   568     align-items: center;
   816     align-items: center;
   569     justify-content: space-between;
   817     justify-content: space-between;
   570     flex-grow: 1;
   818     flex-grow: 1;
   571     padding: 0.6rem 10px 0.6rem 0; }
   819     padding: 0.6rem 10px 0.6rem 0; }
   572   .edit-post-manage-blocks-modal__checklist-item .editor-block-icon {
   820   .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon {
   573     margin-left: 10px;
   821     margin-left: 10px;
   574     fill: #555d66; }
   822     fill: #555d66; }
   575 
   823 
   576 .edit-post-manage-blocks-modal__results {
   824 .edit-post-manage-blocks-modal__results {
   577   height: 100%;
   825   height: 100%;
   578   overflow: auto;
   826   overflow: auto;
   579   margin-right: -16px;
   827   margin-right: -24px;
   580   margin-left: -16px;
   828   margin-left: -24px;
   581   padding-right: 16px;
   829   padding-right: 24px;
   582   padding-left: 16px;
   830   padding-left: 24px;
   583   border-top: 1px solid #e2e4e7; }
   831   border-top: 1px solid #ddd; }
   584 
   832 
   585 .edit-post-meta-boxes-area {
   833 .edit-post-meta-boxes-area {
   586   position: relative;
   834   position: relative;
   587   /**
   835   /**
   588 	 * The wordpress default for most meta-box elements is content-box. Some
   836 	 * The wordpress default for most meta-box elements is content-box. Some
   605     min-width: auto; }
   853     min-width: auto; }
   606   .edit-post-meta-boxes-area #poststuff h3.hndle,
   854   .edit-post-meta-boxes-area #poststuff h3.hndle,
   607   .edit-post-meta-boxes-area #poststuff .stuffbox > h3,
   855   .edit-post-meta-boxes-area #poststuff .stuffbox > h3,
   608   .edit-post-meta-boxes-area #poststuff h2.hndle {
   856   .edit-post-meta-boxes-area #poststuff h2.hndle {
   609     /* WordPress selectors yolo */
   857     /* WordPress selectors yolo */
   610     border-bottom: 1px solid #e2e4e7;
   858     border-bottom: 1px solid #ddd;
   611     box-sizing: border-box;
   859     box-sizing: border-box;
   612     color: inherit;
   860     color: inherit;
   613     font-weight: 600;
   861     font-weight: 600;
   614     outline: none;
   862     outline: none;
   615     padding: 15px;
   863     padding: 15px;
   618   .edit-post-meta-boxes-area .postbox {
   866   .edit-post-meta-boxes-area .postbox {
   619     border: 0;
   867     border: 0;
   620     color: inherit;
   868     color: inherit;
   621     margin-bottom: 0; }
   869     margin-bottom: 0; }
   622   .edit-post-meta-boxes-area .postbox > .inside {
   870   .edit-post-meta-boxes-area .postbox > .inside {
   623     border-bottom: 1px solid #e2e4e7;
   871     border-bottom: 1px solid #ddd;
   624     color: inherit;
   872     color: inherit;
   625     padding: 0 14px 14px;
   873     padding: 0 14px 14px;
   626     margin: 0; }
   874     margin: 0; }
   627   .edit-post-meta-boxes-area .postbox .handlediv {
   875   .edit-post-meta-boxes-area .postbox .handlediv {
   628     height: 44px;
   876     height: 44px;
   641     top: 10px;
   889     top: 10px;
   642     left: 20px;
   890     left: 20px;
   643     z-index: 5; }
   891     z-index: 5; }
   644   .edit-post-meta-boxes-area .is-hidden {
   892   .edit-post-meta-boxes-area .is-hidden {
   645     display: none; }
   893     display: none; }
       
   894   .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] {
       
   895     border: 1px solid #6c7781; }
       
   896     .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked {
       
   897       background: #fff;
       
   898       border-color: #6c7781; }
       
   899     .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before {
       
   900       margin: -3px -4px; }
   646 
   901 
   647 .edit-post-meta-boxes-area__clear {
   902 .edit-post-meta-boxes-area__clear {
   648   clear: both; }
   903   clear: both; }
   649 
       
   650 .edit-post-sidebar {
       
   651   position: fixed;
       
   652   z-index: 100000;
       
   653   top: 0;
       
   654   left: 0;
       
   655   bottom: 0;
       
   656   width: 280px;
       
   657   border-right: 1px solid #e2e4e7;
       
   658   background: #fff;
       
   659   color: #555d66;
       
   660   height: 100vh;
       
   661   overflow: hidden; }
       
   662   @media (min-width: 600px) {
       
   663     .edit-post-sidebar {
       
   664       top: 102px;
       
   665       z-index: 90;
       
   666       height: auto;
       
   667       overflow: auto;
       
   668       -webkit-overflow-scrolling: touch; } }
       
   669   @media (min-width: 782px) {
       
   670     .edit-post-sidebar {
       
   671       top: 88px; }
       
   672       body.is-fullscreen-mode .edit-post-sidebar {
       
   673         top: 56px; } }
       
   674   .edit-post-sidebar > .components-panel {
       
   675     border-right: none;
       
   676     border-left: none;
       
   677     overflow: auto;
       
   678     -webkit-overflow-scrolling: touch;
       
   679     height: auto;
       
   680     max-height: calc(100vh - 96px);
       
   681     margin-top: -1px;
       
   682     margin-bottom: -1px;
       
   683     position: relative;
       
   684     z-index: -2; }
       
   685     @media (min-width: 600px) {
       
   686       .edit-post-sidebar > .components-panel {
       
   687         overflow: hidden;
       
   688         height: auto;
       
   689         max-height: none; } }
       
   690   .edit-post-sidebar > .components-panel .components-panel__header {
       
   691     position: fixed;
       
   692     z-index: 1;
       
   693     top: 0;
       
   694     right: 0;
       
   695     left: 0;
       
   696     height: 50px; }
       
   697     @media (min-width: 600px) {
       
   698       .edit-post-sidebar > .components-panel .components-panel__header {
       
   699         position: inherit;
       
   700         top: auto;
       
   701         right: auto;
       
   702         left: auto; } }
       
   703   .edit-post-sidebar p {
       
   704     margin-top: 0; }
       
   705   .edit-post-sidebar h2,
       
   706   .edit-post-sidebar h3 {
       
   707     font-size: 13px;
       
   708     color: #555d66;
       
   709     margin-bottom: 1.5em; }
       
   710   .edit-post-sidebar hr {
       
   711     border-top: none;
       
   712     border-bottom: 1px solid #e2e4e7;
       
   713     margin: 1.5em 0; }
       
   714   .edit-post-sidebar div.components-toolbar {
       
   715     box-shadow: none;
       
   716     margin-bottom: 1.5em; }
       
   717     .edit-post-sidebar div.components-toolbar:last-child {
       
   718       margin-bottom: 0; }
       
   719   .edit-post-sidebar p + div.components-toolbar {
       
   720     margin-top: -1em; }
       
   721   .edit-post-sidebar .block-editor-skip-to-selected-block:focus {
       
   722     top: auto;
       
   723     left: 10px;
       
   724     bottom: 10px;
       
   725     right: auto; }
       
   726 
       
   727 /* Visual and Text editor both */
       
   728 @media (min-width: 782px) {
       
   729   .edit-post-layout.is-sidebar-opened .edit-post-layout__content {
       
   730     margin-left: 280px; } }
       
   731 
       
   732 .edit-post-layout.is-sidebar-opened .edit-post-sidebar,
       
   733 .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout {
       
   734   /* Sidebar covers screen on mobile */
       
   735   width: 100%;
       
   736   /* Sidebar sits on the side on larger breakpoints */ }
       
   737   @media (min-width: 782px) {
       
   738     .edit-post-layout.is-sidebar-opened .edit-post-sidebar,
       
   739     .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout {
       
   740       width: 280px; } }
       
   741 
       
   742 /* Text Editor specific */
       
   743 .components-panel__header.edit-post-sidebar__header {
       
   744   background: #fff;
       
   745   padding-left: 8px; }
       
   746   .components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title {
       
   747     overflow: hidden;
       
   748     text-overflow: ellipsis;
       
   749     white-space: nowrap;
       
   750     width: 100%; }
       
   751   @media (min-width: 782px) {
       
   752     .components-panel__header.edit-post-sidebar__header {
       
   753       display: none; } }
       
   754 
   904 
   755 .components-panel__header.edit-post-sidebar__panel-tabs {
   905 .components-panel__header.edit-post-sidebar__panel-tabs {
   756   justify-content: flex-start;
   906   justify-content: flex-start;
   757   padding-right: 0;
   907   padding-right: 0;
   758   padding-left: 4px;
   908   padding-left: 16px;
   759   border-top: 0;
   909   border-top: 0;
   760   margin-top: 0; }
   910   margin-top: 0; }
   761   .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button {
   911   .components-panel__header.edit-post-sidebar__panel-tabs ul {
       
   912     display: flex; }
       
   913   .components-panel__header.edit-post-sidebar__panel-tabs li {
       
   914     margin: 0; }
       
   915   .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
   762     display: none;
   916     display: none;
   763     margin-right: auto; }
   917     margin: 0 auto 0 0;
       
   918     padding: 0;
       
   919     min-width: 24px;
       
   920     height: 24px; }
   764     @media (min-width: 782px) {
   921     @media (min-width: 782px) {
   765       .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button {
   922       .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
   766         display: flex; } }
   923         display: flex; } }
   767 
   924 
   768 .edit-post-sidebar__panel-tab {
       
   769   background: transparent;
       
   770   border: none;
       
   771   box-shadow: none;
       
   772   cursor: pointer;
       
   773   height: 50px;
       
   774   padding: 3px 15px;
       
   775   margin-right: 0;
       
   776   font-weight: 400;
       
   777   outline-offset: -1px;
       
   778   transition: box-shadow 0.1s linear; }
       
   779   .edit-post-sidebar__panel-tab.is-active {
       
   780     box-shadow: inset 0 -3px #007cba;
       
   781     font-weight: 600;
       
   782     position: relative; }
       
   783   body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active {
       
   784     box-shadow: inset 0 -3px #837425; }
       
   785   body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active {
       
   786     box-shadow: inset 0 -3px #5e7d5e; }
       
   787   body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active {
       
   788     box-shadow: inset 0 -3px #497b8d; }
       
   789   body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active {
       
   790     box-shadow: inset 0 -3px #523f6d; }
       
   791   body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active {
       
   792     box-shadow: inset 0 -3px #59524c; }
       
   793   body.admin-color-blue .edit-post-sidebar__panel-tab.is-active {
       
   794     box-shadow: inset 0 -3px #417e9B; }
       
   795   body.admin-color-light .edit-post-sidebar__panel-tab.is-active {
       
   796     box-shadow: inset 0 -3px #007cba; }
       
   797     .edit-post-sidebar__panel-tab.is-active::before {
       
   798       content: "";
       
   799       position: absolute;
       
   800       top: 0;
       
   801       bottom: 1px;
       
   802       left: 0;
       
   803       right: 0;
       
   804       border-bottom: 3px solid transparent; }
       
   805   .edit-post-sidebar__panel-tab:focus {
       
   806     color: #191e23;
       
   807     outline-offset: -1px;
       
   808     outline: 1px dotted #555d66; }
       
   809 
       
   810 .components-panel__body.is-opened.edit-post-last-revision__panel {
   925 .components-panel__body.is-opened.edit-post-last-revision__panel {
   811   padding: 0; }
   926   padding: 0;
   812 
   927   height: 48px; }
   813 .editor-post-last-revision__title {
   928 
   814   padding: 13px 16px; }
   929 .editor-post-last-revision__title.components-button {
       
   930   padding: 16px; }
   815 
   931 
   816 .editor-post-author__select {
   932 .editor-post-author__select {
   817   margin: -5px 0;
   933   margin: -5px 0;
   818   width: 100%; }
   934   width: 100%; }
   819   @supports ((position: -webkit-sticky) or (position: sticky)) {
   935   @supports ((position: -webkit-sticky) or (position: sticky)) {
   822 
   938 
   823 .edit-post-post-link__link-post-name {
   939 .edit-post-post-link__link-post-name {
   824   font-weight: 600; }
   940   font-weight: 600; }
   825 
   941 
   826 .edit-post-post-link__preview-label {
   942 .edit-post-post-link__preview-label {
       
   943   font-weight: 400;
   827   margin: 0; }
   944   margin: 0; }
   828 
   945 
   829 .edit-post-post-link__link {
   946 .edit-post-post-link__link {
   830   word-wrap: break-word; }
   947   text-align: right;
   831 
   948   word-wrap: break-word;
       
   949   display: block; }
       
   950 .edit-post-post-link__preview-link-container {
       
   951   direction: ltr; }
   832 .edit-post-post-schedule {
   952 .edit-post-post-schedule {
   833   width: 100%;
   953   width: 100%;
   834   position: relative; }
   954   position: relative;
   835 
   955   justify-content: left; }
   836 .edit-post-post-schedule__label {
   956   .edit-post-post-schedule span {
   837   display: none; }
   957     display: block;
       
   958     width: 45%; }
   838 
   959 
   839 .components-button.edit-post-post-schedule__toggle {
   960 .components-button.edit-post-post-schedule__toggle {
   840   text-align: left; }
   961   text-align: left; }
   841 
   962 
   842 .edit-post-post-schedule__dialog .components-popover__content {
   963 .editor-post-slug__input {
   843   padding: 10px; }
   964   margin: -5px 0;
   844   @media (min-width: 782px) {
   965   padding: 2px; }
   845     .edit-post-post-schedule__dialog .components-popover__content {
       
   846       width: 270px; } }
       
   847 
   966 
   848 .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft {
   967 .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft {
   849   margin-top: 15px;
   968   margin-top: 15px;
   850   width: 100%;
   969   width: 100%;
   851   text-align: center; }
   970   text-align: center; }
   852 
   971 
   853 .edit-post-post-visibility {
   972 .edit-post-post-visibility {
   854   width: 100%; }
   973   width: 100%;
   855 
   974   justify-content: left; }
   856 .edit-post-post-visibility__dialog .components-popover__content {
   975   .edit-post-post-visibility span {
   857   padding: 10px; }
   976     display: block;
   858   @media (min-width: 782px) {
   977     width: 45%; }
   859     .edit-post-post-visibility__dialog .components-popover__content {
   978 
   860       width: 257px; } }
   979 @media (min-width: 782px) {
       
   980   .edit-post-post-visibility__dialog .components-popover__content {
       
   981     width: 257px; } }
   861 
   982 
   862 .edit-post-post-visibility__dialog-legend {
   983 .edit-post-post-visibility__dialog-legend {
   863   font-weight: 600; }
   984   font-weight: 600; }
   864 
   985 
   865 .edit-post-post-visibility__choice {
   986 .edit-post-post-visibility__choice {
   878   padding-right: 20px;
   999   padding-right: 20px;
   879   font-style: italic;
  1000   font-style: italic;
   880   margin: 4px 0 0;
  1001   margin: 4px 0 0;
   881   line-height: 1.4; }
  1002   line-height: 1.4; }
   882 
  1003 
   883 .components-panel__header.edit-post-sidebar__panel-tabs {
  1004 .components-button.edit-post-sidebar__panel-tab {
   884   justify-content: flex-start;
  1005   border-radius: 0;
   885   padding-right: 0;
  1006   height: 48px;
   886   padding-left: 4px;
       
   887   border-top: 0;
       
   888   position: -webkit-sticky;
       
   889   position: sticky;
       
   890   z-index: -1;
       
   891   top: 0; }
       
   892   .components-panel__header.edit-post-sidebar__panel-tabs ul {
       
   893     display: flex; }
       
   894   .components-panel__header.edit-post-sidebar__panel-tabs li {
       
   895     margin: 0; }
       
   896 
       
   897 .edit-post-sidebar__panel-tab {
       
   898   background: transparent;
  1007   background: transparent;
   899   border: none;
  1008   border: none;
   900   box-shadow: none;
  1009   box-shadow: none;
   901   cursor: pointer;
  1010   cursor: pointer;
       
  1011   display: inline-block;
   902   padding: 3px 15px;
  1012   padding: 3px 15px;
   903   margin-right: 0;
  1013   margin-right: 0;
   904   font-weight: 400;
  1014   font-weight: 500; }
   905   color: #191e23;
  1015   .components-button.edit-post-sidebar__panel-tab::after {
   906   outline-offset: -1px;
       
   907   transition: box-shadow 0.1s linear; }
       
   908   .edit-post-sidebar__panel-tab::after {
       
   909     content: attr(data-label);
  1016     content: attr(data-label);
   910     display: block;
  1017     display: block;
   911     font-weight: 600;
  1018     font-weight: 600;
   912     height: 0;
  1019     height: 0;
   913     overflow: hidden;
  1020     overflow: hidden;
   914     speak: none;
  1021     speak: none;
   915     visibility: hidden; }
  1022     visibility: hidden; }
   916   .edit-post-sidebar__panel-tab.is-active {
  1023   .components-button.edit-post-sidebar__panel-tab.is-active {
   917     box-shadow: inset 0 -3px #007cba;
  1024     box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba;
   918     font-weight: 600;
  1025     box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color);
   919     position: relative; }
  1026     position: relative;
   920   body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active {
  1027     z-index: 1; }
   921     box-shadow: inset 0 -3px #837425; }
  1028     .components-button.edit-post-sidebar__panel-tab.is-active::before {
   922   body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active {
       
   923     box-shadow: inset 0 -3px #5e7d5e; }
       
   924   body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active {
       
   925     box-shadow: inset 0 -3px #497b8d; }
       
   926   body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active {
       
   927     box-shadow: inset 0 -3px #523f6d; }
       
   928   body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active {
       
   929     box-shadow: inset 0 -3px #59524c; }
       
   930   body.admin-color-blue .edit-post-sidebar__panel-tab.is-active {
       
   931     box-shadow: inset 0 -3px #417e9B; }
       
   932   body.admin-color-light .edit-post-sidebar__panel-tab.is-active {
       
   933     box-shadow: inset 0 -3px #007cba; }
       
   934     .edit-post-sidebar__panel-tab.is-active::before {
       
   935       content: "";
  1029       content: "";
   936       position: absolute;
  1030       position: absolute;
   937       top: 0;
  1031       top: 0;
   938       bottom: 1px;
  1032       bottom: 1px;
   939       left: 0;
  1033       left: 0;
   940       right: 0;
  1034       right: 0;
   941       border-bottom: 3px solid transparent; }
  1035       border-bottom: 4px solid transparent; }
   942   .edit-post-sidebar__panel-tab:focus {
  1036   .components-button.edit-post-sidebar__panel-tab:focus {
   943     color: #191e23;
  1037     box-shadow: inset 0 0 0 1.5px #007cba;
   944     outline-offset: -1px;
  1038     box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color);
   945     outline: 1px dotted #555d66; }
  1039     position: relative;
   946 
  1040     z-index: 1; }
   947 .edit-post-settings-sidebar__panel-block .components-panel__body {
  1041   .components-button.edit-post-sidebar__panel-tab.is-active:focus {
   948   border: none;
  1042     box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba;
   949   border-top: 1px solid #e2e4e7;
  1043     box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); }
   950   margin: 0 -16px; }
  1044 
   951   .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control {
  1045 .edit-post-text-editor {
   952     margin-bottom: 24px; }
  1046   position: relative;
   953     .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child {
  1047   width: 100%;
   954       margin-bottom: 8px; }
  1048   background-color: #fff;
   955   .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle {
  1049   flex-grow: 1; }
   956     color: #191e23; }
  1050   .edit-post-text-editor .wp-block.editor-post-title {
   957   .edit-post-settings-sidebar__panel-block .components-panel__body:first-child {
  1051     max-width: none;
   958     margin-top: 16px; }
  1052     line-height: 1.4; }
   959   .edit-post-settings-sidebar__panel-block .components-panel__body:last-child {
  1053     .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input {
   960     margin-bottom: -16px; }
  1054       font-family: Menlo, Consolas, monaco, monospace;
   961 
  1055       font-size: 2.5em;
   962 /* Text Editor specific */
  1056       font-weight: normal; }
   963 .components-panel__header.edit-post-sidebar-header__small {
  1057     .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
   964   background: #fff;
  1058       border: 1px solid #ccc;
   965   padding-left: 4px; }
  1059       margin-bottom: -1px;
   966   .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title {
  1060       padding: 16px; }
   967     overflow: hidden;
  1061       @media (min-width: 600px) {
   968     text-overflow: ellipsis;
  1062         .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
   969     white-space: nowrap;
  1063           padding: 24px; } }
   970     width: 100%; }
  1064       .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus {
   971   @media (min-width: 782px) {
  1065         border: 1px solid #1e1e1e; }
   972     .components-panel__header.edit-post-sidebar-header__small {
  1066     @media (min-width: 600px) {
   973       display: none; } }
  1067       .edit-post-text-editor .wp-block.editor-post-title {
   974 
  1068         padding: 0; } }
   975 .components-panel__header.edit-post-sidebar-header {
       
   976   padding-left: 4px;
       
   977   background: #f3f4f5; }
       
   978   .components-panel__header.edit-post-sidebar-header .components-icon-button {
       
   979     display: none;
       
   980     margin-right: auto; }
       
   981     .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button {
       
   982       margin-right: 0; }
       
   983     @media (min-width: 782px) {
       
   984       .components-panel__header.edit-post-sidebar-header .components-icon-button {
       
   985         display: flex; } }
       
   986 
  1069 
   987 .edit-post-text-editor__body {
  1070 .edit-post-text-editor__body {
   988   padding-top: 40px; }
  1071   width: 100%;
       
  1072   padding: 0 12px 12px 12px;
       
  1073   max-width: 1080px;
       
  1074   margin-right: auto;
       
  1075   margin-left: auto; }
       
  1076   @media (min-width: 960px) {
       
  1077     .edit-post-text-editor__body {
       
  1078       padding: 16px 24px 96px 24px;
       
  1079       padding: 0 24px 24px 24px; } }
       
  1080 
       
  1081 .edit-post-text-editor__toolbar {
       
  1082   position: -webkit-sticky;
       
  1083   position: sticky;
       
  1084   z-index: 1;
       
  1085   top: 0;
       
  1086   right: 0;
       
  1087   left: 0;
       
  1088   display: flex;
       
  1089   background: rgba(255, 255, 255, 0.8);
       
  1090   padding: 4px 12px; }
   989   @media (min-width: 600px) {
  1091   @media (min-width: 600px) {
   990     .edit-post-text-editor__body {
  1092     .edit-post-text-editor__toolbar {
   991       padding-top: 86px; } }
  1093       padding: 12px; } }
   992   @media (min-width: 782px) {
  1094   @media (min-width: 960px) {
   993     .edit-post-text-editor__body {
  1095     .edit-post-text-editor__toolbar {
   994       padding-top: 40px; }
  1096       padding: 12px 24px; } }
   995       body.is-fullscreen-mode .edit-post-text-editor__body {
  1097   .edit-post-text-editor__toolbar h2 {
   996         padding-top: 40px; } }
       
   997 
       
   998 .edit-post-text-editor {
       
   999   width: 100%;
       
  1000   max-width: calc(100% - 32px);
       
  1001   margin-right: 16px;
       
  1002   margin-left: 16px;
       
  1003   padding-top: 44px; }
       
  1004   @media (min-width: 600px) {
       
  1005     .edit-post-text-editor {
       
  1006       max-width: 610px;
       
  1007       margin-right: auto;
       
  1008       margin-left: auto; } }
       
  1009   .edit-post-text-editor .editor-post-title__block textarea {
       
  1010     border: 1px solid #e2e4e7;
       
  1011     margin-bottom: 4px;
       
  1012     padding: 14px; }
       
  1013   .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover,
       
  1014   .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar).is-selected .editor-post-title__input {
       
  1015     box-shadow: none;
       
  1016     border-right-width: 1px; }
       
  1017   .edit-post-text-editor .editor-post-title__block textarea:hover,
       
  1018   .edit-post-text-editor .editor-post-title__block.is-selected textarea {
       
  1019     box-shadow: 0 0 0 1px #e2e4e7; }
       
  1020   .edit-post-text-editor .editor-post-permalink {
       
  1021     margin-top: -6px;
       
  1022     box-shadow: none;
       
  1023     border: none;
       
  1024     outline: 1px solid #b5bcc2; }
       
  1025   @media (min-width: 600px) {
       
  1026     .edit-post-text-editor .editor-post-title,
       
  1027     .edit-post-text-editor .editor-post-title__block {
       
  1028       padding: 0; } }
       
  1029   .edit-post-text-editor .editor-post-text-editor {
       
  1030     padding: 14px;
       
  1031     min-height: 200px;
       
  1032     line-height: 1.8; }
       
  1033   .edit-post-text-editor .edit-post-text-editor__toolbar {
       
  1034     position: absolute;
       
  1035     top: 8px;
       
  1036     right: 0;
       
  1037     left: 0;
       
  1038     height: 36px;
       
  1039     line-height: 36px;
  1098     line-height: 36px;
  1040     padding: 0 16px 0 8px;
  1099     margin: 0 0 0 auto;
  1041     display: flex; }
  1100     font-size: 13px;
  1042     .edit-post-text-editor .edit-post-text-editor__toolbar h2 {
  1101     color: #1e1e1e; }
  1043       margin: 0 0 0 auto;
  1102   .edit-post-text-editor__toolbar .components-button svg {
  1044       font-size: 13px;
  1103     order: 1; }
  1045       color: #555d66; }
       
  1046     .edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg {
       
  1047       order: 1; }
       
  1048 
  1104 
  1049 .edit-post-visual-editor {
  1105 .edit-post-visual-editor {
  1050   position: relative;
  1106   position: relative;
  1051   padding: 50px 0; }
  1107   padding-top: 50px;
       
  1108   background-color: #fff;
       
  1109   flex: 1 1 auto; }
  1052   .edit-post-visual-editor .components-button {
  1110   .edit-post-visual-editor .components-button {
  1053     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
  1111     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
       
  1112     font-size: 13px;
       
  1113     padding: 6px 12px; }
       
  1114     .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon {
       
  1115       padding: 6px; }
       
  1116   @supports ((position: -webkit-sticky) or (position: sticky)) {
       
  1117     .edit-post-visual-editor {
       
  1118       flex-basis: 100%; } }
       
  1119 
       
  1120 .edit-post-visual-editor > .block-editor__typewriter,
       
  1121 .edit-post-visual-editor > .block-editor__typewriter > div,
       
  1122 .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow,
       
  1123 .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect {
       
  1124   height: 100%; }
  1054 
  1125 
  1055 .edit-post-visual-editor .block-editor-writing-flow__click-redirect {
  1126 .edit-post-visual-editor .block-editor-writing-flow__click-redirect {
  1056   height: 50px;
  1127   min-height: 40vh;
  1057   width: 100%;
  1128   width: 100%; }
  1058   margin: -4px auto -50px; }
  1129 
  1059 
  1130 .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect {
  1060 .edit-post-visual-editor .block-editor-block-list__block {
  1131   height: 0; }
  1061   margin-right: auto;
  1132 
  1062   margin-left: auto; }
  1133 .edit-post-visual-editor__post-title-wrapper .editor-post-title {
  1063   @media (min-width: 600px) {
  1134   margin-top: 2em;
  1064     .edit-post-visual-editor .block-editor-block-list__block .block-editor-block-list__block-edit {
       
  1065       margin-right: -28px;
       
  1066       margin-left: -28px; }
       
  1067     .edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar,
       
  1068     .edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar {
       
  1069       height: 0;
       
  1070       width: 100%;
       
  1071       margin-right: 0;
       
  1072       margin-left: 0;
       
  1073       text-align: center;
       
  1074       float: right; }
       
  1075       .edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar,
       
  1076       .edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
       
  1077         max-width: 610px;
       
  1078         width: 100%;
       
  1079         position: relative; } }
       
  1080 
       
  1081 @media (min-width: 600px) {
       
  1082   .editor-post-title {
       
  1083     padding-right: 46px;
       
  1084     padding-left: 46px; } }
       
  1085 
       
  1086 .edit-post-visual-editor .editor-post-title__block {
       
  1087   margin-right: auto;
  1135   margin-right: auto;
  1088   margin-left: auto;
  1136   margin-left: auto;
  1089   margin-bottom: -20px; }
  1137   margin-bottom: 32px; }
  1090   .edit-post-visual-editor .editor-post-title__block > div {
       
  1091     margin-right: 0;
       
  1092     margin-left: 0; }
       
  1093   @media (min-width: 600px) {
       
  1094     .edit-post-visual-editor .editor-post-title__block > div {
       
  1095       margin-right: -2px;
       
  1096       margin-left: -2px; } }
       
  1097 
       
  1098 .edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="left"]:first-child,
       
  1099 .edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="right"]:first-child {
       
  1100   margin-top: 34px; }
       
  1101 
       
  1102 .edit-post-visual-editor .block-editor-default-block-appender {
       
  1103   margin-right: auto;
       
  1104   margin-left: auto;
       
  1105   position: relative; }
       
  1106   .edit-post-visual-editor .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
       
  1107     outline: 1px solid transparent; }
       
  1108 
       
  1109 .edit-post-visual-editor .block-editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p,
       
  1110 .edit-post-visual-editor .block-editor-default-block-appender__content {
       
  1111   min-height: 28px;
       
  1112   line-height: 1.8; }
       
  1113 
  1138 
  1114 .edit-post-options-modal__section {
  1139 .edit-post-options-modal__section {
  1115   margin: 0 0 2rem 0; }
  1140   margin: 0 0 2rem 0; }
  1116 
  1141 
  1117 .edit-post-options-modal__section-title {
  1142 .edit-post-options-modal__section-title {
  1118   font-size: 0.9rem;
  1143   font-size: 0.9rem;
  1119   font-weight: 600; }
  1144   font-weight: 600; }
  1120 
  1145 
  1121 .edit-post-options-modal__option {
  1146 .edit-post-options-modal__option {
  1122   border-top: 1px solid #e2e4e7; }
  1147   border-top: 1px solid #ddd; }
  1123   .edit-post-options-modal__option:last-child {
  1148   .edit-post-options-modal__option:last-child {
  1124     border-bottom: 1px solid #e2e4e7; }
  1149     border-bottom: 1px solid #ddd; }
  1125   .edit-post-options-modal__option .components-base-control__field {
  1150   .edit-post-options-modal__option .components-base-control__field {
  1126     align-items: center;
  1151     align-items: center;
  1127     display: flex;
  1152     display: flex;
  1128     margin: 0; }
  1153     margin: 0; }
  1129   .edit-post-options-modal__option.components-base-control + .edit-post-options-modal__option.components-base-control {
       
  1130     margin-bottom: 0; }
       
  1131   .edit-post-options-modal__option .components-checkbox-control__label {
  1154   .edit-post-options-modal__option .components-checkbox-control__label {
  1132     flex-grow: 1;
  1155     flex-grow: 1;
  1133     padding: 0.6rem 10px 0.6rem 0; }
  1156     padding: 0.6rem 10px 0.6rem 0; }
  1134 
  1157 
       
  1158 .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button {
       
  1159   margin: 0 48px 0.6rem 0; }
       
  1160   @media (min-width: 782px) {
       
  1161     .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button {
       
  1162       margin-right: 38px; } }
       
  1163   @media (min-width: 600px) {
       
  1164     .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button {
       
  1165       max-width: 300px; } }
       
  1166 
       
  1167 .edit-post-welcome-guide {
       
  1168   width: 312px; }
       
  1169   .edit-post-welcome-guide__image {
       
  1170     background: #00a0d2;
       
  1171     height: 240px; }
       
  1172     .edit-post-welcome-guide__image__prm-r {
       
  1173       display: none; }
       
  1174     @media (prefers-reduced-motion: reduce) {
       
  1175       .edit-post-welcome-guide__image__prm-r {
       
  1176         display: block; }
       
  1177       .edit-post-welcome-guide__image__prm-np {
       
  1178         display: none; } }
       
  1179   .edit-post-welcome-guide__heading {
       
  1180     font-family: "Noto Serif", serif;
       
  1181     font-size: 24px;
       
  1182     line-height: 1.4;
       
  1183     margin: 0 0 16px 0;
       
  1184     padding: 0 32px; }
       
  1185   .edit-post-welcome-guide__text {
       
  1186     font-size: 13px;
       
  1187     line-height: 1.4;
       
  1188     margin: 0 0 24px 0;
       
  1189     padding: 0 32px; }
       
  1190   .edit-post-welcome-guide__inserter-icon {
       
  1191     margin: 0 4px;
       
  1192     vertical-align: text-top; }
       
  1193 
  1135 /**
  1194 /**
  1136  * Animations
  1195  * Animations
  1137  */
  1196  */
  1138 @keyframes edit-post__loading-fade-animation {
       
  1139   0% {
       
  1140     opacity: 0.5; }
       
  1141   50% {
       
  1142     opacity: 1; }
       
  1143   100% {
       
  1144     opacity: 0.5; } }
       
  1145 
       
  1146 @keyframes edit-post__fade-in-animation {
  1197 @keyframes edit-post__fade-in-animation {
  1147   from {
  1198   from {
  1148     opacity: 0; }
  1199     opacity: 0; }
  1149   to {
  1200   to {
  1150     opacity: 1; } }
  1201     opacity: 1; } }
  1152 html.wp-toolbar {
  1203 html.wp-toolbar {
  1153   background: #fff; }
  1204   background: #fff; }
  1154 
  1205 
  1155 body.block-editor-page {
  1206 body.block-editor-page {
  1156   background: #fff;
  1207   background: #fff;
  1157   /* We hide legacy notices in Gutenberg, because they were not designed in a way that scaled well.
  1208   /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
  1158 	   Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
  1209 	   Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
  1159   body.block-editor-page #wpcontent {
  1210   body.block-editor-page #wpcontent {
  1160     padding-right: 0; }
  1211     padding-right: 0; }
  1161   body.block-editor-page #wpbody-content {
  1212   body.block-editor-page #wpbody-content {
  1162     padding-bottom: 0; }
  1213     padding-bottom: 0; }
  1172     border-left-color: #fff; }
  1223     border-left-color: #fff; }
  1173   body.block-editor-page .media-frame select.attachment-filters:last-of-type {
  1224   body.block-editor-page .media-frame select.attachment-filters:last-of-type {
  1174     width: auto;
  1225     width: auto;
  1175     max-width: 100%; }
  1226     max-width: 100%; }
  1176 
  1227 
  1177 .block-editor,
  1228 .edit-post-header,
  1178 .components-modal__frame {
  1229 .edit-post-visual-editor,
       
  1230 .edit-post-text-editor,
       
  1231 .edit-post-sidebar,
       
  1232 .editor-post-publish-panel,
       
  1233 .components-popover,
       
  1234 .components-modal__frame,
       
  1235 .edit-post-layout__inserter-panel {
  1179   box-sizing: border-box; }
  1236   box-sizing: border-box; }
  1180   .block-editor *,
  1237   .edit-post-header *,
  1181   .block-editor *::before,
  1238   .edit-post-header *::before,
  1182   .block-editor *::after,
  1239   .edit-post-header *::after,
       
  1240   .edit-post-visual-editor *,
       
  1241   .edit-post-visual-editor *::before,
       
  1242   .edit-post-visual-editor *::after,
       
  1243   .edit-post-text-editor *,
       
  1244   .edit-post-text-editor *::before,
       
  1245   .edit-post-text-editor *::after,
       
  1246   .edit-post-sidebar *,
       
  1247   .edit-post-sidebar *::before,
       
  1248   .edit-post-sidebar *::after,
       
  1249   .editor-post-publish-panel *,
       
  1250   .editor-post-publish-panel *::before,
       
  1251   .editor-post-publish-panel *::after,
       
  1252   .components-popover *,
       
  1253   .components-popover *::before,
       
  1254   .components-popover *::after,
  1183   .components-modal__frame *,
  1255   .components-modal__frame *,
  1184   .components-modal__frame *::before,
  1256   .components-modal__frame *::before,
  1185   .components-modal__frame *::after {
  1257   .components-modal__frame *::after,
       
  1258   .edit-post-layout__inserter-panel *,
       
  1259   .edit-post-layout__inserter-panel *::before,
       
  1260   .edit-post-layout__inserter-panel *::after {
  1186     box-sizing: inherit; }
  1261     box-sizing: inherit; }
  1187   .block-editor select,
       
  1188   .components-modal__frame select {
       
  1189     font-size: 13px;
       
  1190     color: #555d66; }
       
  1191 
  1262 
  1192 @media (min-width: 600px) {
  1263 @media (min-width: 600px) {
  1193   .block-editor__container {
  1264   .block-editor__container {
  1194     position: absolute;
  1265     position: absolute;
  1195     top: 0;
  1266     top: 0;
  1212   width: 100%; }
  1283   width: 100%; }
  1213 
  1284 
  1214 .block-editor__container .components-navigate-regions {
  1285 .block-editor__container .components-navigate-regions {
  1215   height: 100%; }
  1286   height: 100%; }
  1216 
  1287 
  1217 .editor-post-permalink .input-control,
       
  1218 .editor-post-permalink input[type="text"],
       
  1219 .editor-post-permalink input[type="search"],
       
  1220 .editor-post-permalink input[type="radio"],
       
  1221 .editor-post-permalink input[type="tel"],
       
  1222 .editor-post-permalink input[type="time"],
       
  1223 .editor-post-permalink input[type="url"],
       
  1224 .editor-post-permalink input[type="week"],
       
  1225 .editor-post-permalink input[type="password"],
       
  1226 .editor-post-permalink input[type="checkbox"],
       
  1227 .editor-post-permalink input[type="color"],
       
  1228 .editor-post-permalink input[type="date"],
       
  1229 .editor-post-permalink input[type="datetime"],
       
  1230 .editor-post-permalink input[type="datetime-local"],
       
  1231 .editor-post-permalink input[type="email"],
       
  1232 .editor-post-permalink input[type="month"],
       
  1233 .editor-post-permalink input[type="number"],
       
  1234 .editor-post-permalink select,
       
  1235 .editor-post-permalink textarea,
       
  1236 .edit-post-sidebar .input-control,
       
  1237 .edit-post-sidebar input[type="text"],
       
  1238 .edit-post-sidebar input[type="search"],
       
  1239 .edit-post-sidebar input[type="radio"],
       
  1240 .edit-post-sidebar input[type="tel"],
       
  1241 .edit-post-sidebar input[type="time"],
       
  1242 .edit-post-sidebar input[type="url"],
       
  1243 .edit-post-sidebar input[type="week"],
       
  1244 .edit-post-sidebar input[type="password"],
       
  1245 .edit-post-sidebar input[type="checkbox"],
       
  1246 .edit-post-sidebar input[type="color"],
       
  1247 .edit-post-sidebar input[type="date"],
       
  1248 .edit-post-sidebar input[type="datetime"],
       
  1249 .edit-post-sidebar input[type="datetime-local"],
       
  1250 .edit-post-sidebar input[type="email"],
       
  1251 .edit-post-sidebar input[type="month"],
       
  1252 .edit-post-sidebar input[type="number"],
       
  1253 .edit-post-sidebar select,
       
  1254 .edit-post-sidebar textarea,
       
  1255 .editor-post-publish-panel .input-control,
       
  1256 .editor-post-publish-panel input[type="text"],
       
  1257 .editor-post-publish-panel input[type="search"],
       
  1258 .editor-post-publish-panel input[type="radio"],
       
  1259 .editor-post-publish-panel input[type="tel"],
       
  1260 .editor-post-publish-panel input[type="time"],
       
  1261 .editor-post-publish-panel input[type="url"],
       
  1262 .editor-post-publish-panel input[type="week"],
       
  1263 .editor-post-publish-panel input[type="password"],
       
  1264 .editor-post-publish-panel input[type="checkbox"],
       
  1265 .editor-post-publish-panel input[type="color"],
       
  1266 .editor-post-publish-panel input[type="date"],
       
  1267 .editor-post-publish-panel input[type="datetime"],
       
  1268 .editor-post-publish-panel input[type="datetime-local"],
       
  1269 .editor-post-publish-panel input[type="email"],
       
  1270 .editor-post-publish-panel input[type="month"],
       
  1271 .editor-post-publish-panel input[type="number"],
       
  1272 .editor-post-publish-panel select,
       
  1273 .editor-post-publish-panel textarea,
       
  1274 .block-editor-block-list__block .input-control,
       
  1275 .block-editor-block-list__block input[type="text"],
       
  1276 .block-editor-block-list__block input[type="search"],
       
  1277 .block-editor-block-list__block input[type="radio"],
       
  1278 .block-editor-block-list__block input[type="tel"],
       
  1279 .block-editor-block-list__block input[type="time"],
       
  1280 .block-editor-block-list__block input[type="url"],
       
  1281 .block-editor-block-list__block input[type="week"],
       
  1282 .block-editor-block-list__block input[type="password"],
       
  1283 .block-editor-block-list__block input[type="checkbox"],
       
  1284 .block-editor-block-list__block input[type="color"],
       
  1285 .block-editor-block-list__block input[type="date"],
       
  1286 .block-editor-block-list__block input[type="datetime"],
       
  1287 .block-editor-block-list__block input[type="datetime-local"],
       
  1288 .block-editor-block-list__block input[type="email"],
       
  1289 .block-editor-block-list__block input[type="month"],
       
  1290 .block-editor-block-list__block input[type="number"],
       
  1291 .block-editor-block-list__block select,
       
  1292 .block-editor-block-list__block textarea,
       
  1293 .components-popover .input-control,
       
  1294 .components-popover input[type="text"],
       
  1295 .components-popover input[type="search"],
       
  1296 .components-popover input[type="radio"],
       
  1297 .components-popover input[type="tel"],
       
  1298 .components-popover input[type="time"],
       
  1299 .components-popover input[type="url"],
       
  1300 .components-popover input[type="week"],
       
  1301 .components-popover input[type="password"],
       
  1302 .components-popover input[type="checkbox"],
       
  1303 .components-popover input[type="color"],
       
  1304 .components-popover input[type="date"],
       
  1305 .components-popover input[type="datetime"],
       
  1306 .components-popover input[type="datetime-local"],
       
  1307 .components-popover input[type="email"],
       
  1308 .components-popover input[type="month"],
       
  1309 .components-popover input[type="number"],
       
  1310 .components-popover select,
       
  1311 .components-popover textarea,
       
  1312 .components-modal__content .input-control,
       
  1313 .components-modal__content input[type="text"],
       
  1314 .components-modal__content input[type="search"],
       
  1315 .components-modal__content input[type="radio"],
       
  1316 .components-modal__content input[type="tel"],
       
  1317 .components-modal__content input[type="time"],
       
  1318 .components-modal__content input[type="url"],
       
  1319 .components-modal__content input[type="week"],
       
  1320 .components-modal__content input[type="password"],
       
  1321 .components-modal__content input[type="checkbox"],
       
  1322 .components-modal__content input[type="color"],
       
  1323 .components-modal__content input[type="date"],
       
  1324 .components-modal__content input[type="datetime"],
       
  1325 .components-modal__content input[type="datetime-local"],
       
  1326 .components-modal__content input[type="email"],
       
  1327 .components-modal__content input[type="month"],
       
  1328 .components-modal__content input[type="number"],
       
  1329 .components-modal__content select,
       
  1330 .components-modal__content textarea {
       
  1331   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
       
  1332   padding: 6px 8px;
       
  1333   box-shadow: 0 0 0 transparent;
       
  1334   transition: box-shadow 0.1s linear;
       
  1335   border-radius: 4px;
       
  1336   border: 1px solid #8d96a0;
       
  1337   /* Fonts smaller than 16px causes mobile safari to zoom. */
       
  1338   font-size: 16px; }
       
  1339   @media (min-width: 600px) {
       
  1340     .editor-post-permalink .input-control,
       
  1341     .editor-post-permalink input[type="text"],
       
  1342     .editor-post-permalink input[type="search"],
       
  1343     .editor-post-permalink input[type="radio"],
       
  1344     .editor-post-permalink input[type="tel"],
       
  1345     .editor-post-permalink input[type="time"],
       
  1346     .editor-post-permalink input[type="url"],
       
  1347     .editor-post-permalink input[type="week"],
       
  1348     .editor-post-permalink input[type="password"],
       
  1349     .editor-post-permalink input[type="checkbox"],
       
  1350     .editor-post-permalink input[type="color"],
       
  1351     .editor-post-permalink input[type="date"],
       
  1352     .editor-post-permalink input[type="datetime"],
       
  1353     .editor-post-permalink input[type="datetime-local"],
       
  1354     .editor-post-permalink input[type="email"],
       
  1355     .editor-post-permalink input[type="month"],
       
  1356     .editor-post-permalink input[type="number"],
       
  1357     .editor-post-permalink select,
       
  1358     .editor-post-permalink textarea,
       
  1359     .edit-post-sidebar .input-control,
       
  1360     .edit-post-sidebar input[type="text"],
       
  1361     .edit-post-sidebar input[type="search"],
       
  1362     .edit-post-sidebar input[type="radio"],
       
  1363     .edit-post-sidebar input[type="tel"],
       
  1364     .edit-post-sidebar input[type="time"],
       
  1365     .edit-post-sidebar input[type="url"],
       
  1366     .edit-post-sidebar input[type="week"],
       
  1367     .edit-post-sidebar input[type="password"],
       
  1368     .edit-post-sidebar input[type="checkbox"],
       
  1369     .edit-post-sidebar input[type="color"],
       
  1370     .edit-post-sidebar input[type="date"],
       
  1371     .edit-post-sidebar input[type="datetime"],
       
  1372     .edit-post-sidebar input[type="datetime-local"],
       
  1373     .edit-post-sidebar input[type="email"],
       
  1374     .edit-post-sidebar input[type="month"],
       
  1375     .edit-post-sidebar input[type="number"],
       
  1376     .edit-post-sidebar select,
       
  1377     .edit-post-sidebar textarea,
       
  1378     .editor-post-publish-panel .input-control,
       
  1379     .editor-post-publish-panel input[type="text"],
       
  1380     .editor-post-publish-panel input[type="search"],
       
  1381     .editor-post-publish-panel input[type="radio"],
       
  1382     .editor-post-publish-panel input[type="tel"],
       
  1383     .editor-post-publish-panel input[type="time"],
       
  1384     .editor-post-publish-panel input[type="url"],
       
  1385     .editor-post-publish-panel input[type="week"],
       
  1386     .editor-post-publish-panel input[type="password"],
       
  1387     .editor-post-publish-panel input[type="checkbox"],
       
  1388     .editor-post-publish-panel input[type="color"],
       
  1389     .editor-post-publish-panel input[type="date"],
       
  1390     .editor-post-publish-panel input[type="datetime"],
       
  1391     .editor-post-publish-panel input[type="datetime-local"],
       
  1392     .editor-post-publish-panel input[type="email"],
       
  1393     .editor-post-publish-panel input[type="month"],
       
  1394     .editor-post-publish-panel input[type="number"],
       
  1395     .editor-post-publish-panel select,
       
  1396     .editor-post-publish-panel textarea,
       
  1397     .block-editor-block-list__block .input-control,
       
  1398     .block-editor-block-list__block input[type="text"],
       
  1399     .block-editor-block-list__block input[type="search"],
       
  1400     .block-editor-block-list__block input[type="radio"],
       
  1401     .block-editor-block-list__block input[type="tel"],
       
  1402     .block-editor-block-list__block input[type="time"],
       
  1403     .block-editor-block-list__block input[type="url"],
       
  1404     .block-editor-block-list__block input[type="week"],
       
  1405     .block-editor-block-list__block input[type="password"],
       
  1406     .block-editor-block-list__block input[type="checkbox"],
       
  1407     .block-editor-block-list__block input[type="color"],
       
  1408     .block-editor-block-list__block input[type="date"],
       
  1409     .block-editor-block-list__block input[type="datetime"],
       
  1410     .block-editor-block-list__block input[type="datetime-local"],
       
  1411     .block-editor-block-list__block input[type="email"],
       
  1412     .block-editor-block-list__block input[type="month"],
       
  1413     .block-editor-block-list__block input[type="number"],
       
  1414     .block-editor-block-list__block select,
       
  1415     .block-editor-block-list__block textarea,
       
  1416     .components-popover .input-control,
       
  1417     .components-popover input[type="text"],
       
  1418     .components-popover input[type="search"],
       
  1419     .components-popover input[type="radio"],
       
  1420     .components-popover input[type="tel"],
       
  1421     .components-popover input[type="time"],
       
  1422     .components-popover input[type="url"],
       
  1423     .components-popover input[type="week"],
       
  1424     .components-popover input[type="password"],
       
  1425     .components-popover input[type="checkbox"],
       
  1426     .components-popover input[type="color"],
       
  1427     .components-popover input[type="date"],
       
  1428     .components-popover input[type="datetime"],
       
  1429     .components-popover input[type="datetime-local"],
       
  1430     .components-popover input[type="email"],
       
  1431     .components-popover input[type="month"],
       
  1432     .components-popover input[type="number"],
       
  1433     .components-popover select,
       
  1434     .components-popover textarea,
       
  1435     .components-modal__content .input-control,
       
  1436     .components-modal__content input[type="text"],
       
  1437     .components-modal__content input[type="search"],
       
  1438     .components-modal__content input[type="radio"],
       
  1439     .components-modal__content input[type="tel"],
       
  1440     .components-modal__content input[type="time"],
       
  1441     .components-modal__content input[type="url"],
       
  1442     .components-modal__content input[type="week"],
       
  1443     .components-modal__content input[type="password"],
       
  1444     .components-modal__content input[type="checkbox"],
       
  1445     .components-modal__content input[type="color"],
       
  1446     .components-modal__content input[type="date"],
       
  1447     .components-modal__content input[type="datetime"],
       
  1448     .components-modal__content input[type="datetime-local"],
       
  1449     .components-modal__content input[type="email"],
       
  1450     .components-modal__content input[type="month"],
       
  1451     .components-modal__content input[type="number"],
       
  1452     .components-modal__content select,
       
  1453     .components-modal__content textarea {
       
  1454       font-size: 13px; } }
       
  1455   .editor-post-permalink .input-control:focus,
       
  1456   .editor-post-permalink input[type="text"]:focus,
       
  1457   .editor-post-permalink input[type="search"]:focus,
       
  1458   .editor-post-permalink input[type="radio"]:focus,
       
  1459   .editor-post-permalink input[type="tel"]:focus,
       
  1460   .editor-post-permalink input[type="time"]:focus,
       
  1461   .editor-post-permalink input[type="url"]:focus,
       
  1462   .editor-post-permalink input[type="week"]:focus,
       
  1463   .editor-post-permalink input[type="password"]:focus,
       
  1464   .editor-post-permalink input[type="checkbox"]:focus,
       
  1465   .editor-post-permalink input[type="color"]:focus,
       
  1466   .editor-post-permalink input[type="date"]:focus,
       
  1467   .editor-post-permalink input[type="datetime"]:focus,
       
  1468   .editor-post-permalink input[type="datetime-local"]:focus,
       
  1469   .editor-post-permalink input[type="email"]:focus,
       
  1470   .editor-post-permalink input[type="month"]:focus,
       
  1471   .editor-post-permalink input[type="number"]:focus,
       
  1472   .editor-post-permalink select:focus,
       
  1473   .editor-post-permalink textarea:focus,
       
  1474   .edit-post-sidebar .input-control:focus,
       
  1475   .edit-post-sidebar input[type="text"]:focus,
       
  1476   .edit-post-sidebar input[type="search"]:focus,
       
  1477   .edit-post-sidebar input[type="radio"]:focus,
       
  1478   .edit-post-sidebar input[type="tel"]:focus,
       
  1479   .edit-post-sidebar input[type="time"]:focus,
       
  1480   .edit-post-sidebar input[type="url"]:focus,
       
  1481   .edit-post-sidebar input[type="week"]:focus,
       
  1482   .edit-post-sidebar input[type="password"]:focus,
       
  1483   .edit-post-sidebar input[type="checkbox"]:focus,
       
  1484   .edit-post-sidebar input[type="color"]:focus,
       
  1485   .edit-post-sidebar input[type="date"]:focus,
       
  1486   .edit-post-sidebar input[type="datetime"]:focus,
       
  1487   .edit-post-sidebar input[type="datetime-local"]:focus,
       
  1488   .edit-post-sidebar input[type="email"]:focus,
       
  1489   .edit-post-sidebar input[type="month"]:focus,
       
  1490   .edit-post-sidebar input[type="number"]:focus,
       
  1491   .edit-post-sidebar select:focus,
       
  1492   .edit-post-sidebar textarea:focus,
       
  1493   .editor-post-publish-panel .input-control:focus,
       
  1494   .editor-post-publish-panel input[type="text"]:focus,
       
  1495   .editor-post-publish-panel input[type="search"]:focus,
       
  1496   .editor-post-publish-panel input[type="radio"]:focus,
       
  1497   .editor-post-publish-panel input[type="tel"]:focus,
       
  1498   .editor-post-publish-panel input[type="time"]:focus,
       
  1499   .editor-post-publish-panel input[type="url"]:focus,
       
  1500   .editor-post-publish-panel input[type="week"]:focus,
       
  1501   .editor-post-publish-panel input[type="password"]:focus,
       
  1502   .editor-post-publish-panel input[type="checkbox"]:focus,
       
  1503   .editor-post-publish-panel input[type="color"]:focus,
       
  1504   .editor-post-publish-panel input[type="date"]:focus,
       
  1505   .editor-post-publish-panel input[type="datetime"]:focus,
       
  1506   .editor-post-publish-panel input[type="datetime-local"]:focus,
       
  1507   .editor-post-publish-panel input[type="email"]:focus,
       
  1508   .editor-post-publish-panel input[type="month"]:focus,
       
  1509   .editor-post-publish-panel input[type="number"]:focus,
       
  1510   .editor-post-publish-panel select:focus,
       
  1511   .editor-post-publish-panel textarea:focus,
       
  1512   .block-editor-block-list__block .input-control:focus,
       
  1513   .block-editor-block-list__block input[type="text"]:focus,
       
  1514   .block-editor-block-list__block input[type="search"]:focus,
       
  1515   .block-editor-block-list__block input[type="radio"]:focus,
       
  1516   .block-editor-block-list__block input[type="tel"]:focus,
       
  1517   .block-editor-block-list__block input[type="time"]:focus,
       
  1518   .block-editor-block-list__block input[type="url"]:focus,
       
  1519   .block-editor-block-list__block input[type="week"]:focus,
       
  1520   .block-editor-block-list__block input[type="password"]:focus,
       
  1521   .block-editor-block-list__block input[type="checkbox"]:focus,
       
  1522   .block-editor-block-list__block input[type="color"]:focus,
       
  1523   .block-editor-block-list__block input[type="date"]:focus,
       
  1524   .block-editor-block-list__block input[type="datetime"]:focus,
       
  1525   .block-editor-block-list__block input[type="datetime-local"]:focus,
       
  1526   .block-editor-block-list__block input[type="email"]:focus,
       
  1527   .block-editor-block-list__block input[type="month"]:focus,
       
  1528   .block-editor-block-list__block input[type="number"]:focus,
       
  1529   .block-editor-block-list__block select:focus,
       
  1530   .block-editor-block-list__block textarea:focus,
       
  1531   .components-popover .input-control:focus,
       
  1532   .components-popover input[type="text"]:focus,
       
  1533   .components-popover input[type="search"]:focus,
       
  1534   .components-popover input[type="radio"]:focus,
       
  1535   .components-popover input[type="tel"]:focus,
       
  1536   .components-popover input[type="time"]:focus,
       
  1537   .components-popover input[type="url"]:focus,
       
  1538   .components-popover input[type="week"]:focus,
       
  1539   .components-popover input[type="password"]:focus,
       
  1540   .components-popover input[type="checkbox"]:focus,
       
  1541   .components-popover input[type="color"]:focus,
       
  1542   .components-popover input[type="date"]:focus,
       
  1543   .components-popover input[type="datetime"]:focus,
       
  1544   .components-popover input[type="datetime-local"]:focus,
       
  1545   .components-popover input[type="email"]:focus,
       
  1546   .components-popover input[type="month"]:focus,
       
  1547   .components-popover input[type="number"]:focus,
       
  1548   .components-popover select:focus,
       
  1549   .components-popover textarea:focus,
       
  1550   .components-modal__content .input-control:focus,
       
  1551   .components-modal__content input[type="text"]:focus,
       
  1552   .components-modal__content input[type="search"]:focus,
       
  1553   .components-modal__content input[type="radio"]:focus,
       
  1554   .components-modal__content input[type="tel"]:focus,
       
  1555   .components-modal__content input[type="time"]:focus,
       
  1556   .components-modal__content input[type="url"]:focus,
       
  1557   .components-modal__content input[type="week"]:focus,
       
  1558   .components-modal__content input[type="password"]:focus,
       
  1559   .components-modal__content input[type="checkbox"]:focus,
       
  1560   .components-modal__content input[type="color"]:focus,
       
  1561   .components-modal__content input[type="date"]:focus,
       
  1562   .components-modal__content input[type="datetime"]:focus,
       
  1563   .components-modal__content input[type="datetime-local"]:focus,
       
  1564   .components-modal__content input[type="email"]:focus,
       
  1565   .components-modal__content input[type="month"]:focus,
       
  1566   .components-modal__content input[type="number"]:focus,
       
  1567   .components-modal__content select:focus,
       
  1568   .components-modal__content textarea:focus {
       
  1569     color: #191e23;
       
  1570     border-color: #00a0d2;
       
  1571     box-shadow: 0 0 0 1px #00a0d2;
       
  1572     outline: 2px solid transparent;
       
  1573     outline-offset: -2px; }
       
  1574 
       
  1575 .editor-post-permalink input[type="number"],
       
  1576 .edit-post-sidebar input[type="number"],
       
  1577 .editor-post-publish-panel input[type="number"],
       
  1578 .block-editor-block-list__block input[type="number"],
       
  1579 .components-popover input[type="number"],
       
  1580 .components-modal__content input[type="number"] {
       
  1581   padding-right: 4px;
       
  1582   padding-left: 4px; }
       
  1583 
       
  1584 .editor-post-permalink select,
       
  1585 .edit-post-sidebar select,
       
  1586 .editor-post-publish-panel select,
       
  1587 .block-editor-block-list__block select,
       
  1588 .components-popover select,
       
  1589 .components-modal__content select {
       
  1590   padding: 2px; }
       
  1591   .editor-post-permalink select:focus,
       
  1592   .edit-post-sidebar select:focus,
       
  1593   .editor-post-publish-panel select:focus,
       
  1594   .block-editor-block-list__block select:focus,
       
  1595   .components-popover select:focus,
       
  1596   .components-modal__content select:focus {
       
  1597     border-color: #008dbe;
       
  1598     outline: 2px solid transparent;
       
  1599     outline-offset: 0; }
       
  1600 
       
  1601 .editor-post-permalink input[type="checkbox"],
       
  1602 .editor-post-permalink input[type="radio"],
       
  1603 .edit-post-sidebar input[type="checkbox"],
       
  1604 .edit-post-sidebar input[type="radio"],
       
  1605 .editor-post-publish-panel input[type="checkbox"],
       
  1606 .editor-post-publish-panel input[type="radio"],
       
  1607 .block-editor-block-list__block input[type="checkbox"],
       
  1608 .block-editor-block-list__block input[type="radio"],
       
  1609 .components-popover input[type="checkbox"],
       
  1610 .components-popover input[type="radio"],
       
  1611 .components-modal__content input[type="checkbox"],
       
  1612 .components-modal__content input[type="radio"] {
       
  1613   border: 2px solid #6c7781;
       
  1614   margin-left: 12px;
       
  1615   transition: none; }
       
  1616   .editor-post-permalink input[type="checkbox"]:focus,
       
  1617   .editor-post-permalink input[type="radio"]:focus,
       
  1618   .edit-post-sidebar input[type="checkbox"]:focus,
       
  1619   .edit-post-sidebar input[type="radio"]:focus,
       
  1620   .editor-post-publish-panel input[type="checkbox"]:focus,
       
  1621   .editor-post-publish-panel input[type="radio"]:focus,
       
  1622   .block-editor-block-list__block input[type="checkbox"]:focus,
       
  1623   .block-editor-block-list__block input[type="radio"]:focus,
       
  1624   .components-popover input[type="checkbox"]:focus,
       
  1625   .components-popover input[type="radio"]:focus,
       
  1626   .components-modal__content input[type="checkbox"]:focus,
       
  1627   .components-modal__content input[type="radio"]:focus {
       
  1628     border-color: #6c7781;
       
  1629     box-shadow: 0 0 0 1px #6c7781; }
       
  1630   .editor-post-permalink input[type="checkbox"]:checked,
       
  1631   .editor-post-permalink input[type="radio"]:checked,
       
  1632   .edit-post-sidebar input[type="checkbox"]:checked,
       
  1633   .edit-post-sidebar input[type="radio"]:checked,
       
  1634   .editor-post-publish-panel input[type="checkbox"]:checked,
       
  1635   .editor-post-publish-panel input[type="radio"]:checked,
       
  1636   .block-editor-block-list__block input[type="checkbox"]:checked,
       
  1637   .block-editor-block-list__block input[type="radio"]:checked,
       
  1638   .components-popover input[type="checkbox"]:checked,
       
  1639   .components-popover input[type="radio"]:checked,
       
  1640   .components-modal__content input[type="checkbox"]:checked,
       
  1641   .components-modal__content input[type="radio"]:checked {
       
  1642     background: #11a0d2;
       
  1643     border-color: #11a0d2; }
       
  1644   body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked {
       
  1645     background: #c8b03c;
       
  1646     border-color: #c8b03c; }
       
  1647   body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked {
       
  1648     background: #a3b9a2;
       
  1649     border-color: #a3b9a2; }
       
  1650   body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked {
       
  1651     background: #77a6b9;
       
  1652     border-color: #77a6b9; }
       
  1653   body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked {
       
  1654     background: #a7b656;
       
  1655     border-color: #a7b656; }
       
  1656   body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked {
       
  1657     background: #c2a68c;
       
  1658     border-color: #c2a68c; }
       
  1659   body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked {
       
  1660     background: #82b4cb;
       
  1661     border-color: #82b4cb; }
       
  1662   body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked {
       
  1663     background: #11a0d2;
       
  1664     border-color: #11a0d2; }
       
  1665   .editor-post-permalink input[type="checkbox"]:checked:focus,
       
  1666   .editor-post-permalink input[type="radio"]:checked:focus,
       
  1667   .edit-post-sidebar input[type="checkbox"]:checked:focus,
       
  1668   .edit-post-sidebar input[type="radio"]:checked:focus,
       
  1669   .editor-post-publish-panel input[type="checkbox"]:checked:focus,
       
  1670   .editor-post-publish-panel input[type="radio"]:checked:focus,
       
  1671   .block-editor-block-list__block input[type="checkbox"]:checked:focus,
       
  1672   .block-editor-block-list__block input[type="radio"]:checked:focus,
       
  1673   .components-popover input[type="checkbox"]:checked:focus,
       
  1674   .components-popover input[type="radio"]:checked:focus,
       
  1675   .components-modal__content input[type="checkbox"]:checked:focus,
       
  1676   .components-modal__content input[type="radio"]:checked:focus {
       
  1677     box-shadow: 0 0 0 2px #555d66; }
       
  1678 
       
  1679 .editor-post-permalink input[type="checkbox"],
       
  1680 .edit-post-sidebar input[type="checkbox"],
       
  1681 .editor-post-publish-panel input[type="checkbox"],
       
  1682 .block-editor-block-list__block input[type="checkbox"],
       
  1683 .components-popover input[type="checkbox"],
       
  1684 .components-modal__content input[type="checkbox"] {
       
  1685   border-radius: 2px; }
       
  1686   .editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
       
  1687   .edit-post-sidebar input[type="checkbox"]:checked::before,
       
  1688   .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
       
  1689   .editor-post-publish-panel input[type="checkbox"]:checked::before,
       
  1690   .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
       
  1691   .block-editor-block-list__block input[type="checkbox"]:checked::before,
       
  1692   .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
       
  1693   .components-popover input[type="checkbox"]:checked::before,
       
  1694   .components-popover input[type="checkbox"][aria-checked="mixed"]::before,
       
  1695   .components-modal__content input[type="checkbox"]:checked::before,
       
  1696   .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
       
  1697     margin: -3px -5px;
       
  1698     color: #fff; }
       
  1699     @media (min-width: 782px) {
       
  1700       .editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
       
  1701       .edit-post-sidebar input[type="checkbox"]:checked::before,
       
  1702       .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
       
  1703       .editor-post-publish-panel input[type="checkbox"]:checked::before,
       
  1704       .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
       
  1705       .block-editor-block-list__block input[type="checkbox"]:checked::before,
       
  1706       .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
       
  1707       .components-popover input[type="checkbox"]:checked::before,
       
  1708       .components-popover input[type="checkbox"][aria-checked="mixed"]::before,
       
  1709       .components-modal__content input[type="checkbox"]:checked::before,
       
  1710       .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
       
  1711         margin: -4px -5px 0 0; } }
       
  1712   .editor-post-permalink input[type="checkbox"][aria-checked="mixed"],
       
  1713   .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"],
       
  1714   .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"],
       
  1715   .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"],
       
  1716   .components-popover input[type="checkbox"][aria-checked="mixed"],
       
  1717   .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1718     background: #11a0d2;
       
  1719     border-color: #11a0d2; }
       
  1720   body.admin-color-sunrise .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1721     background: #c8b03c;
       
  1722     border-color: #c8b03c; }
       
  1723   body.admin-color-ocean .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1724     background: #a3b9a2;
       
  1725     border-color: #a3b9a2; }
       
  1726   body.admin-color-midnight .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1727     background: #77a6b9;
       
  1728     border-color: #77a6b9; }
       
  1729   body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1730     background: #a7b656;
       
  1731     border-color: #a7b656; }
       
  1732   body.admin-color-coffee .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1733     background: #c2a68c;
       
  1734     border-color: #c2a68c; }
       
  1735   body.admin-color-blue .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1736     background: #82b4cb;
       
  1737     border-color: #82b4cb; }
       
  1738   body.admin-color-light .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
       
  1739     background: #11a0d2;
       
  1740     border-color: #11a0d2; }
       
  1741     .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
       
  1742     .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
       
  1743     .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
       
  1744     .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
       
  1745     .components-popover input[type="checkbox"][aria-checked="mixed"]::before,
       
  1746     .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
       
  1747       content: "\f460";
       
  1748       float: right;
       
  1749       display: inline-block;
       
  1750       vertical-align: middle;
       
  1751       width: 16px;
       
  1752       /* stylelint-disable */
       
  1753       font: normal 30px/1 dashicons;
       
  1754       /* stylelint-enable */
       
  1755       speak: none;
       
  1756       -webkit-font-smoothing: antialiased;
       
  1757       -moz-osx-font-smoothing: grayscale; }
       
  1758       @media (min-width: 782px) {
       
  1759         .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
       
  1760         .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
       
  1761         .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
       
  1762         .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
       
  1763         .components-popover input[type="checkbox"][aria-checked="mixed"]::before,
       
  1764         .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
       
  1765           float: none;
       
  1766           font-size: 21px; } }
       
  1767     .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]:focus,
       
  1768     .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]:focus,
       
  1769     .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]:focus,
       
  1770     .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]:focus,
       
  1771     .components-popover input[type="checkbox"][aria-checked="mixed"]:focus,
       
  1772     .components-modal__content input[type="checkbox"][aria-checked="mixed"]:focus {
       
  1773       box-shadow: 0 0 0 2px #555d66; }
       
  1774 
       
  1775 .editor-post-permalink input[type="radio"],
       
  1776 .edit-post-sidebar input[type="radio"],
       
  1777 .editor-post-publish-panel input[type="radio"],
       
  1778 .block-editor-block-list__block input[type="radio"],
       
  1779 .components-popover input[type="radio"],
       
  1780 .components-modal__content input[type="radio"] {
       
  1781   border-radius: 50%; }
       
  1782   .editor-post-permalink input[type="radio"]:checked::before,
       
  1783   .edit-post-sidebar input[type="radio"]:checked::before,
       
  1784   .editor-post-publish-panel input[type="radio"]:checked::before,
       
  1785   .block-editor-block-list__block input[type="radio"]:checked::before,
       
  1786   .components-popover input[type="radio"]:checked::before,
       
  1787   .components-modal__content input[type="radio"]:checked::before {
       
  1788     margin: 3px 3px 0 0;
       
  1789     background-color: #fff; }
       
  1790 
       
  1791 .editor-post-title input::-webkit-input-placeholder,
       
  1792 .editor-post-title textarea::-webkit-input-placeholder,
       
  1793 .block-editor-block-list__block input::-webkit-input-placeholder,
       
  1794 .block-editor-block-list__block textarea::-webkit-input-placeholder {
       
  1795   color: rgba(14, 28, 46, 0.62); }
       
  1796 
       
  1797 .editor-post-title input::-moz-placeholder,
       
  1798 .editor-post-title textarea::-moz-placeholder,
       
  1799 .block-editor-block-list__block input::-moz-placeholder,
       
  1800 .block-editor-block-list__block textarea::-moz-placeholder {
       
  1801   opacity: 1;
       
  1802   color: rgba(14, 28, 46, 0.62); }
       
  1803 
       
  1804 .editor-post-title input:-ms-input-placeholder,
       
  1805 .editor-post-title textarea:-ms-input-placeholder,
       
  1806 .block-editor-block-list__block input:-ms-input-placeholder,
       
  1807 .block-editor-block-list__block textarea:-ms-input-placeholder {
       
  1808   color: rgba(14, 28, 46, 0.62); }
       
  1809 
       
  1810 .is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme
       
  1811 .editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme
       
  1812 .block-editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme
       
  1813 .block-editor-block-list__block textarea::-webkit-input-placeholder {
       
  1814   color: rgba(255, 255, 255, 0.65); }
       
  1815 
       
  1816 .is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme
       
  1817 .editor-post-title textarea::-moz-placeholder, .is-dark-theme
       
  1818 .block-editor-block-list__block input::-moz-placeholder, .is-dark-theme
       
  1819 .block-editor-block-list__block textarea::-moz-placeholder {
       
  1820   opacity: 1;
       
  1821   color: rgba(255, 255, 255, 0.65); }
       
  1822 
       
  1823 .is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme
       
  1824 .editor-post-title textarea:-ms-input-placeholder, .is-dark-theme
       
  1825 .block-editor-block-list__block input:-ms-input-placeholder, .is-dark-theme
       
  1826 .block-editor-block-list__block textarea:-ms-input-placeholder {
       
  1827   color: rgba(255, 255, 255, 0.65); }
       
  1828 
       
  1829 .wp-block {
  1288 .wp-block {
  1830   max-width: 610px; }
  1289   max-width: 580px; }
  1831   .wp-block[data-align="wide"] {
  1290   .wp-block[data-align="wide"] {
  1832     max-width: 1100px; }
  1291     max-width: 1100px; }
  1833   .wp-block[data-align="full"] {
  1292   .wp-block[data-align="full"] {
  1834     max-width: none; }
  1293     max-width: none; }
       
  1294 
       
  1295 body.admin-color-light {
       
  1296   --wp-admin-theme-color: #0085ba;
       
  1297   --wp-admin-theme-color-darker-10: #0073a1;
       
  1298   --wp-admin-theme-color-darker-20: #006187; }
       
  1299 
       
  1300 body.admin-color-modern {
       
  1301   --wp-admin-theme-color: #3858e9;
       
  1302   --wp-admin-theme-color-darker-10: #2145e6;
       
  1303   --wp-admin-theme-color-darker-20: #183ad6; }
       
  1304 
       
  1305 body.admin-color-blue {
       
  1306   --wp-admin-theme-color: #096484;
       
  1307   --wp-admin-theme-color-darker-10: #07526c;
       
  1308   --wp-admin-theme-color-darker-20: #064054; }
       
  1309 
       
  1310 body.admin-color-coffee {
       
  1311   --wp-admin-theme-color: #46403c;
       
  1312   --wp-admin-theme-color-darker-10: #383330;
       
  1313   --wp-admin-theme-color-darker-20: #2b2724; }
       
  1314 
       
  1315 body.admin-color-ectoplasm {
       
  1316   --wp-admin-theme-color: #523f6d;
       
  1317   --wp-admin-theme-color-darker-10: #46365d;
       
  1318   --wp-admin-theme-color-darker-20: #3a2c4d; }
       
  1319 
       
  1320 body.admin-color-midnight {
       
  1321   --wp-admin-theme-color: #e14d43;
       
  1322   --wp-admin-theme-color-darker-10: #dd382d;
       
  1323   --wp-admin-theme-color-darker-20: #d02c21; }
       
  1324 
       
  1325 body.admin-color-ocean {
       
  1326   --wp-admin-theme-color: #627c83;
       
  1327   --wp-admin-theme-color-darker-10: #576e74;
       
  1328   --wp-admin-theme-color-darker-20: #4c6066; }
       
  1329 
       
  1330 body.admin-color-sunrise {
       
  1331   --wp-admin-theme-color: #dd823b;
       
  1332   --wp-admin-theme-color-darker-10: #d97426;
       
  1333   --wp-admin-theme-color-darker-20: #c36922; }