@charset "UTF-8";

[0] Fix | Delete

/**

[1] Fix | Delete

* Colors

[2] Fix | Delete

*/

[3] Fix | Delete

/**

[4] Fix | Delete

* Breakpoints & Media Queries

[5] Fix | Delete

*/

[6] Fix | Delete

/**

[7] Fix | Delete

* SCSS Variables.

[8] Fix | Delete

*

[9] Fix | Delete

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

[10] Fix | Delete

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

[11] Fix | Delete

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

[12] Fix | Delete

*/

[13] Fix | Delete

/**

[14] Fix | Delete

* Colors

[15] Fix | Delete

*/

[16] Fix | Delete

/**

[17] Fix | Delete

* Fonts & basic variables.

[18] Fix | Delete

*/

[19] Fix | Delete

/**

[20] Fix | Delete

* Grid System.

[21] Fix | Delete

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

[22] Fix | Delete

*/

[23] Fix | Delete

/**

[24] Fix | Delete

* Dimensions.

[25] Fix | Delete

*/

[26] Fix | Delete

/**

[27] Fix | Delete

* Shadows.

[28] Fix | Delete

*/

[29] Fix | Delete

/**

[30] Fix | Delete

* Editor widths.

[31] Fix | Delete

*/

[32] Fix | Delete

/**

[33] Fix | Delete

* Block & Editor UI.

[34] Fix | Delete

*/

[35] Fix | Delete

/**

[36] Fix | Delete

* Block paddings.

[37] Fix | Delete

*/

[38] Fix | Delete

/**

[39] Fix | Delete

* React Native specific.

[40] Fix | Delete

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

[41] Fix | Delete

*/

[42] Fix | Delete

/**

[43] Fix | Delete

* Breakpoint mixins

[44] Fix | Delete

*/

[45] Fix | Delete

/**

[46] Fix | Delete

* Long content fade mixin

[47] Fix | Delete

*

[48] Fix | Delete

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

[49] Fix | Delete

* than the space allows.

[50] Fix | Delete

*/

[51] Fix | Delete

/**

[52] Fix | Delete

* Focus styles.

[53] Fix | Delete

*/

[54] Fix | Delete

/**

[55] Fix | Delete

* Applies editor left position to the selector passed as argument

[56] Fix | Delete

*/

[57] Fix | Delete

/**

[58] Fix | Delete

* Styles that are reused verbatim in a few places

[59] Fix | Delete

*/

[60] Fix | Delete

/**

[61] Fix | Delete

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

[62] Fix | Delete

*/

[63] Fix | Delete

/**

[64] Fix | Delete

* Reset default styles for JavaScript UI based pages.

[65] Fix | Delete

* This is a WP-admin agnostic reset

[66] Fix | Delete

*/

[67] Fix | Delete

/**

[68] Fix | Delete

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

[69] Fix | Delete

*/

[70] Fix | Delete

/**

[71] Fix | Delete

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

[72] Fix | Delete

*/

[73] Fix | Delete

:root {

[74] Fix | Delete

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

[75] Fix | Delete

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

[76] Fix | Delete

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

[77] Fix | Delete

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

[78] Fix | Delete

}

[79] Fix | Delete

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

[80] Fix | Delete

:root {

[81] Fix | Delete

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

[82] Fix | Delete

}

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete

.editor-autocompleters__user .editor-autocompleters__no-avatar::before {

[86] Fix | Delete

/* stylelint-disable */

[87] Fix | Delete

font: normal 20px/1 dashicons;

[88] Fix | Delete

/* stylelint-enable */

[89] Fix | Delete

content: "";

[90] Fix | Delete

margin-right: 5px;

[91] Fix | Delete

vertical-align: middle;

[92] Fix | Delete

}

[93] Fix | Delete

.editor-autocompleters__user .editor-autocompleters__user-avatar {

[94] Fix | Delete

margin-right: 8px;

[95] Fix | Delete

flex-grow: 0;

[96] Fix | Delete

flex-shrink: 0;

[97] Fix | Delete

max-width: none;

[98] Fix | Delete

width: 24px;

[99] Fix | Delete

height: 24px;

[100] Fix | Delete

}

