/**

[0] Fix | Delete

* $gray color functions:

[1] Fix | Delete

*

[2] Fix | Delete

* color.adjust( $gray, $lightness: 10% )

[3] Fix | Delete

* color.adjust( $gray, $lightness: 20% )

[4] Fix | Delete

* color.adjust( $gray, $lightness: 30% )

[5] Fix | Delete

* color.adjust( $gray, $lightness: -10% )

[6] Fix | Delete

* color.adjust( $gray, $lightness: -20% )

[7] Fix | Delete

* color.adjust( $gray, $lightness: -30% )

[8] Fix | Delete

*

[9] Fix | Delete

* See wordpress.com/design-handbook/colors/ for more info.

[10] Fix | Delete

*/

[11] Fix | Delete

:root {

[12] Fix | Delete

--font-title-large: 36px;

[13] Fix | Delete

--font-title-small: 24px;

[14] Fix | Delete

--font-body: 16px;

[15] Fix | Delete

--font-label: 12px;

[16] Fix | Delete

--jp-black: #000;

[17] Fix | Delete

--jp-black-80: #2c3338;

[18] Fix | Delete

--jp-white: #fff;

[19] Fix | Delete

--jp-white-off: #f9f9f6;

[20] Fix | Delete

--jp-gray: #dcdcde;

[21] Fix | Delete

--jp-gray-0: #f6f7f7;

[22] Fix | Delete

--jp-gray-5: #dcdcde;

[23] Fix | Delete

--jp-gray-10: #c3c4c7;

[24] Fix | Delete

--jp-gray-20: #a7aaad;

[25] Fix | Delete

--jp-gray-30: #8c8f94;

[26] Fix | Delete

--jp-gray-40: #787c82;

[27] Fix | Delete

--jp-gray-50: #646970;

[28] Fix | Delete

--jp-gray-60: #50575e;

[29] Fix | Delete

--jp-gray-70: #3c434a;

[30] Fix | Delete

--jp-gray-80: #2c3338;

[31] Fix | Delete

--jp-gray-90: #1d2327;

[32] Fix | Delete

--jp-gray-100: #101517;

[33] Fix | Delete

--jp-gray-off: #e2e2df;

[34] Fix | Delete

--jp-yellow-5: #f5e6b3;

[35] Fix | Delete

--jp-yellow-10: #f2cf75;

[36] Fix | Delete

--jp-yellow-40: #c08c00;

[37] Fix | Delete

--jp-orange-20: #faa754;

[38] Fix | Delete

--jp-blue-5: #ced9f2;

[39] Fix | Delete

--jp-red-0: #f7ebec;

[40] Fix | Delete

--jp-red-50: #d63638;

[41] Fix | Delete

--jp-red-60: #b32d2e;

[42] Fix | Delete

--jp-red-80: #8a2424;

[43] Fix | Delete

--jp-red: #d63639;

[44] Fix | Delete

--jp-pink: #c9356e;

[45] Fix | Delete

--jp-green-0: #f0f2eb;

[46] Fix | Delete

--jp-green-5: #d0e6b8;

[47] Fix | Delete

--jp-green-10: #9dd977;

[48] Fix | Delete

--jp-green-20: #64ca43;

[49] Fix | Delete

--jp-green-30: #2fb41f;

[50] Fix | Delete

--jp-green-40: #069e08;

[51] Fix | Delete

--jp-green-50: #008710;

[52] Fix | Delete

--jp-green-60: #007117;

[53] Fix | Delete

--jp-green-70: #005b18;

[54] Fix | Delete

--jp-green-80: #004515;

[55] Fix | Delete

--jp-green-90: #003010;

[56] Fix | Delete

--jp-green-100: #001c09;

[57] Fix | Delete

--jp-green: #069e08;

[58] Fix | Delete

--jp-green-mint: #d3f6d5;

[59] Fix | Delete

--jp-green-primary: var(--jp-green-40);

[60] Fix | Delete

--jp-green-secondary: var(--jp-green-30);

[61] Fix | Delete

--jp-border-radius: 4px;

[62] Fix | Delete

--jp-border-radius-rna: 8px;

[63] Fix | Delete

--jp-menu-border-height: 1px;

[64] Fix | Delete

--jp-underline-thickness: 2px;

[65] Fix | Delete

--jp-modal-padding-large: 32px;

[66] Fix | Delete

--jp-modal-padding: 24px;

[67] Fix | Delete

--jp-modal-padding-small: 16px;

[68] Fix | Delete

--jp-modal-radius: 8px;

[69] Fix | Delete

--jp-button-padding: 8px;

[70] Fix | Delete

--jp-button-radius: 4px;

[71] Fix | Delete

--jp-gap: 16px;

[72] Fix | Delete

--jp-highlight: #3858e9;

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

#jetpack_summary_widget {

[76] Fix | Delete

/* Widget settings */

[77] Fix | Delete

}

