<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.large{
	font-size: 20px;}
.inline{
	display: inline-block;}

body {
  background: #fff;
}

.c-button {
  background: &lt;{$button1_bgcolor}&gt;;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: &lt;{$button1_font_color}&gt;;
}

.c-button:hover {
  background: &lt;{$button1_bgcolor_hover}&gt;;
}

.c-button--primary {
  background: &lt;{$button2_bgcolor}&gt;;
}

.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: &lt;{$button2_font_color}&gt;;
}

.c-button--primary:hover {
  background: &lt;{$button2_bgcolor_hover}&gt;;
}

.c-button--danger {
  background: &lt;{$button3_bgcolor}&gt;;
}

.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: &lt;{$button3_font_color}&gt;;
}

.c-button--danger:hover {
  background: &lt;{$button3_bgcolor_hover}&gt;;
}

.c-input--text {
  border-color: &lt;{$textarea_bordercolor}&gt;;
}

.c-input--text:focus {
  border-color: &lt;{$textarea_bordercolor_focus}&gt;;
}
</pre></body></html>