[101] Fix | Delete

.editor-autocompleters__user .editor-autocompleters__user-name {

[102] Fix | Delete

white-space: nowrap;

[103] Fix | Delete

text-overflow: ellipsis;

[104] Fix | Delete

overflow: hidden;

[105] Fix | Delete

max-width: 200px;

[106] Fix | Delete

flex-shrink: 0;

[107] Fix | Delete

flex-grow: 1;

[108] Fix | Delete

}

[109] Fix | Delete

.editor-autocompleters__user .editor-autocompleters__user-slug {

[110] Fix | Delete

margin-left: 8px;

[111] Fix | Delete

color: #757575;

[112] Fix | Delete

white-space: nowrap;

[113] Fix | Delete

text-overflow: ellipsis;

[114] Fix | Delete

overflow: none;

[115] Fix | Delete

max-width: 100px;

[116] Fix | Delete

flex-grow: 0;

[117] Fix | Delete

flex-shrink: 0;

[118] Fix | Delete

}

[119] Fix | Delete

.editor-autocompleters__user:hover .editor-autocompleters__user-slug {

[120] Fix | Delete

color: #007cba;

[121] Fix | Delete

color: var(--wp-admin-theme-color);

[122] Fix | Delete

}

[123] Fix | Delete

[124] Fix | Delete

.document-outline {

[125] Fix | Delete

margin: 20px 0;

[126] Fix | Delete

}

[127] Fix | Delete

.document-outline ul {

[128] Fix | Delete

margin: 0;

[129] Fix | Delete

padding: 0;

[130] Fix | Delete

}

[131] Fix | Delete

[132] Fix | Delete

.document-outline__item {

[133] Fix | Delete

display: flex;

[134] Fix | Delete

margin: 4px 0;

[135] Fix | Delete

}

[136] Fix | Delete

.document-outline__item a {

[137] Fix | Delete

text-decoration: none;

[138] Fix | Delete

}

[139] Fix | Delete

.document-outline__item .document-outline__emdash::before {

[140] Fix | Delete

color: #ddd;

[141] Fix | Delete

margin-right: 4px;

[142] Fix | Delete

}

[143] Fix | Delete

.document-outline__item.is-h2 .document-outline__emdash::before {

[144] Fix | Delete

content: "—";

[145] Fix | Delete

}

[146] Fix | Delete

.document-outline__item.is-h3 .document-outline__emdash::before {

[147] Fix | Delete

content: "——";

[148] Fix | Delete

}

[149] Fix | Delete

.document-outline__item.is-h4 .document-outline__emdash::before {

[150] Fix | Delete

content: "———";

[151] Fix | Delete

}

[152] Fix | Delete

.document-outline__item.is-h5 .document-outline__emdash::before {

[153] Fix | Delete

content: "————";

[154] Fix | Delete

}

[155] Fix | Delete

.document-outline__item.is-h6 .document-outline__emdash::before {

[156] Fix | Delete

content: "—————";

[157] Fix | Delete

}

[158] Fix | Delete

[159] Fix | Delete

.document-outline__button {

[160] Fix | Delete

cursor: pointer;

[161] Fix | Delete

background: none;

[162] Fix | Delete

border: none;

[163] Fix | Delete

display: flex;

[164] Fix | Delete

align-items: flex-start;

[165] Fix | Delete

margin: 0 0 0 -1px;

[166] Fix | Delete

padding: 2px 5px 2px 1px;

[167] Fix | Delete

color: #1e1e1e;

[168] Fix | Delete

text-align: left;

[169] Fix | Delete

border-radius: 2px;

[170] Fix | Delete

}

[171] Fix | Delete

.document-outline__button:disabled {

[172] Fix | Delete

cursor: default;

[173] Fix | Delete

}

[174] Fix | Delete