[78] Fix | Delete

#jetpack_summary_widget * {

[79] Fix | Delete

box-sizing: border-box;

[80] Fix | Delete

}

[81] Fix | Delete

#jetpack_summary_widget h2.hndle span {

[82] Fix | Delete

display: flex;

[83] Fix | Delete

align-items: center;

[84] Fix | Delete

}

[85] Fix | Delete

#jetpack_summary_widget h2.hndle span span {

[86] Fix | Delete

padding: 0 0.4em;

[87] Fix | Delete

}

[88] Fix | Delete

#jetpack_summary_widget h2.hndle svg {

[89] Fix | Delete

height: 20px;

[90] Fix | Delete

margin: 0.15em 0.5em 0 0;

[91] Fix | Delete

}

[92] Fix | Delete

#jetpack_summary_widget pre.stats-widget-error {

[93] Fix | Delete

overflow: scroll;

[94] Fix | Delete

}

[95] Fix | Delete

#jetpack_summary_widget .js-toggle-stats_dashboard_widget_control .toggle-indicator::before {

[96] Fix | Delete

content: "\f111";

[97] Fix | Delete

display: inline-block;

[98] Fix | Delete

font: 400 20px/1 dashicons;

[99] Fix | Delete

}

[100] Fix | Delete

#jetpack_summary_widget .inside {

[101] Fix | Delete

margin: 0;

[102] Fix | Delete

padding: 0;

[103] Fix | Delete

}

[104] Fix | Delete

#jetpack_summary_widget .inside #stats_dashboard_widget_control {

[105] Fix | Delete

display: none;

[106] Fix | Delete

padding: 0 10px;

[107] Fix | Delete

overflow: hidden;

[108] Fix | Delete

}

[109] Fix | Delete

#jetpack_summary_widget .inside #stats_dashboard_widget_control .button-primary {

[110] Fix | Delete

float: left;

[111] Fix | Delete

}

[112] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats {

[113] Fix | Delete

box-sizing: border-box;

[114] Fix | Delete

width: 100%;

[115] Fix | Delete

padding: 0 10px;

[116] Fix | Delete

/* Widget graph contents */

[117] Fix | Delete

}

[118] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats.is-loading {

[119] Fix | Delete

display: none;

[120] Fix | Delete

}

[121] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats .inside {

[122] Fix | Delete

margin: 10px 0 0 0 !important;

[123] Fix | Delete

}

[124] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-graph {

[125] Fix | Delete

margin: 0;

[126] Fix | Delete

}

[127] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stat-chart {

[128] Fix | Delete

background: none !important;

[129] Fix | Delete

}

[130] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info {

[131] Fix | Delete

background: var(--jp-white-off);

[132] Fix | Delete

padding: 1.5em 1em;

[133] Fix | Delete

padding-bottom: 0;

[134] Fix | Delete

border-top: 1px solid #dcdcde;

[135] Fix | Delete

margin: 7px -10px 0 -10px;

[136] Fix | Delete

overflow: hidden;

[137] Fix | Delete

}

[138] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info div#active {

[139] Fix | Delete

border-top: 1px solid #dcdcde;

[140] Fix | Delete

margin: 0 -10px;

[141] Fix | Delete

padding: 10px 10px 0 10px;

[142] Fix | Delete

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

[143] Fix | Delete

overflow: hidden;

[144] Fix | Delete

}

[145] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info .stats-section-inner > h3.heading {

[146] Fix | Delete

font-size: 1.25em;

[147] Fix | Delete

margin: 0 0 0.5em 0;

[148] Fix | Delete

}

[149] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info p {

[150] Fix | Delete

margin: 0 0 0.25em;

[151] Fix | Delete

color: var(--jp-gray-40);

[152] Fix | Delete

}

[153] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info p.nothing {

[154] Fix | Delete

color: var(--jp-gray-60);

[155] Fix | Delete

}

[156] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info p.widget-loading {

[157] Fix | Delete

margin: 1em 0 0;

[158] Fix | Delete

color: #333;

[159] Fix | Delete

}

[160] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info p a {

[161] Fix | Delete

color: var(--jp-black);

[162] Fix | Delete

display: block;

[163] Fix | Delete

text-decoration: none;

[164] Fix | Delete

}

[165] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info p a.button {

[166] Fix | Delete

display: inline;

[167] Fix | Delete

}

[168] Fix | Delete

