/**

[0] Fix | Delete

* Colors

[1] Fix | Delete

*/

[2] Fix | Delete

/**

[3] Fix | Delete

* Breakpoints & Media Queries

[4] Fix | Delete

*/

[5] Fix | Delete

/**

[6] Fix | Delete

* SCSS Variables.

[7] Fix | Delete

*

[8] Fix | Delete

* Please use variables from this sheet to ensure consistency across the UI.

[9] Fix | Delete

* Don't add to this sheet unless you're pretty sure the value will be reused in many places.

[10] Fix | Delete

* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.

[11] Fix | Delete

*/

[12] Fix | Delete

/**

[13] Fix | Delete

* Colors

[14] Fix | Delete

*/

[15] Fix | Delete

/**

[16] Fix | Delete

* Fonts & basic variables.

[17] Fix | Delete

*/

[18] Fix | Delete

/**

[19] Fix | Delete

* Grid System.

[20] Fix | Delete

* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/

[21] Fix | Delete

*/

[22] Fix | Delete

/**

[23] Fix | Delete

* Dimensions.

[24] Fix | Delete

*/

[25] Fix | Delete

/**

[26] Fix | Delete

* Shadows.

[27] Fix | Delete

*/

[28] Fix | Delete

/**

[29] Fix | Delete

* Editor widths.

[30] Fix | Delete

*/

[31] Fix | Delete

/**

[32] Fix | Delete

* Block & Editor UI.

[33] Fix | Delete

*/

[34] Fix | Delete

/**

[35] Fix | Delete

* Block paddings.

[36] Fix | Delete

*/

[37] Fix | Delete

/**

[38] Fix | Delete

* React Native specific.

[39] Fix | Delete

* These variables do not appear to be used anywhere else.

[40] Fix | Delete

*/

[41] Fix | Delete

/**

[42] Fix | Delete

* Breakpoint mixins

[43] Fix | Delete

*/

[44] Fix | Delete

/**

[45] Fix | Delete

* Long content fade mixin

[46] Fix | Delete

*

[47] Fix | Delete

* Creates a fading overlay to signify that the content is longer

[48] Fix | Delete

* than the space allows.

[49] Fix | Delete

*/

[50] Fix | Delete

/**

[51] Fix | Delete

* Focus styles.

[52] Fix | Delete

*/

[53] Fix | Delete

/**

[54] Fix | Delete

* Applies editor left position to the selector passed as argument

[55] Fix | Delete

*/

[56] Fix | Delete

/**

[57] Fix | Delete

* Styles that are reused verbatim in a few places

[58] Fix | Delete

*/

[59] Fix | Delete

/**

[60] Fix | Delete

* Allows users to opt-out of animations via OS-level preferences.

[61] Fix | Delete

*/

[62] Fix | Delete

/**

[63] Fix | Delete

* Reset default styles for JavaScript UI based pages.

[64] Fix | Delete

* This is a WP-admin agnostic reset

[65] Fix | Delete

*/

[66] Fix | Delete

/**

[67] Fix | Delete

* Reset the WP Admin page styles for Gutenberg-like pages.

[68] Fix | Delete

*/

[69] Fix | Delete

/**

[70] Fix | Delete

* These are default block editor widths in case the theme doesn't provide them.

[71] Fix | Delete

*/

[72] Fix | Delete

:root {

[73] Fix | Delete

--wp-admin-theme-color: #007cba;

[74] Fix | Delete

--wp-admin-theme-color-darker-10: #006ba1;

[75] Fix | Delete

--wp-admin-theme-color-darker-20: #005a87;

[76] Fix | Delete

--wp-admin-border-width-focus: 2px;

[77] Fix | Delete

}

[78] Fix | Delete

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

[79] Fix | Delete

:root {

[80] Fix | Delete

--wp-admin-border-width-focus: 1.5px;

[81] Fix | Delete

}

[82] Fix | Delete

}

[83] Fix | Delete

[84] Fix | Delete

.components-panel__header.interface-complementary-area-header__small {

[85] Fix | Delete

background: #fff;

[86] Fix | Delete

padding-right: 4px;

[87] Fix | Delete

}

