@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

.components-animate__appear {

[86] Fix | Delete

animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;

[87] Fix | Delete

animation-fill-mode: forwards;

[88] Fix | Delete

}

[89] Fix | Delete

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

[90] Fix | Delete

.components-animate__appear {

[91] Fix | Delete

animation-duration: 1ms;

[92] Fix | Delete

}

[93] Fix | Delete

}

[94] Fix | Delete

.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left {

[95] Fix | Delete

transform-origin: top left;

[96] Fix | Delete

}

[97] Fix | Delete

.components-animate__appear.is-from-top.is-from-right {

[98] Fix | Delete

transform-origin: top right;

[99] Fix | Delete

}

[100] Fix | Delete

.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left {

[101] Fix | Delete

transform-origin: bottom left;

[102] Fix | Delete

}

[103] Fix | Delete

.components-animate__appear.is-from-bottom.is-from-right {

[104] Fix | Delete

transform-origin: bottom right;

[105] Fix | Delete

}

[106] Fix | Delete

[107] Fix | Delete

@keyframes components-animate__appear-animation {

[108] Fix | Delete

from {

[109] Fix | Delete

transform: translateY(-2em) scaleY(0) scaleX(0);

[110] Fix | Delete

}

[111] Fix | Delete

to {

[112] Fix | Delete

transform: translateY(0%) scaleY(1) scaleX(1);

[113] Fix | Delete

}

[114] Fix | Delete

}

[115] Fix | Delete

.components-animate__slide-in {

[116] Fix | Delete

animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);

[117] Fix | Delete

animation-fill-mode: forwards;

[118] Fix | Delete

}

[119] Fix | Delete

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

[120] Fix | Delete

.components-animate__slide-in {

[121] Fix | Delete

animation-duration: 1ms;

[122] Fix | Delete

}

[123] Fix | Delete

}

[124] Fix | Delete

.components-animate__slide-in.is-from-left {

[125] Fix | Delete

transform: translateX(100%);

[126] Fix | Delete

}

[127] Fix | Delete

.components-animate__slide-in.is-from-right {

[128] Fix | Delete

transform: translateX(-100%);

[129] Fix | Delete

}

[130] Fix | Delete

[131] Fix | Delete

@keyframes components-animate__slide-in-animation {

[132] Fix | Delete

100% {

[133] Fix | Delete

transform: translateX(0%);

[134] Fix | Delete

}

[135] Fix | Delete

}

[136] Fix | Delete

.components-animate__loading {

[137] Fix | Delete

animation: components-animate__loading 1.6s ease-in-out infinite;

[138] Fix | Delete

}

[139] Fix | Delete

[140] Fix | Delete

@keyframes components-animate__loading {

[141] Fix | Delete

0% {

[142] Fix | Delete

opacity: 0.5;

[143] Fix | Delete

}

[144] Fix | Delete

50% {

[145] Fix | Delete

opacity: 1;

[146] Fix | Delete

}

[147] Fix | Delete

100% {

[148] Fix | Delete

opacity: 0.5;

[149] Fix | Delete

}

[150] Fix | Delete

}

[151] Fix | Delete

.components-autocomplete__popover .components-popover__content > div {

[152] Fix | Delete

padding: 16px;

[153] Fix | Delete

min-width: 220px;

[154] Fix | Delete

}

[155] Fix | Delete

[156] Fix | Delete

.components-autocomplete__result.components-button {

[157] Fix | Delete

display: flex;

[158] Fix | Delete

height: auto;

[159] Fix | Delete

min-height: 36px;

[160] Fix | Delete

text-align: left;

[161] Fix | Delete

width: 100%;

[162] Fix | Delete

}

[163] Fix | Delete

.components-autocomplete__result.components-button.is-selected {

[164] Fix | Delete

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

[165] Fix | Delete

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

[166] Fix | Delete

}

[167] Fix | Delete

[168] Fix | Delete

.components-button-group {

[169] Fix | Delete

display: inline-block;

[170] Fix | Delete

}

[171] Fix | Delete

