sabry/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap

---
source: tests/macros.rs
assertion_line: 172
input_file: tests/sabry_output/bundle.css
---
.wZIQboPSLZ8aKu0MjXHwYg.p1 {
  font-size: 10px;
  color: #fff;
}

.wZIQboPSLZ8aKu0MjXHwYg.p1-dark {
  color: #000;
}

html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1 {
  font-size: 1rem;
}

html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1-dark {
  color: green;
}

ie some.wZIQboPSLZ8aKu0MjXHwYg html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1 {
  border: 1px;
}

html.dark .wZIQboPSLZ8aKu0MjXHwYg.p1 {
  color: orange;
}

whatever .wZIQboPSLZ8aKu0MjXHwYg.p1 {
  background: #ff0;
}

ooops whatever .wZIQboPSLZ8aKu0MjXHwYg.p1 {
  border: none;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated {
  color: #c6c6c6;
  background-color: #0ff;
  color: #fff;
  background-color: green;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover {
  transform: scale(2);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated:hover {
  transform: translateX(10%);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover {
  transform: scale(2);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated:hover {
  transform: translateX(10%);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark {
  color: #c6c6c6;
  background-color: #0ff;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after {
  content: "Colored";
  color: red;
  background-color: #00f;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after:hover {
  transform: scale(2);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:hover {
  transform: translateX(10%);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw {
  color: #c6c6c6;
  background-color: #0ff;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after {
  content: "Colored";
  color: #00f;
  background-color: #00f;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after:hover {
  transform: scale(2);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:hover {
  transform: translateX(10%);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw {
  color: #fff;
  background-color: green;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after:hover {
  transform: scale(2);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:hover {
  transform: translateX(10%);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw {
  color: #c6c6c6;
  background-color: #0ff;
  display: block;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after:hover {
  transform: scale(2);
}

.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:hover {
  transform: translateX(10%);
}

.n6ROVrVzYikGtxgKBYy11kA.coated {
  color: #c6c6c6;
  background-color: #0ff;
  color: #fff;
  background-color: green;
}

.n6ROVrVzYikGtxgKBYy11kA.coated:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover {
  transform: scale(2);
}

.n6ROVrVzYikGtxgKBYy11kA.coated:hover {
  transform: translateX(10%);
}

.n6ROVrVzYikGtxgKBYy11kA.coated:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover {
  transform: scale(2);
}

.n6ROVrVzYikGtxgKBYy11kA.coated:hover {
  transform: translateX(10%);
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark {
  color: #c6c6c6;
  background-color: #0ff;
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after {
  content: "Colored";
  color: red;
  background-color: #00f;
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after:hover {
  transform: scale(2);
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark:hover {
  transform: translateX(10%);
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA {
  color: #c6c6c6;
  background-color: #0ff;
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after {
  content: "Colored";
  color: #00f;
  background-color: #00f;
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after:hover {
  transform: scale(2);
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:hover {
  transform: translateX(10%);
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA {
  color: #fff;
  background-color: green;
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after:hover {
  transform: scale(2);
}

.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:hover {
  transform: translateX(10%);
}

.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA {
  color: #c6c6c6;
  background-color: #0ff;
  display: block;
}

.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after:hover {
  transform: scale(2);
}

.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:hover {
  transform: translateX(10%);
}

.rWkBO00R__2y_lbRfXlyg.el1 {
  color: red;
}

.rWkBO00R__2y_lbRfXlyg.el1-mob {
  color: #00f;
}

.rWkBO00R__2y_lbRfXlyg.el1__blist {
  list-style: none;
}

.rWkBO00R__2y_lbRfXlyg.el2 {
  color: #fff;
}

.rWkBO00R__2y_lbRfXlyg.el2-mob {
  color: #000;
}

.rWkBO00R__2y_lbRfXlyg.el2__blist {
  background: #fff;
}

.rWkBO00R__2y_lbRfXlyg.el2__blist-mob {
  background: #000;
}

.n9m9Me_zRl6xP8NIGObY_A.el1 {
  color: red;
}

.n9m9Me_zRl6xP8NIGObY_A.el1-mob {
  color: #00f;
}

.n9m9Me_zRl6xP8NIGObY_A.el1__blist {
  list-style: none;
}

.n9m9Me_zRl6xP8NIGObY_A.el1.n9m9Me_zRl6xP8NIGObY_A.sub {
  margin: 0;
}

.n9m9Me_zRl6xP8NIGObY_A.bus .n9m9Me_zRl6xP8NIGObY_A.el1 {
  padding: 0;
}

.n9m9Me_zRl6xP8NIGObY_A.el2 {
  color: #fff;
}

.n9m9Me_zRl6xP8NIGObY_A.el2-mob {
  color: #000;
}

.n9m9Me_zRl6xP8NIGObY_A.el2__blist {
  background: #fff;
}

.n9m9Me_zRl6xP8NIGObY_A.el2__blist-mob {
  background: #000;
}

.n9m9Me_zRl6xP8NIGObY_A.el2.n9m9Me_zRl6xP8NIGObY_A.sub {
  margin: 0;
}

.n9m9Me_zRl6xP8NIGObY_A.el2 .n9m9Me_zRl6xP8NIGObY_A.bus {
  margin: 0;
}

.smfXzGrnTs2kl9jPP0nk6w.fuzz {
  background-color: red;
  display: block;
}

.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark {
  background-color: #000;
  color: #fff;
}

.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w {
  text-transform: uppercase;
}

.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w img.smfXzGrnTs2kl9jPP0nk6w {
  position: absolute;
  top: 0;
  left: 10rem;
}

.smfXzGrnTs2kl9jPP0nk6w.fuzz span.smfXzGrnTs2kl9jPP0nk6w {
  position: relative;
  display: grid;
  grid-template-areas: "a b c"
                       "d e f"
                       "x x x";
  display: block;
}

.FT5yVVwswyLvNU3dIk0qw.fuzz {
  background-color: red;
  display: block;
}

.FT5yVVwswyLvNU3dIk0qw.fuzz-dark {
  background-color: #000;
  color: #fff;
}

.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw {
  text-transform: uppercase;
}

.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw img.FT5yVVwswyLvNU3dIk0qw {
  position: absolute;
  top: 0;
  left: 10rem;
}

.FT5yVVwswyLvNU3dIk0qw.fuzz span.FT5yVVwswyLvNU3dIk0qw {
  position: relative;
  display: grid;
  grid-template-areas: "a b c"
                       "d e f"
                       "x x x";
  display: block;
}

.qK4fsMeZRSTGObSesXXRBA.coated {
  color: #c6c6c6;
  background-color: #0ff;
  color: #fff;
  background-color: green;
}

.qK4fsMeZRSTGObSesXXRBA.coated:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.qK4fsMeZRSTGObSesXXRBA.coated:after:hover {
  transform: scale(2);
}

.qK4fsMeZRSTGObSesXXRBA.coated:hover {
  transform: translateX(10%);
}

.qK4fsMeZRSTGObSesXXRBA.coated:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.qK4fsMeZRSTGObSesXXRBA.coated:after:hover {
  transform: scale(2);
}

.qK4fsMeZRSTGObSesXXRBA.coated:hover {
  transform: translateX(10%);
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark {
  color: #c6c6c6;
  background-color: #0ff;
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark:after {
  content: "Colored";
  color: red;
  background-color: #00f;
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark:after:hover {
  transform: scale(2);
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark:hover {
  transform: translateX(10%);
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA {
  color: #c6c6c6;
  background-color: #0ff;
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after {
  content: "Colored";
  color: #00f;
  background-color: #00f;
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after:hover {
  transform: scale(2);
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:hover {
  transform: translateX(10%);
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA {
  color: #fff;
  background-color: green;
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after:hover {
  transform: scale(2);
}

.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:hover {
  transform: translateX(10%);
}

.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA {
  color: #c6c6c6;
  background-color: #0ff;
  display: block;
}

.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after:hover {
  transform: scale(2);
}

.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:hover {
  transform: translateX(10%);
}

.FMHIHNH4_QHxbUqdVmS1A.coated {
  color: #c6c6c6;
  background-color: #0ff;
  color: #fff;
  background-color: green;
}

.FMHIHNH4_QHxbUqdVmS1A.coated:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover {
  transform: scale(2);
}

.FMHIHNH4_QHxbUqdVmS1A.coated:hover {
  transform: translateX(10%);
}

.FMHIHNH4_QHxbUqdVmS1A.coated:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover {
  transform: scale(2);
}

.FMHIHNH4_QHxbUqdVmS1A.coated:hover {
  transform: translateX(10%);
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark {
  color: #c6c6c6;
  background-color: #0ff;
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after {
  content: "Colored";
  color: red;
  background-color: #00f;
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after:hover {
  transform: scale(2);
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark:hover {
  transform: translateX(10%);
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A {
  color: #c6c6c6;
  background-color: #0ff;
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after {
  content: "Colored";
  color: #00f;
  background-color: #00f;
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after:hover {
  transform: scale(2);
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:hover {
  transform: translateX(10%);
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A {
  color: #fff;
  background-color: green;
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after {
  content: "Colored";
  color: #000;
  background-color: #00f;
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after:hover {
  transform: scale(2);
}

.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:hover {
  transform: translateX(10%);
}

.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A {
  color: #c6c6c6;
  background-color: #0ff;
  display: block;
}

.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after {
  content: "Colored";
  color: green;
  background-color: #00f;
}

.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after:hover {
  transform: scale(2);
}

.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:hover {
  transform: translateX(10%);
}