[88] Fix | Delete

.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title {

[89] Fix | Delete

overflow: hidden;

[90] Fix | Delete

text-overflow: ellipsis;

[91] Fix | Delete

white-space: nowrap;

[92] Fix | Delete

width: 100%;

[93] Fix | Delete

}

[94] Fix | Delete

@media (min-width: 782px) {

[95] Fix | Delete

.components-panel__header.interface-complementary-area-header__small {

[96] Fix | Delete

display: none;

[97] Fix | Delete

}

[98] Fix | Delete

}

[99] Fix | Delete

[100] Fix | Delete

.interface-complementary-area-header {

[101] Fix | Delete

background: #fff;

[102] Fix | Delete

padding-right: 4px;

[103] Fix | Delete

}

[104] Fix | Delete

.interface-complementary-area-header .components-button.has-icon {

[105] Fix | Delete

display: none;

[106] Fix | Delete

margin-left: auto;

[107] Fix | Delete

}

[108] Fix | Delete

.interface-complementary-area-header .components-button.has-icon ~ .components-button {

[109] Fix | Delete

margin-left: 0;

[110] Fix | Delete

}

[111] Fix | Delete

@media (min-width: 782px) {

[112] Fix | Delete

.interface-complementary-area-header .components-button.has-icon {

[113] Fix | Delete

display: flex;

[114] Fix | Delete

}

[115] Fix | Delete

}

[116] Fix | Delete

[117] Fix | Delete

.interface-complementary-area {

[118] Fix | Delete

background: #fff;

[119] Fix | Delete

color: #1e1e1e;

[120] Fix | Delete

}

[121] Fix | Delete

@media (min-width: 600px) {

[122] Fix | Delete

.interface-complementary-area {

[123] Fix | Delete

-webkit-overflow-scrolling: touch;

[124] Fix | Delete

}

[125] Fix | Delete

}

[126] Fix | Delete

@media (min-width: 782px) {

[127] Fix | Delete

.interface-complementary-area {

[128] Fix | Delete

width: 280px;

[129] Fix | Delete

}

[130] Fix | Delete

}

[131] Fix | Delete

.interface-complementary-area .components-panel {

[132] Fix | Delete

border: none;

[133] Fix | Delete

}

[134] Fix | Delete

.interface-complementary-area .components-panel__header {

[135] Fix | Delete

position: -webkit-sticky;

[136] Fix | Delete

position: sticky;

[137] Fix | Delete

top: 0;

[138] Fix | Delete

z-index: 1;

[139] Fix | Delete

}

[140] Fix | Delete

.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs {

[141] Fix | Delete

top: 48px;

[142] Fix | Delete

}

[143] Fix | Delete

@media (min-width: 782px) {

[144] Fix | Delete

.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs {

[145] Fix | Delete

top: 0;

[146] Fix | Delete

}

[147] Fix | Delete

}

[148] Fix | Delete

.interface-complementary-area p {

[149] Fix | Delete

margin-top: 0;

[150] Fix | Delete

}

[151] Fix | Delete

.interface-complementary-area h2,

[152] Fix | Delete

.interface-complementary-area h3 {

[153] Fix | Delete

font-size: 13px;

[154] Fix | Delete

color: #1e1e1e;

[155] Fix | Delete

margin-bottom: 1.5em;

[156] Fix | Delete

}

[157] Fix | Delete

.interface-complementary-area hr {

[158] Fix | Delete

border-top: none;

[159] Fix | Delete

border-bottom: 1px solid #f0f0f0;

[160] Fix | Delete

margin: 1.5em 0;

[161] Fix | Delete

}

[162] Fix | Delete

.interface-complementary-area div.components-toolbar-group,

[163] Fix | Delete

.interface-complementary-area div.components-toolbar {

[164] Fix | Delete

box-shadow: none;

[165] Fix | Delete

margin-bottom: 1.5em;

[166] Fix | Delete

}

[167] Fix | Delete

.interface-complementary-area div.components-toolbar-group:last-child,

[168] Fix | Delete

.interface-complementary-area div.components-toolbar:last-child {

[169] Fix | Delete

margin-bottom: 0;

[170] Fix | Delete

}