.document-outline__button:focus {

[175] Fix | Delete

box-shadow: 0 0 0 2px #007cba;

[176] Fix | Delete

box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

[177] Fix | Delete

outline: 2px solid transparent;

[178] Fix | Delete

}

[179] Fix | Delete

[180] Fix | Delete

.document-outline__level {

[181] Fix | Delete

background: #ddd;

[182] Fix | Delete

color: #1e1e1e;

[183] Fix | Delete

border-radius: 3px;

[184] Fix | Delete

font-size: 13px;

[185] Fix | Delete

padding: 1px 6px;

[186] Fix | Delete

margin-right: 4px;

[187] Fix | Delete

}

[188] Fix | Delete

.is-invalid .document-outline__level {

[189] Fix | Delete

background: #f0b849;

[190] Fix | Delete

}

[191] Fix | Delete

[192] Fix | Delete

.document-outline__item-content {

[193] Fix | Delete

padding: 1px 0;

[194] Fix | Delete

}

[195] Fix | Delete

[196] Fix | Delete

.components-editor-notices__dismissible {

[197] Fix | Delete

position: -webkit-sticky;

[198] Fix | Delete

position: sticky;

[199] Fix | Delete

top: 0;

[200] Fix | Delete

right: 0;

[201] Fix | Delete

color: #1e1e1e;

[202] Fix | Delete

}

[203] Fix | Delete

[204] Fix | Delete

.components-editor-notices__pinned {

[205] Fix | Delete

position: relative;

[206] Fix | Delete

left: 0;

[207] Fix | Delete

top: 0;

[208] Fix | Delete

right: 0;

[209] Fix | Delete

color: #1e1e1e;

[210] Fix | Delete

}

[211] Fix | Delete

[212] Fix | Delete

.components-editor-notices__dismissible .components-notice,

[213] Fix | Delete

.components-editor-notices__pinned .components-notice {

[214] Fix | Delete

box-sizing: border-box;

[215] Fix | Delete

margin: 0;

[216] Fix | Delete

border-bottom: 1px solid rgba(0, 0, 0, 0.2);

[217] Fix | Delete

padding: 0 12px;

[218] Fix | Delete

min-height: 60px;

[219] Fix | Delete

}

[220] Fix | Delete

.components-editor-notices__dismissible .components-notice .components-notice__dismiss,

[221] Fix | Delete

.components-editor-notices__pinned .components-notice .components-notice__dismiss {

[222] Fix | Delete

margin-top: 12px;

[223] Fix | Delete

}

[224] Fix | Delete

[225] Fix | Delete

.components-editor-notices__snackbar {

[226] Fix | Delete

width: 100%;

[227] Fix | Delete

}

[228] Fix | Delete

@media (min-width: 782px) {

[229] Fix | Delete

.components-editor-notices__snackbar {

[230] Fix | Delete

width: -webkit-fit-content;

[231] Fix | Delete

width: -moz-fit-content;

[232] Fix | Delete

width: fit-content;

[233] Fix | Delete

}

[234] Fix | Delete

}

[235] Fix | Delete

[236] Fix | Delete

.entities-saved-states__panel {

[237] Fix | Delete

box-sizing: border-box;

[238] Fix | Delete

background: #fff;

[239] Fix | Delete

position: fixed;

[240] Fix | Delete

z-index: 100001;

[241] Fix | Delete

top: 46px;

[242] Fix | Delete

bottom: 0;

[243] Fix | Delete

right: 0;

[244] Fix | Delete

left: 0;

[245] Fix | Delete

overflow: auto;

[246] Fix | Delete

box-sizing: border-box;

[247] Fix | Delete

}

[248] Fix | Delete

.entities-saved-states__panel *,

[249] Fix | Delete

.entities-saved-states__panel *::before,

[250] Fix | Delete

.entities-saved-states__panel *::after {

[251] Fix | Delete

box-sizing: inherit;

[252] Fix | Delete

}

[253] Fix | Delete

.entities-saved-states__panel .entities-saved-states__find-entity {

[254] Fix | Delete

display: none;

[255] Fix | Delete

}