.components-button-group .components-button {

[172] Fix | Delete

border-radius: 0;

[173] Fix | Delete

display: inline-flex;

[174] Fix | Delete

color: #1e1e1e;

[175] Fix | Delete

box-shadow: inset 0 0 0 1px #1e1e1e;

[176] Fix | Delete

}

[177] Fix | Delete

.components-button-group .components-button + .components-button {

[178] Fix | Delete

margin-left: -1px;

[179] Fix | Delete

}

[180] Fix | Delete

.components-button-group .components-button:first-child {

[181] Fix | Delete

border-radius: 2px 0 0 2px;

[182] Fix | Delete

}

[183] Fix | Delete

.components-button-group .components-button:last-child {

[184] Fix | Delete

border-radius: 0 2px 2px 0;

[185] Fix | Delete

}

[186] Fix | Delete

.components-button-group .components-button:focus, .components-button-group .components-button.is-primary {

[187] Fix | Delete

position: relative;

[188] Fix | Delete

z-index: 1;

[189] Fix | Delete

}

[190] Fix | Delete

.components-button-group .components-button.is-primary {

[191] Fix | Delete

box-shadow: inset 0 0 0 1px #1e1e1e;

[192] Fix | Delete

}

[193] Fix | Delete

[194] Fix | Delete

.components-button {

[195] Fix | Delete

display: inline-flex;

[196] Fix | Delete

text-decoration: none;

[197] Fix | Delete

font-size: 13px;

[198] Fix | Delete

margin: 0;

[199] Fix | Delete

border: 0;

[200] Fix | Delete

cursor: pointer;

[201] Fix | Delete

-webkit-appearance: none;

[202] Fix | Delete

background: none;

[203] Fix | Delete

transition: box-shadow 0.1s linear;

[204] Fix | Delete

height: 36px;

[205] Fix | Delete

align-items: center;

[206] Fix | Delete

box-sizing: border-box;

[207] Fix | Delete

padding: 6px 12px;

[208] Fix | Delete

border-radius: 2px;

[209] Fix | Delete

color: #1e1e1e;

[210] Fix | Delete

/**

[211] Fix | Delete

* Primary button style.

[212] Fix | Delete

*/

[213] Fix | Delete

/**

[214] Fix | Delete

* Secondary and tertiary buttons.

[215] Fix | Delete

*/

[216] Fix | Delete

/**

[217] Fix | Delete

* Secondary button style.

[218] Fix | Delete

*/

[219] Fix | Delete

/**

[220] Fix | Delete

* Tertiary buttons.

[221] Fix | Delete

*/

[222] Fix | Delete

/**

[223] Fix | Delete

* Destructive buttons.

[224] Fix | Delete

*/

[225] Fix | Delete

/**

[226] Fix | Delete

* Link buttons.

[227] Fix | Delete

*/

[228] Fix | Delete

}

[229] Fix | Delete

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

[230] Fix | Delete

.components-button {

[231] Fix | Delete

transition-duration: 0s;

[232] Fix | Delete

}

[233] Fix | Delete

}

[234] Fix | Delete

.components-button[aria-expanded=true], .components-button:hover {

[235] Fix | Delete

color: #007cba;

[236] Fix | Delete

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

[237] Fix | Delete

}

[238] Fix | Delete

.components-button[aria-disabled=true]:hover {

[239] Fix | Delete

color: initial;

[240] Fix | Delete

}

[241] Fix | Delete

.components-button:focus:not(:disabled) {

[242] Fix | Delete

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

[243] Fix | Delete

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

[244] Fix | Delete

outline: 3px solid transparent;

[245] Fix | Delete

}

[246] Fix | Delete

.components-button.is-primary {

[247] Fix | Delete

white-space: nowrap;

[248] Fix | Delete

background: #007cba;

[249] Fix | Delete

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

[250] Fix | Delete

color: #fff;

[251] Fix | Delete

text-decoration: none;

[252] Fix | Delete

text-shadow: none;

[253] Fix | Delete

outline: 1px solid transparent;

[254] Fix | Delete

}

[255] Fix | Delete