#jetpack_summary_widget .inside #dashboard_stats #stats-info p a:active, #jetpack_summary_widget .inside #dashboard_stats #stats-info p a:focus, #jetpack_summary_widget .inside #dashboard_stats #stats-info p a:hover {

[169] Fix | Delete

text-decoration: underline;

[170] Fix | Delete

}

[171] Fix | Delete

#jetpack_summary_widget #stats-info-container {

[172] Fix | Delete

background: var(--jp-white);

[173] Fix | Delete

border-radius: 5px;

[174] Fix | Delete

box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);

[175] Fix | Delete

padding: 1em 1.5em 1em 1.5em;

[176] Fix | Delete

overflow: hidden;

[177] Fix | Delete

display: grid;

[178] Fix | Delete

row-gap: 1em;

[179] Fix | Delete

grid-template-areas: "header" "content";

[180] Fix | Delete

grid-template-rows: min-content min-content;

[181] Fix | Delete

}

[182] Fix | Delete

#jetpack_summary_widget .stats-info-content {

[183] Fix | Delete

grid-area: content;

[184] Fix | Delete

display: grid;

[185] Fix | Delete

grid-template-areas: "posts searches";

[186] Fix | Delete

grid-template-columns: 1fr 1fr;

[187] Fix | Delete

column-gap: 1em;

[188] Fix | Delete

}

[189] Fix | Delete

#jetpack_summary_widget .stats-info-content .stats-section {

[190] Fix | Delete

min-width: 0;

[191] Fix | Delete

}

[192] Fix | Delete

#jetpack_summary_widget #stats-info .stats-info-header {

[193] Fix | Delete

grid-area: header;

[194] Fix | Delete

display: flex;

[195] Fix | Delete

justify-content: space-between;

[196] Fix | Delete

}

[197] Fix | Delete

#jetpack_summary_widget #stats-info .stats-info-header > h2 {

[198] Fix | Delete

font-size: 18px;

[199] Fix | Delete

line-height: 30px;

[200] Fix | Delete

padding: 0;

[201] Fix | Delete

}

[202] Fix | Delete

#jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right {

[203] Fix | Delete

align-self: center;

[204] Fix | Delete

}

[205] Fix | Delete

.wp-core-ui #jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right .button-primary {

[206] Fix | Delete

background: var(--jp-black);

[207] Fix | Delete

border-color: var(--jp-black);

[208] Fix | Delete

color: var(--jp-white);

[209] Fix | Delete

}

[210] Fix | Delete

#jetpack_summary_widget #top-posts {

[211] Fix | Delete

grid-area: posts;

[212] Fix | Delete

}

[213] Fix | Delete

#jetpack_summary_widget #top-posts .stats-section-inner p {

[214] Fix | Delete

white-space: nowrap;

[215] Fix | Delete

overflow: hidden;

[216] Fix | Delete

}

[217] Fix | Delete

#jetpack_summary_widget #top-posts .stats-section-inner p a {

[218] Fix | Delete

overflow: hidden;

[219] Fix | Delete

text-overflow: ellipsis;

[220] Fix | Delete

}

[221] Fix | Delete

#jetpack_summary_widget #top-search {

[222] Fix | Delete

grid-area: searches;

[223] Fix | Delete

}

[224] Fix | Delete

#jetpack_summary_widget #top-search p {

[225] Fix | Delete

color: #999;

[226] Fix | Delete

}

[227] Fix | Delete

#jetpack_summary_widget .stats,

[228] Fix | Delete

#jetpack_summary_widget .widgets,

[229] Fix | Delete

#jetpack_summary_widget .wpcom-connect {

[230] Fix | Delete

padding: 0.75em;

[231] Fix | Delete

}

[232] Fix | Delete

#jetpack_summary_widget .wpcom-connect {

[233] Fix | Delete

background: var(--jp-gray-0);

[234] Fix | Delete

text-align: center;

[235] Fix | Delete

}

[236] Fix | Delete

#jetpack_summary_widget .wpcom-connect .jp-emblem {

[237] Fix | Delete

padding: 5px 0 0 0;

[238] Fix | Delete

}

[239] Fix | Delete

#jetpack_summary_widget .wpcom-connect svg {

[240] Fix | Delete

width: 40px;

[241] Fix | Delete

height: 40px;

[242] Fix | Delete

}

[243] Fix | Delete

#jetpack_summary_widget .wpcom-connect svg path {

[244] Fix | Delete

fill: #069e08;

[245] Fix | Delete

}

[246] Fix | Delete

#jetpack_summary_widget .wpcom-connect .jp-emblem,

[247] Fix | Delete

#jetpack_summary_widget .wpcom-connect h3,

[248] Fix | Delete

#jetpack_summary_widget .wpcom-connect p {

[249] Fix | Delete

