1 /*------------------------------------------------------------------------------

     2   28.0 - Site Icon

     3 ------------------------------------------------------------------------------*/

     4 

     5 .site-icon-preview .favicon-preview {

     6 	margin: 5px 0 20px;

     7 	overflow: hidden;

     8 	position: relative;

     9 	max-width: 180px;

    10 }

    11 

    12 .site-icon-preview .favicon,

    13 .site-icon-preview .browser-title {

    14 	height: 16px;

    15 	left: 88px;

    16 	overflow: hidden;

    17 	position: absolute;

    18 	top: 16px;

    19 }

    20 

    21 .site-icon-preview .favicon {

    22 	width: 16px;

    23 }

    24 

    25 .site-icon-preview .browser-title {

    26 	left: 109px;

    27 	width: 72px;

    28 	white-space: nowrap;

    29 }

    30 

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

    32 	background-color: #000;

    33 	border-radius: 16px;

    34 	height: 64px;

    35 	overflow: hidden;

    36 	width: 64px;

    37 	margin-top: 5px;

    38 }

    39 

    40 /* rtl:ignore */

    41 .site-icon-preview .favicon,

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

    43 	direction: ltr;

    44 }

    45 

    46 .customize-control-site_icon .favicon-preview {

    47 	float: left;

    48 	margin-right: 12px;

    49 	margin-bottom: 0;

    50 }

    51 

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

    53 	margin-top: 9px;

    54 }