.components-button.is-primary:hover:not(:disabled) {

[256] Fix | Delete

background: #006ba1;

[257] Fix | Delete

background: var(--wp-admin-theme-color-darker-10);

[258] Fix | Delete

color: #fff;

[259] Fix | Delete

}

[260] Fix | Delete

.components-button.is-primary:active:not(:disabled) {

[261] Fix | Delete

background: #005a87;

[262] Fix | Delete

background: var(--wp-admin-theme-color-darker-20);

[263] Fix | Delete

border-color: #005a87;

[264] Fix | Delete

border-color: var(--wp-admin-theme-color-darker-20);

[265] Fix | Delete

color: #fff;

[266] Fix | Delete

}

[267] Fix | Delete

.components-button.is-primary:focus:not(:disabled) {

[268] Fix | Delete

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

[269] Fix | Delete

box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

[270] Fix | Delete

}

[271] Fix | Delete

.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled {

[272] Fix | Delete

color: rgba(255, 255, 255, 0.4);

[273] Fix | Delete

background: #007cba;

[274] Fix | Delete

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

[275] Fix | Delete

border-color: #007cba;

[276] Fix | Delete

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

[277] Fix | Delete

opacity: 1;

[278] Fix | Delete

outline: none;

[279] Fix | Delete

}

[280] Fix | Delete

.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled {

[281] Fix | Delete

box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;

[282] Fix | Delete

box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);

[283] Fix | Delete

}

[284] Fix | Delete

.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] {

[285] Fix | Delete

color: #fff;

[286] Fix | Delete

background-size: 100px 100%;

[287] Fix | Delete

/* stylelint-disable */

[288] Fix | Delete

background-image: linear-gradient(-45deg, #007cba 33%, #005a87 33%, #005a87 70%, #007cba 70%);

[289] Fix | Delete

background-image: linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%);

[290] Fix | Delete

/* stylelint-enable */

[291] Fix | Delete

border-color: #007cba;

[292] Fix | Delete

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

[293] Fix | Delete

}

[294] Fix | Delete

.components-button.is-secondary, .components-button.is-tertiary {

[295] Fix | Delete

outline: 1px solid transparent;

[296] Fix | Delete

}

[297] Fix | Delete

.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) {

[298] Fix | Delete

background: #ddd;

[299] Fix | Delete

color: #006ba1;

[300] Fix | Delete

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

[301] Fix | Delete

box-shadow: none;

[302] Fix | Delete

}

[303] Fix | Delete

.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) {

[304] Fix | Delete

color: #006ba1;

[305] Fix | Delete

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

[306] Fix | Delete

box-shadow: inset 0 0 0 1px #006ba1;

[307] Fix | Delete

box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);

[308] Fix | Delete

}

[309] Fix | Delete

.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover {

[310] Fix | Delete

color: #828282;

[311] Fix | Delete

background: #eaeaea;

[312] Fix | Delete

transform: none;

[313] Fix | Delete

opacity: 1;

[314] Fix | Delete

box-shadow: none;

[315] Fix | Delete

outline: none;

[316] Fix | Delete

}

[317] Fix | Delete

.components-button.is-secondary {

[318] Fix | Delete

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

[319] Fix | Delete

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

[320] Fix | Delete

outline: 1px solid transparent;

[321] Fix | Delete

white-space: nowrap;

[322] Fix | Delete

color: #007cba;

[323] Fix | Delete

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

[324] Fix | Delete

background: transparent;

[325] Fix | Delete

}

[326] Fix | Delete

.components-button.is-tertiary {

[327] Fix | Delete

white-space: nowrap;

[328] Fix | Delete

color: #007cba;

[329] Fix | Delete

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

[330] Fix | Delete

background: transparent;

[331] Fix | Delete

padding: 6px;

[332] Fix | Delete

}

[333] Fix | Delete

.components-button.is-tertiary .dashicon {

[334] Fix | Delete

display: inline-block;

[335] Fix | Delete

flex: 0 0 auto;

[336] Fix | Delete

}

[337] Fix | Delete

.components-button.is-destructive {

[338] Fix | Delete

color: #cc1818;

[339] Fix | Delete

box-shadow: inset 0 0 0 1px #cc1818;

[340] Fix | Delete

}