width: 100%;

[250] Fix | Delete

}

[251] Fix | Delete

#jetpack_summary_widget .wpcom-connect h3 {

[252] Fix | Delete

font-size: 1.25em;

[253] Fix | Delete

font-weight: 400;

[254] Fix | Delete

}

[255] Fix | Delete

#jetpack_summary_widget .wpcom-connect p {

[256] Fix | Delete

color: #50575e;

[257] Fix | Delete

margin-top: 0;

[258] Fix | Delete

padding: 0 15px;

[259] Fix | Delete

}

[260] Fix | Delete

#jetpack_summary_widget .wpcom-connect .actions {

[261] Fix | Delete

text-align: center;

[262] Fix | Delete

padding: 15px 0 10px 0;

[263] Fix | Delete

}

[264] Fix | Delete

#jetpack_summary_widget .wpcom-connect .actions small {

[265] Fix | Delete

display: block;

[266] Fix | Delete

}

[267] Fix | Delete

#jetpack_summary_widget .wpcom-connect .actions small a {

[268] Fix | Delete

color: #999;

[269] Fix | Delete

}

[270] Fix | Delete

#jetpack_summary_widget footer {

[271] Fix | Delete

background: var(--jp-white-off);

[272] Fix | Delete

overflow: hidden;

[273] Fix | Delete

}

[274] Fix | Delete

#jetpack_summary_widget footer .blocked-container {

[275] Fix | Delete

background: var(--jp-white-off);

[276] Fix | Delete

padding: 1.5em 1em;

[277] Fix | Delete

display: grid;

[278] Fix | Delete

gap: 0 1em;

[279] Fix | Delete

grid-template-columns: 1fr 1fr;

[280] Fix | Delete

}

[281] Fix | Delete

#jetpack_summary_widget footer .protect,

[282] Fix | Delete

#jetpack_summary_widget footer .akismet {

[283] Fix | Delete

background: var(--jp-white);

[284] Fix | Delete

border-radius: 5px;

[285] Fix | Delete

box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);

[286] Fix | Delete

padding: 1em 1.5em 1em 1.5em;

[287] Fix | Delete

}

[288] Fix | Delete

#jetpack_summary_widget footer h3 {

[289] Fix | Delete

font-size: 1em;

[290] Fix | Delete

font-weight: 400;

[291] Fix | Delete

margin: 0 0 0.25em 0;

[292] Fix | Delete

padding: 0;

[293] Fix | Delete

}

[294] Fix | Delete

#jetpack_summary_widget footer p.blocked-count {

[295] Fix | Delete

margin-top: 0;

[296] Fix | Delete

margin-bottom: 6px;

[297] Fix | Delete

margin-left: 8px;

[298] Fix | Delete

font-weight: 500;

[299] Fix | Delete

font-size: 2rem;

[300] Fix | Delete

display: inline-block;

[301] Fix | Delete

padding: 0 4px;

[302] Fix | Delete

min-width: 36px;

[303] Fix | Delete

text-align: center;

[304] Fix | Delete

}

[305] Fix | Delete

#jetpack_summary_widget footer p {

[306] Fix | Delete

margin: 0;

[307] Fix | Delete

padding: 0;

[308] Fix | Delete

}

[309] Fix | Delete

#jetpack_summary_widget footer section {

[310] Fix | Delete

margin: 0;

[311] Fix | Delete

padding: 0;

[312] Fix | Delete

text-align: center;

[313] Fix | Delete

}

[314] Fix | Delete

#jetpack_summary_widget footer .footer-links {

[315] Fix | Delete

margin: 0 1.5em 1.5em 0;

[316] Fix | Delete

}

[317] Fix | Delete

#jetpack_summary_widget footer .footer-links svg {

[318] Fix | Delete

height: 20px;

[319] Fix | Delete

}

[320] Fix | Delete

#jetpack_summary_widget footer .footer-links span {

[321] Fix | Delete

float: left;

[322] Fix | Delete

}

[323] Fix | Delete

#jetpack_summary_widget footer .button {

[324] Fix | Delete

background: var(--jp-black);

[325] Fix | Delete

border-color: var(--jp-black);

[326] Fix | Delete

color: var(--jp-white);

[327] Fix | Delete

margin-top: 8px;

[328] Fix | Delete

}

[329] Fix | Delete

[330] Fix | Delete

/* Hide the widget title's SVG in the Screen Options tab */

[331] Fix | Delete

.metabox-prefs label[for=jetpack_summary_widget-hide] span svg {

[332] Fix | Delete

height: 1.2rem;

[333] Fix | Delete

vertical-align: text-bottom;

[334] Fix | Delete

}

[335] Fix | Delete

[336] Fix | Delete