[256] Fix | Delete

.entities-saved-states__panel .entities-saved-states__find-entity-small {

[257] Fix | Delete

display: block;

[258] Fix | Delete

}

[259] Fix | Delete

@media (min-width: 782px) {

[260] Fix | Delete

.entities-saved-states__panel {

[261] Fix | Delete

top: 32px;

[262] Fix | Delete

left: auto;

[263] Fix | Delete

width: 280px;

[264] Fix | Delete

border-left: 1px solid #ddd;

[265] Fix | Delete

}

[266] Fix | Delete

body.is-fullscreen-mode .entities-saved-states__panel {

[267] Fix | Delete

top: 0;

[268] Fix | Delete

}

[269] Fix | Delete

.entities-saved-states__panel .entities-saved-states__find-entity {

[270] Fix | Delete

display: block;

[271] Fix | Delete

}

[272] Fix | Delete

.entities-saved-states__panel .entities-saved-states__find-entity-small {

[273] Fix | Delete

display: none;

[274] Fix | Delete

}

[275] Fix | Delete

}

[276] Fix | Delete

.entities-saved-states__panel .entities-saved-states__panel-header {

[277] Fix | Delete

background: #fff;

[278] Fix | Delete

padding-left: 8px;

[279] Fix | Delete

padding-right: 8px;

[280] Fix | Delete

height: 61px;

[281] Fix | Delete

border-bottom: 1px solid #ddd;

[282] Fix | Delete

display: flex;

[283] Fix | Delete

align-items: center;

[284] Fix | Delete

align-content: space-between;

[285] Fix | Delete

}

[286] Fix | Delete

.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button {

[287] Fix | Delete

margin: auto;

[288] Fix | Delete

}

[289] Fix | Delete

.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon {

[290] Fix | Delete

position: absolute;

[291] Fix | Delete

right: 8px;

[292] Fix | Delete

}

[293] Fix | Delete

.entities-saved-states__panel .entities-saved-states__text-prompt {

[294] Fix | Delete

padding: 16px;

[295] Fix | Delete

padding-bottom: 4px;

[296] Fix | Delete

}

[297] Fix | Delete

[298] Fix | Delete

.editor-error-boundary {

[299] Fix | Delete

margin: auto;

[300] Fix | Delete

max-width: 780px;

[301] Fix | Delete

padding: 20px;

[302] Fix | Delete

margin-top: 60px;

[303] Fix | Delete

box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);

[304] Fix | Delete

}

[305] Fix | Delete

[306] Fix | Delete

.editor-page-attributes__template {

[307] Fix | Delete

margin-bottom: 10px;

[308] Fix | Delete

}

[309] Fix | Delete

.editor-page-attributes__template label,

[310] Fix | Delete

.editor-page-attributes__template select {

[311] Fix | Delete

width: 100%;

[312] Fix | Delete

}

[313] Fix | Delete

[314] Fix | Delete

.editor-page-attributes__order {

[315] Fix | Delete

width: 100%;

[316] Fix | Delete

}

[317] Fix | Delete

.editor-page-attributes__order .components-base-control__field {

[318] Fix | Delete

display: flex;

[319] Fix | Delete

justify-content: space-between;

[320] Fix | Delete

align-items: center;

[321] Fix | Delete

}

[322] Fix | Delete

.editor-page-attributes__order input {

[323] Fix | Delete

width: 66px;

[324] Fix | Delete

}

[325] Fix | Delete

[326] Fix | Delete

.editor-post-excerpt__textarea {

[327] Fix | Delete

width: 100%;

[328] Fix | Delete

margin-bottom: 10px;

[329] Fix | Delete

}

[330] Fix | Delete

[331] Fix | Delete

.editor-post-featured-image {

[332] Fix | Delete

padding: 0;

[333] Fix | Delete

}

[334] Fix | Delete

.editor-post-featured-image__container {

[335] Fix | Delete

margin-bottom: 1em;

[336] Fix | Delete

position: relative;

[337] Fix | Delete

}

