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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.xm0JxM8Vqpg.el1 {
  color: red;
}

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

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

.xm0JxM8Vqpg.el2 {
  color: #fff;
}

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

.xm0JxM8Vqpg.el2__blist {
  background: #fff;
}

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

.wCmhvw6X7vw.el1 {
  color: red;
}

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

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

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

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

.wCmhvw6X7vw.el2 {
  color: #fff;
}

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

.wCmhvw6X7vw.el2__blist {
  background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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