/*------------------------------------------------------------------------------

[0] Fix | Delete

28.0 - Site Icon

[1] Fix | Delete

------------------------------------------------------------------------------*/

[2] Fix | Delete

[3] Fix | Delete

.site-icon-preview .favicon-preview {

[4] Fix | Delete

margin: 5px 0 20px;

[5] Fix | Delete

overflow: hidden;

[6] Fix | Delete

position: relative;

[7] Fix | Delete

max-width: 180px;

[8] Fix | Delete

}

[9] Fix | Delete

[10] Fix | Delete

.site-icon-preview .favicon,

[11] Fix | Delete

.site-icon-preview .browser-title {

[12] Fix | Delete

height: 16px;

[13] Fix | Delete

left: 88px;

[14] Fix | Delete

overflow: hidden;

[15] Fix | Delete

position: absolute;

[16] Fix | Delete

top: 16px;

[17] Fix | Delete

}

[18] Fix | Delete

[19] Fix | Delete

.site-icon-preview .favicon {

[20] Fix | Delete

width: 16px;

[21] Fix | Delete

}

[22] Fix | Delete

[23] Fix | Delete

.site-icon-preview .browser-title {

[24] Fix | Delete

left: 109px;

[25] Fix | Delete

width: 72px;

[26] Fix | Delete

white-space: nowrap;

[27] Fix | Delete

}

[28] Fix | Delete

[29] Fix | Delete

.site-icon-preview .app-icon-preview {

[30] Fix | Delete

background-color: #000;

[31] Fix | Delete

border-radius: 16px;

[32] Fix | Delete

height: 64px;

[33] Fix | Delete

overflow: hidden;

[34] Fix | Delete

width: 64px;

[35] Fix | Delete

margin-top: 5px;

[36] Fix | Delete

}

[37] Fix | Delete

[38] Fix | Delete

/* rtl:ignore */

[39] Fix | Delete

.site-icon-preview .favicon,

[40] Fix | Delete

.site-icon-preview .app-icon-preview {

[41] Fix | Delete

direction: ltr;

[42] Fix | Delete

}

[43] Fix | Delete

[44] Fix | Delete

.customize-control-site_icon .favicon-preview {

[45] Fix | Delete

float: left;

[46] Fix | Delete

margin-right: 12px;

[47] Fix | Delete

margin-bottom: 0;

[48] Fix | Delete

}

[49] Fix | Delete

[50] Fix | Delete

.customize-control-site_icon .app-icon-preview {

[51] Fix | Delete

margin-top: 9px;

[52] Fix | Delete

}

[53] Fix | Delete

[54] Fix | Delete

.site-icon-section button.reset {

[55] Fix | Delete

color: #b32d2e;

[56] Fix | Delete

text-decoration: none;

[57] Fix | Delete

border-color: transparent;

[58] Fix | Delete

box-shadow: none;

[59] Fix | Delete

background: transparent;

[60] Fix | Delete

}

[61] Fix | Delete

[62] Fix | Delete

.site-icon-section button.reset:focus,

[63] Fix | Delete

.site-icon-section button.reset:hover {

[64] Fix | Delete

background: #b32d2e;

[65] Fix | Delete

color: #fff;

[66] Fix | Delete

border-color: #b32d2e;

[67] Fix | Delete

box-shadow: 0 0 0 1px #b32d2e;

[68] Fix | Delete

}

[69] Fix | Delete

[70] Fix | Delete

.site-icon-section .action-buttons {

[71] Fix | Delete

display: flex;

[72] Fix | Delete

flex-wrap: wrap;

[73] Fix | Delete

gap: 10px;

[74] Fix | Delete

}

[75] Fix | Delete

[76] Fix | Delete