[338] Fix | Delete

.editor-post-featured-image .components-spinner {

[339] Fix | Delete

position: absolute;

[340] Fix | Delete

top: 50%;

[341] Fix | Delete

left: 50%;

[342] Fix | Delete

margin-top: -9px;

[343] Fix | Delete

margin-left: -9px;

[344] Fix | Delete

}

[345] Fix | Delete

.editor-post-featured-image .components-button + .components-button {

[346] Fix | Delete

display: block;

[347] Fix | Delete

margin-top: 1em;

[348] Fix | Delete

}

[349] Fix | Delete

.editor-post-featured-image .components-responsive-wrapper__content {

[350] Fix | Delete

max-width: 100%;

[351] Fix | Delete

width: auto;

[352] Fix | Delete

}

[353] Fix | Delete

[354] Fix | Delete

.editor-post-featured-image__toggle,

[355] Fix | Delete

.editor-post-featured-image__preview {

[356] Fix | Delete

display: block;

[357] Fix | Delete

width: 100%;

[358] Fix | Delete

padding: 0;

[359] Fix | Delete

transition: all 0.1s ease-out;

[360] Fix | Delete

box-shadow: 0 0 0 0 #007cba;

[361] Fix | Delete

box-shadow: 0 0 0 0 var(--wp-admin-theme-color);

[362] Fix | Delete

}

[363] Fix | Delete

@media (prefers-reduced-motion: reduce) {

[364] Fix | Delete

.editor-post-featured-image__toggle,

[365] Fix | Delete

.editor-post-featured-image__preview {

[366] Fix | Delete

transition-duration: 0s;

[367] Fix | Delete

}

[368] Fix | Delete

}

[369] Fix | Delete

[370] Fix | Delete

.editor-post-featured-image__preview {

[371] Fix | Delete

height: auto;

[372] Fix | Delete

}

[373] Fix | Delete

[374] Fix | Delete

.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {

[375] Fix | Delete

box-shadow: 0 0 0 4px #007cba;

[376] Fix | Delete

box-shadow: 0 0 0 4px var(--wp-admin-theme-color);

[377] Fix | Delete

}

[378] Fix | Delete

[379] Fix | Delete

.editor-post-featured-image__toggle {

[380] Fix | Delete

border-radius: 2px;

[381] Fix | Delete

background-color: #f0f0f0;

[382] Fix | Delete

min-height: 90px;

[383] Fix | Delete

line-height: 20px;

[384] Fix | Delete

padding: 8px 0;

[385] Fix | Delete

text-align: center;

[386] Fix | Delete

}

[387] Fix | Delete

.editor-post-featured-image__toggle:hover {

[388] Fix | Delete

background: #ddd;

[389] Fix | Delete

color: #1e1e1e;

[390] Fix | Delete

}

[391] Fix | Delete

[392] Fix | Delete

.editor-post-format {

[393] Fix | Delete

flex-direction: column;

[394] Fix | Delete

align-items: stretch;

[395] Fix | Delete

width: 100%;

[396] Fix | Delete

}

[397] Fix | Delete

[398] Fix | Delete

.editor-post-format__content {

[399] Fix | Delete

display: inline-flex;

[400] Fix | Delete

justify-content: space-between;

[401] Fix | Delete

align-items: center;

[402] Fix | Delete

width: 100%;

[403] Fix | Delete

}

[404] Fix | Delete

[405] Fix | Delete

.editor-post-format__suggestion {

[406] Fix | Delete

text-align: right;

[407] Fix | Delete

font-size: 13px;

[408] Fix | Delete

}

[409] Fix | Delete

[410] Fix | Delete

.editor-post-last-revision__title {

[411] Fix | Delete

width: 100%;

[412] Fix | Delete

font-weight: 600;

[413] Fix | Delete

}

[414] Fix | Delete

.editor-post-last-revision__title .dashicon {

[415] Fix | Delete

margin-right: 5px;

[416] Fix | Delete

}

[417] Fix | Delete

[418] Fix | Delete