[171] Fix | Delete

.interface-complementary-area .block-editor-skip-to-selected-block:focus {

[172] Fix | Delete

top: auto;

[173] Fix | Delete

right: 10px;

[174] Fix | Delete

bottom: 10px;

[175] Fix | Delete

left: auto;

[176] Fix | Delete

}

[177] Fix | Delete

[178] Fix | Delete

@media (min-width: 782px) {

[179] Fix | Delete

body.js.is-fullscreen-mode {

[180] Fix | Delete

margin-top: -32px;

[181] Fix | Delete

height: calc(100% + 32px);

[182] Fix | Delete

}

[183] Fix | Delete

body.js.is-fullscreen-mode #adminmenumain,

[184] Fix | Delete

body.js.is-fullscreen-mode #wpadminbar {

[185] Fix | Delete

display: none;

[186] Fix | Delete

}

[187] Fix | Delete

body.js.is-fullscreen-mode #wpcontent,

[188] Fix | Delete

body.js.is-fullscreen-mode #wpfooter {

[189] Fix | Delete

margin-left: 0;

[190] Fix | Delete

}

[191] Fix | Delete

}

[192] Fix | Delete

[193] Fix | Delete

html.interface-interface-skeleton__html-container {

[194] Fix | Delete

position: fixed;

[195] Fix | Delete

width: 100%;

[196] Fix | Delete

}

[197] Fix | Delete

@media (min-width: 782px) {

[198] Fix | Delete

html.interface-interface-skeleton__html-container {

[199] Fix | Delete

position: initial;

[200] Fix | Delete

width: initial;

[201] Fix | Delete

}

[202] Fix | Delete

}

[203] Fix | Delete

[204] Fix | Delete

.interface-interface-skeleton {

[205] Fix | Delete

display: flex;

[206] Fix | Delete

flex-direction: row;

[207] Fix | Delete

height: auto;

[208] Fix | Delete

max-height: 100%;

[209] Fix | Delete

position: fixed;

[210] Fix | Delete

top: 46px;

[211] Fix | Delete

left: 0;

[212] Fix | Delete

right: 0;

[213] Fix | Delete

bottom: 0;

[214] Fix | Delete

}

[215] Fix | Delete

@media (min-width: 783px) {

[216] Fix | Delete

.interface-interface-skeleton {

[217] Fix | Delete

top: 32px;

[218] Fix | Delete

}

[219] Fix | Delete

.is-fullscreen-mode .interface-interface-skeleton {

[220] Fix | Delete

top: 0;

[221] Fix | Delete

}

[222] Fix | Delete

}

[223] Fix | Delete

[224] Fix | Delete

.interface-interface-skeleton__editor {

[225] Fix | Delete

display: flex;

[226] Fix | Delete

flex-direction: column;

[227] Fix | Delete

flex: 0 1 100%;

[228] Fix | Delete

overflow: hidden;

[229] Fix | Delete

}

[230] Fix | Delete

[231] Fix | Delete

.interface-interface-skeleton {

[232] Fix | Delete

/* Set left position when auto-fold is not on the body element. */

[233] Fix | Delete

left: 0;

[234] Fix | Delete

}

[235] Fix | Delete

@media (min-width: 783px) {

[236] Fix | Delete

.interface-interface-skeleton {

[237] Fix | Delete

left: 160px;

[238] Fix | Delete

}

[239] Fix | Delete

}

[240] Fix | Delete

[241] Fix | Delete

.auto-fold .interface-interface-skeleton {

[242] Fix | Delete

/* Auto fold is when on smaller breakpoints, nav menu auto collapses. */

[243] Fix | Delete

}

[244] Fix | Delete

@media (min-width: 783px) {

[245] Fix | Delete

.auto-fold .interface-interface-skeleton {

[246] Fix | Delete

left: 36px;

[247] Fix | Delete

}

[248] Fix | Delete

}

[249] Fix | Delete

@media (min-width: 961px) {

[250] Fix | Delete

.auto-fold .interface-interface-skeleton {

[251] Fix | Delete

left: 160px;

[252] Fix | Delete

}

[253] Fix | Delete

}