[341] Fix | Delete

.components-button.is-destructive:hover:not(:disabled) {

[342] Fix | Delete

color: #710d0d;

[343] Fix | Delete

box-shadow: inset 0 0 0 1px #710d0d;

[344] Fix | Delete

}

[345] Fix | Delete

.components-button.is-destructive:focus:not(:disabled) {

[346] Fix | Delete

color: #007cba;

[347] Fix | Delete

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

[348] Fix | Delete

}

[349] Fix | Delete

.components-button.is-destructive:active:not(:disabled) {

[350] Fix | Delete

background: #ccc;

[351] Fix | Delete

}

[352] Fix | Delete

.components-button.is-destructive.is-primary {

[353] Fix | Delete

color: #fff;

[354] Fix | Delete

background: #cc1818;

[355] Fix | Delete

box-shadow: inset 0 0 0 1px #cc1818;

[356] Fix | Delete

}

[357] Fix | Delete

.components-button.is-destructive.is-primary:hover:not(:disabled) {

[358] Fix | Delete

color: #fff;

[359] Fix | Delete

background: #710d0d;

[360] Fix | Delete

box-shadow: inset 0 0 0 1px #710d0d;

[361] Fix | Delete

}

[362] Fix | Delete

.components-button.is-link {

[363] Fix | Delete

margin: 0;

[364] Fix | Delete

padding: 0;

[365] Fix | Delete

box-shadow: none;

[366] Fix | Delete

border: 0;

[367] Fix | Delete

border-radius: 0;

[368] Fix | Delete

background: none;

[369] Fix | Delete

outline: none;

[370] Fix | Delete

text-align: left;

[371] Fix | Delete

/* Mimics the default link style in common.css */

[372] Fix | Delete

color: #0073aa;

[373] Fix | Delete

text-decoration: underline;

[374] Fix | Delete

transition-property: border, background, color;

[375] Fix | Delete

transition-duration: 0.05s;

[376] Fix | Delete

transition-timing-function: ease-in-out;

[377] Fix | Delete

height: auto;

[378] Fix | Delete

}

[379] Fix | Delete

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

[380] Fix | Delete

.components-button.is-link {

[381] Fix | Delete

transition-duration: 0s;

[382] Fix | Delete

}

[383] Fix | Delete

}

[384] Fix | Delete

.components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) {

[385] Fix | Delete

color: #00a0d2;

[386] Fix | Delete

box-shadow: none;

[387] Fix | Delete

}

[388] Fix | Delete

.components-button.is-link:focus {

[389] Fix | Delete

color: #124964;

[390] Fix | Delete

box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);

[391] Fix | Delete

box-shadow: 0 0 0 1px #5b9dd9, 0 0 var(--wp-admin-border-width-focus) 1px rgba(30, 140, 190, 0.8);

[392] Fix | Delete

}

[393] Fix | Delete

.components-button.is-link.is-destructive {

[394] Fix | Delete

color: #cc1818;

[395] Fix | Delete

}

[396] Fix | Delete

.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) {

[397] Fix | Delete

color: #710d0d;

[398] Fix | Delete

background: none;

[399] Fix | Delete

}

[400] Fix | Delete

.components-button.is-link.is-destructive:focus:not(:disabled) {

[401] Fix | Delete

color: #007cba;

[402] Fix | Delete

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

[403] Fix | Delete

}

[404] Fix | Delete

.components-button:not([aria-disabled=true]):active {

[405] Fix | Delete

color: inherit;

[406] Fix | Delete

}

[407] Fix | Delete

.components-button:disabled, .components-button[aria-disabled=true] {

[408] Fix | Delete

cursor: default;

[409] Fix | Delete

opacity: 0.3;

[410] Fix | Delete

}

[411] Fix | Delete

.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] {

[412] Fix | Delete

animation: components-button__busy-animation 2500ms infinite linear;

[413] Fix | Delete

opacity: 1;

[414] Fix | Delete

background-size: 100px 100%;

[415] Fix | Delete

/* stylelint-disable */

[416] Fix | Delete

background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%);

[417] Fix | Delete

/* stylelint-enable */