.components-button.editor-post-last-revision__title {

[419] Fix | Delete

height: 100%;

[420] Fix | Delete

}

[421] Fix | Delete

.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {

[422] Fix | Delete

background: #f0f0f0;

[423] Fix | Delete

}

[424] Fix | Delete

.components-button.editor-post-last-revision__title:focus {

[425] Fix | Delete

box-shadow: inset 0 0 0 2px #007cba;

[426] Fix | Delete

box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

[427] Fix | Delete

border-radius: 0;

[428] Fix | Delete

}

[429] Fix | Delete

[430] Fix | Delete

.editor-post-locked-modal {

[431] Fix | Delete

height: auto;

[432] Fix | Delete

padding-right: 10px;

[433] Fix | Delete

padding-left: 10px;

[434] Fix | Delete

padding-top: 10px;

[435] Fix | Delete

max-width: 480px;

[436] Fix | Delete

}

[437] Fix | Delete

.editor-post-locked-modal .components-modal__header {

[438] Fix | Delete

height: 36px;

[439] Fix | Delete

}

[440] Fix | Delete

.editor-post-locked-modal .components-modal__content {

[441] Fix | Delete

height: auto;

[442] Fix | Delete

}

[443] Fix | Delete

[444] Fix | Delete

.editor-post-locked-modal__buttons {

[445] Fix | Delete

margin-top: 10px;

[446] Fix | Delete

}

[447] Fix | Delete

.editor-post-locked-modal__buttons .components-button {

[448] Fix | Delete

margin-right: 5px;

[449] Fix | Delete

}

[450] Fix | Delete

[451] Fix | Delete

.editor-post-locked-modal__avatar {

[452] Fix | Delete

float: left;

[453] Fix | Delete

margin: 5px;

[454] Fix | Delete

margin-right: 15px;

[455] Fix | Delete

}

[456] Fix | Delete

[457] Fix | Delete

.editor-post-publish-button__button.has-changes-dot::before {

[458] Fix | Delete

background: currentcolor;

[459] Fix | Delete

border-radius: 4px;

[460] Fix | Delete

content: "";

[461] Fix | Delete

height: 8px;

[462] Fix | Delete

margin: auto 5px auto -3px;

[463] Fix | Delete

width: 8px;

[464] Fix | Delete

}

[465] Fix | Delete

[466] Fix | Delete

.editor-post-publish-panel {

[467] Fix | Delete

background: #fff;

[468] Fix | Delete

}

[469] Fix | Delete

[470] Fix | Delete

.editor-post-publish-panel__content {

[471] Fix | Delete

min-height: calc(100% - 144px);

[472] Fix | Delete

}

[473] Fix | Delete

.editor-post-publish-panel__content .components-spinner {

[474] Fix | Delete

display: block;

[475] Fix | Delete

margin: 100px auto 0;

[476] Fix | Delete

}

[477] Fix | Delete

[478] Fix | Delete

.editor-post-publish-panel__header {

[479] Fix | Delete

background: #fff;

[480] Fix | Delete

padding-left: 16px;

[481] Fix | Delete

padding-right: 16px;

[482] Fix | Delete

height: 61px;

[483] Fix | Delete

border-bottom: 1px solid #ddd;

[484] Fix | Delete

display: flex;

[485] Fix | Delete

align-items: center;

[486] Fix | Delete

align-content: space-between;

[487] Fix | Delete

}

[488] Fix | Delete

.editor-post-publish-panel__header .components-button {

[489] Fix | Delete

width: 100%;

[490] Fix | Delete

justify-content: center;

[491] Fix | Delete

}

[492] Fix | Delete

.editor-post-publish-panel__header .has-icon {

[493] Fix | Delete

margin-left: auto;

[494] Fix | Delete

width: auto;

[495] Fix | Delete

}

[496] Fix | Delete

[497] Fix | Delete

.editor-post-publish-panel__header-publish-button,

[498] Fix | Delete

.editor-post-publish-panel__header-cancel-button {

[499] Fix | Delete