[254] Fix | Delete

[255] Fix | Delete

/* Sidebar manually collapsed. */

[256] Fix | Delete

.folded .interface-interface-skeleton {

[257] Fix | Delete

left: 0;

[258] Fix | Delete

}

[259] Fix | Delete

@media (min-width: 783px) {

[260] Fix | Delete

.folded .interface-interface-skeleton {

[261] Fix | Delete

left: 36px;

[262] Fix | Delete

}

[263] Fix | Delete

}

[264] Fix | Delete

[265] Fix | Delete

/* Mobile menu opened. */

[266] Fix | Delete

@media (max-width: 783px) {

[267] Fix | Delete

.auto-fold .wp-responsive-open .interface-interface-skeleton {

[268] Fix | Delete

left: 190px;

[269] Fix | Delete

}

[270] Fix | Delete

}

[271] Fix | Delete

/* In small screens with responsive menu expanded there is small white space. */

[272] Fix | Delete

@media (max-width: 600px) {

[273] Fix | Delete

.auto-fold .wp-responsive-open .interface-interface-skeleton {

[274] Fix | Delete

margin-left: -18px;

[275] Fix | Delete

}

[276] Fix | Delete

}

[277] Fix | Delete

body.is-fullscreen-mode .interface-interface-skeleton {

[278] Fix | Delete

left: 0 !important;

[279] Fix | Delete

}

[280] Fix | Delete

[281] Fix | Delete

.interface-interface-skeleton__body {

[282] Fix | Delete

flex-grow: 1;

[283] Fix | Delete

display: flex;

[284] Fix | Delete

overflow: auto;

[285] Fix | Delete

overscroll-behavior-y: none;

[286] Fix | Delete

}

[287] Fix | Delete

@media (min-width: 782px) {

[288] Fix | Delete

.has-footer .interface-interface-skeleton__body {

[289] Fix | Delete

padding-bottom: 25px;

[290] Fix | Delete

}

[291] Fix | Delete

}

[292] Fix | Delete

[293] Fix | Delete

.interface-interface-skeleton__content {

[294] Fix | Delete

flex-grow: 1;

[295] Fix | Delete

display: flex;

[296] Fix | Delete

flex-direction: column;

[297] Fix | Delete

overflow: auto;

[298] Fix | Delete

}

[299] Fix | Delete

[300] Fix | Delete

.interface-interface-skeleton__secondary-sidebar,

[301] Fix | Delete

.interface-interface-skeleton__sidebar {

[302] Fix | Delete

display: block;

[303] Fix | Delete

flex-shrink: 0;

[304] Fix | Delete

position: absolute;

[305] Fix | Delete

z-index: 100000;

[306] Fix | Delete

top: 0;

[307] Fix | Delete

right: 0;

[308] Fix | Delete

bottom: 0;

[309] Fix | Delete

left: 0;

[310] Fix | Delete

background: #fff;

[311] Fix | Delete

color: #1e1e1e;

[312] Fix | Delete

}

[313] Fix | Delete

@media (min-width: 782px) {

[314] Fix | Delete

.interface-interface-skeleton__secondary-sidebar,

[315] Fix | Delete

.interface-interface-skeleton__sidebar {

[316] Fix | Delete

position: relative !important;

[317] Fix | Delete

z-index: 90;

[318] Fix | Delete

width: auto;

[319] Fix | Delete

}

[320] Fix | Delete

}

[321] Fix | Delete

[322] Fix | Delete

.interface-interface-skeleton__sidebar {

[323] Fix | Delete

overflow: auto;

[324] Fix | Delete

}

[325] Fix | Delete

@media (min-width: 782px) {

[326] Fix | Delete

.interface-interface-skeleton__sidebar {

[327] Fix | Delete

border-left: 1px solid #e0e0e0;

[328] Fix | Delete

}

[329] Fix | Delete

}

[330] Fix | Delete

[331] Fix | Delete

@media (min-width: 782px) {

[332] Fix | Delete

.interface-interface-skeleton__secondary-sidebar {

[333] Fix | Delete

border-right: 1px solid #e0e0e0;

[334] Fix | Delete

}

[335] Fix | Delete

}

