/* ======================================================
   CSS BLOCK BASIS
   erhält die typische CSS-Formatierung
====================================================== */

.css-block{
    margin-bottom:28px;
    font-family:monospace;
}


/* ======================================================
   NORMALE CSS ZEILEN
====================================================== */

.css-line{
	margin-left:0;
}


/* ======================================================
   DEKLARATIONSZEILEN
   links Marker, rechts Code
====================================================== */

.css-declaration{
    display:grid;
    grid-template-columns:12px auto;
    column-gap:6px;
    margin-left:16px;
}


/* ======================================================
   MARKER SPALTE
====================================================== */

.css-check{
	display:flex;
	align-items:flex-start;
	padding-top: 6px;
	gap: 1px;
}


/* ======================================================
   CODE SPALTE
====================================================== */

.css-code{
	font-family:monospace;
}


/* ======================================================
   INLINE KOMMENTARE
====================================================== */

.css-comment{
	color:#888;
	margin-left:8px;
}


/* ======================================================
   CHECK MARKER BASIS
====================================================== */

.css-check .notify{
	display:inline-block;
    width:4px;
    height:14px;
}


/* ======================================================
   CHECK WARNUNG
====================================================== */
.declaration_clean{
	background:#efefef;
}

.declaration_duplicate{
	background:#e53935;
}

.declaration_old{
	background:#007cff;
}