[418] Fix | Delete

}

[419] Fix | Delete

.components-button.is-small {

[420] Fix | Delete

height: 24px;

[421] Fix | Delete

line-height: 22px;

[422] Fix | Delete

padding: 0 8px;

[423] Fix | Delete

font-size: 11px;

[424] Fix | Delete

}

[425] Fix | Delete

.components-button.is-small.has-icon:not(.has-text) {

[426] Fix | Delete

padding: 0 8px;

[427] Fix | Delete

width: 24px;

[428] Fix | Delete

}

[429] Fix | Delete

.components-button.has-icon {

[430] Fix | Delete

padding: 6px;

[431] Fix | Delete

min-width: 36px;

[432] Fix | Delete

justify-content: center;

[433] Fix | Delete

}

[434] Fix | Delete

.components-button.has-icon .dashicon {

[435] Fix | Delete

display: inline-block;

[436] Fix | Delete

flex: 0 0 auto;

[437] Fix | Delete

margin-left: 2px;

[438] Fix | Delete

margin-right: 10px;

[439] Fix | Delete

}

[440] Fix | Delete

.components-button.has-icon.has-text {

[441] Fix | Delete

justify-content: left;

[442] Fix | Delete

}

[443] Fix | Delete

.components-button.has-icon.has-text svg {

[444] Fix | Delete

margin-right: 8px;

[445] Fix | Delete

}

[446] Fix | Delete

.components-button.is-pressed {

[447] Fix | Delete

color: #fff;

[448] Fix | Delete

background: #1e1e1e;

[449] Fix | Delete

}

[450] Fix | Delete

.components-button.is-pressed:focus:not(:disabled) {

[451] Fix | Delete

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

[452] Fix | Delete

box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

[453] Fix | Delete

outline: 2px solid transparent;

[454] Fix | Delete

}

[455] Fix | Delete

.components-button.is-pressed:hover:not(:disabled) {

[456] Fix | Delete

color: #fff;

[457] Fix | Delete

background: #1e1e1e;

[458] Fix | Delete

}

[459] Fix | Delete

.components-button svg {

[460] Fix | Delete

fill: currentColor;

[461] Fix | Delete

outline: none;

[462] Fix | Delete

}

[463] Fix | Delete

.components-button .components-visually-hidden {

[464] Fix | Delete

height: auto;

[465] Fix | Delete

}

[466] Fix | Delete

[467] Fix | Delete

@keyframes components-button__busy-animation {

[468] Fix | Delete

0% {

[469] Fix | Delete

background-position: 200px 0;

[470] Fix | Delete

}

[471] Fix | Delete

}

[472] Fix | Delete

.components-checkbox-control__input[type=checkbox] {

[473] Fix | Delete

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

[474] Fix | Delete

padding: 6px 8px;

[475] Fix | Delete

box-shadow: 0 0 0 transparent;

[476] Fix | Delete

transition: box-shadow 0.1s linear;

[477] Fix | Delete

border-radius: 2px;

[478] Fix | Delete

border: 1px solid #757575;

[479] Fix | Delete

/* Fonts smaller than 16px causes mobile safari to zoom. */

[480] Fix | Delete

font-size: 16px;

[481] Fix | Delete

/* Override core line-height. To be reviewed. */

[482] Fix | Delete

line-height: normal;

[483] Fix | Delete

border: 1px solid #1e1e1e;

[484] Fix | Delete

margin-right: 12px;

[485] Fix | Delete

transition: none;

[486] Fix | Delete

border-radius: 2px;

[487] Fix | Delete

background: #fff;

[488] Fix | Delete

color: #1e1e1e;

[489] Fix | Delete

clear: none;

[490] Fix | Delete

cursor: pointer;

[491] Fix | Delete

display: inline-block;

[492] Fix | Delete

line-height: 0;

[493] Fix | Delete

margin: 0 4px 0 0;

[494] Fix | Delete

outline: 0;

[495] Fix | Delete

padding: 0 !important;

[496] Fix | Delete

text-align: center;

[497] Fix | Delete

vertical-align: top;

[498] Fix | Delete

width: 24px;

[499] Fix | Delete