[336] Fix | Delete

[337] Fix | Delete

.interface-interface-skeleton__header {

[338] Fix | Delete

flex-shrink: 0;

[339] Fix | Delete

height: auto;

[340] Fix | Delete

border-bottom: 1px solid #e0e0e0;

[341] Fix | Delete

z-index: 30;

[342] Fix | Delete

color: #1e1e1e;

[343] Fix | Delete

position: -webkit-sticky;

[344] Fix | Delete

position: sticky;

[345] Fix | Delete

top: 0;

[346] Fix | Delete

}

[347] Fix | Delete

@media (min-width: 600px) {

[348] Fix | Delete

.interface-interface-skeleton__header {

[349] Fix | Delete

position: initial;

[350] Fix | Delete

top: 0;

[351] Fix | Delete

}

[352] Fix | Delete

}

[353] Fix | Delete

[354] Fix | Delete

.interface-interface-skeleton__footer {

[355] Fix | Delete

height: auto;

[356] Fix | Delete

flex-shrink: 0;

[357] Fix | Delete

border-top: 1px solid #e0e0e0;

[358] Fix | Delete

color: #1e1e1e;

[359] Fix | Delete

position: absolute;

[360] Fix | Delete

bottom: 0;

[361] Fix | Delete

left: 0;

[362] Fix | Delete

width: 100%;

[363] Fix | Delete

background-color: #fff;

[364] Fix | Delete

z-index: 90;

[365] Fix | Delete

display: none;

[366] Fix | Delete

}

[367] Fix | Delete

@media (min-width: 782px) {

[368] Fix | Delete

.interface-interface-skeleton__footer {

[369] Fix | Delete

display: flex;

[370] Fix | Delete

}

[371] Fix | Delete

}

[372] Fix | Delete

.interface-interface-skeleton__footer .block-editor-block-breadcrumb {

[373] Fix | Delete

z-index: 30;

[374] Fix | Delete

display: flex;

[375] Fix | Delete

background: #fff;

[376] Fix | Delete

height: 24px;

[377] Fix | Delete

align-items: center;

[378] Fix | Delete

font-size: 13px;

[379] Fix | Delete

padding: 0 18px;

[380] Fix | Delete

}

[381] Fix | Delete

[382] Fix | Delete

.interface-interface-skeleton__actions {

[383] Fix | Delete

z-index: 100000;

[384] Fix | Delete

position: fixed !important;

[385] Fix | Delete

top: -9999em;

[386] Fix | Delete

bottom: auto;

[387] Fix | Delete

left: auto;

[388] Fix | Delete

right: 0;

[389] Fix | Delete

width: 280px;

[390] Fix | Delete

color: #1e1e1e;

[391] Fix | Delete

}

[392] Fix | Delete

.interface-interface-skeleton__actions:focus {

[393] Fix | Delete

top: auto;

[394] Fix | Delete

bottom: 0;

[395] Fix | Delete

}

[396] Fix | Delete

[397] Fix | Delete

.interface-pinned-items {

[398] Fix | Delete

display: flex;

[399] Fix | Delete

}

[400] Fix | Delete

.interface-pinned-items .components-button:not(:first-child) {

[401] Fix | Delete

display: none;

[402] Fix | Delete

}

[403] Fix | Delete

@media (min-width: 600px) {

[404] Fix | Delete

.interface-pinned-items .components-button:not(:first-child) {

[405] Fix | Delete

display: flex;

[406] Fix | Delete

}

[407] Fix | Delete

}

[408] Fix | Delete

.interface-pinned-items .components-button {

[409] Fix | Delete

margin-left: 4px;

[410] Fix | Delete

}

[411] Fix | Delete

.interface-pinned-items .components-button svg {

[412] Fix | Delete

max-width: 24px;

[413] Fix | Delete

max-height: 24px;

[414] Fix | Delete

}

[415] Fix | Delete

[416] Fix | Delete

.edit-post-header {

[417] Fix | Delete

height: 60px;

[418] Fix | Delete

background: #fff;

[419] Fix | Delete

display: flex;

[420] Fix | Delete

flex-wrap: wrap;

[421] Fix | Delete

align-items: center;

[422] Fix | Delete

max-width: 100vw;

[423] Fix | Delete

}

[424] Fix | Delete

@media (min-width: 280px) {

[425] Fix | Delete

.edit-post-header {

[426] Fix | Delete

flex-wrap: nowrap;

[427] Fix | Delete

}

[428] Fix | Delete

}

[429] Fix | Delete

.edit-post-header > .edit-post-header__settings {

[430] Fix | Delete

order: 1;

[431] Fix | Delete

}

[432] Fix | Delete

@supports ((position: -webkit-sticky) or (position: sticky)) {

[433] Fix | Delete

.edit-post-header > .edit-post-header__settings {

[434] Fix | Delete

order: initial;

[435] Fix | Delete

}

[436] Fix | Delete

}

[437] Fix | Delete

[438] Fix | Delete

.edit-post-header__toolbar {

[439] Fix | Delete

display: flex;

[440] Fix | Delete

flex-grow: 1;

[441] Fix | Delete

}

[442] Fix | Delete

.edit-post-header__toolbar .table-of-contents {

[443] Fix | Delete

display: none;

[444] Fix | Delete

}

[445] Fix | Delete

@media (min-width: 600px) {

[446] Fix | Delete

.edit-post-header__toolbar .table-of-contents {

[447] Fix | Delete

display: block;

[448] Fix | Delete

}

[449] Fix | Delete

}

[450] Fix | Delete

[451] Fix | Delete

.edit-post-header__settings {

[452] Fix | Delete

display: inline-flex;

[453] Fix | Delete

align-items: center;

[454] Fix | Delete

flex-wrap: wrap;

[455] Fix | Delete

padding-right: 4px;

[456] Fix | Delete

/**

[457] Fix | Delete

* Buttons in the Toolbar

[458] Fix | Delete

*/

[459] Fix | Delete

}

[460] Fix | Delete

@media (min-width: 600px) {

[461] Fix | Delete

.edit-post-header__settings {

[462] Fix | Delete

padding-right: 16px;

[463] Fix | Delete

}

[464] Fix | Delete

}

[465] Fix | Delete

.edit-post-header__settings .editor-post-saved-state,

[466] Fix | Delete

.edit-post-header__settings .components-button.components-button {

[467] Fix | Delete

margin-right: 4px;

[468] Fix | Delete

}

[469] Fix | Delete

@media (min-width: 600px) {

[470] Fix | Delete

.edit-post-header__settings .editor-post-saved-state,

[471] Fix | Delete

.edit-post-header__settings .components-button.components-button {

[472] Fix | Delete

margin-right: 12px;

[473] Fix | Delete

}

[474] Fix | Delete

}

[475] Fix | Delete

.edit-post-header__settings .editor-post-saved-state,

[476] Fix | Delete

.edit-post-header__settings .components-button.is-tertiary {

[477] Fix | Delete

padding: 0 6px;

[478] Fix | Delete

}

[479] Fix | Delete

.edit-post-header__settings .edit-post-more-menu .components-button,

[480] Fix | Delete

.edit-post-header__settings .interface-pinned-items .components-button {

[481] Fix | Delete

margin-right: 0;

[482] Fix | Delete

}

[483] Fix | Delete

[484] Fix | Delete

.edit-post-header-preview__grouping-external {

[485] Fix | Delete

display: flex;

[486] Fix | Delete

position: relative;

[487] Fix | Delete

padding-bottom: 0;

[488] Fix | Delete

}

[489] Fix | Delete

[490] Fix | Delete

.edit-post-header-preview__button-external {

[491] Fix | Delete

padding-left: 8px;

[492] Fix | Delete

margin-right: auto;

[493] Fix | Delete

width: 100%;

[494] Fix | Delete

display: flex;

[495] Fix | Delete

justify-content: flex-start;

[496] Fix | Delete

}

[497] Fix | Delete

.edit-post-header-preview__button-external svg {

[498] Fix | Delete

margin-left: auto;

[499] Fix | Delete