@medyll/cssfabric 0.0.10

package/lib/styles/core/scale/scale.responsive.css

@@ -0,0 +1,3846 @@
+@media only screen and (max-width: 0rem) {
+  .w-xxxl-full, .scale-w-xxxl-full {
+    width: 100%;
+  }
+  .w-xxxl-full-max, .scale-w-xxxl-full-max {
+    max-width: 100%;
+  }
+  .w-xxxl-full-min, .scale-w-xxxl-full-min {
+    min-width: 100%;
+  }
+
+  .w-xxxl-mid, .scale-w-xxxl-mid {
+    width: 50%;
+  }
+  .w-xxxl-mid-max, .scale-w-xxxl-mid-max {
+    max-width: 50%;
+  }
+  .w-xxxl-mid-min, .scale-w-xxxl-mid-min {
+    min-width: 50%;
+  }
+
+  .w-xxxl-quarter, .scale-w-xxxl-quarter {
+    width: 25%;
+  }
+  .w-xxxl-quarter-max, .scale-w-xxxl-quarter-max {
+    max-width: 25%;
+  }
+  .w-xxxl-quarter-min, .scale-w-xxxl-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-xxxl-tiers, .scale-w-xxxl-tiers {
+    width: 33%;
+  }
+  .w-xxxl-tiers-max, .scale-w-xxxl-tiers-max {
+    max-width: 33%;
+  }
+  .w-xxxl-tiers-min, .scale-w-xxxl-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-xxxl-content-max, .scale-w-xxxl-content-max {
+    width: max-content;
+  }
+  .w-xxxl-content-max-max, .scale-w-xxxl-content-max-max {
+    max-width: max-content;
+  }
+  .w-xxxl-content-max-min, .scale-w-xxxl-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-xxxl-content-min, .scale-w-xxxl-content-min {
+    width: min-content;
+  }
+  .w-xxxl-content-min-max, .scale-w-xxxl-content-min-max {
+    max-width: min-content;
+  }
+  .w-xxxl-content-min-min, .scale-w-xxxl-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-xxxl-1, .scale-w-xxxl-1 {
+    width: 1rem;
+  }
+  .w-xxxl-1-max, .scale-w-xxxl-1-max {
+    max-width: 1rem;
+  }
+  .w-xxxl-1-min, .scale-w-xxxl-1-min {
+    min-width: 1rem;
+  }
+
+  .w-xxxl-2, .scale-w-xxxl-2 {
+    width: 2rem;
+  }
+  .w-xxxl-2-max, .scale-w-xxxl-2-max {
+    max-width: 2rem;
+  }
+  .w-xxxl-2-min, .scale-w-xxxl-2-min {
+    min-width: 2rem;
+  }
+
+  .w-xxxl-4, .scale-w-xxxl-4 {
+    width: 4rem;
+  }
+  .w-xxxl-4-max, .scale-w-xxxl-4-max {
+    max-width: 4rem;
+  }
+  .w-xxxl-4-min, .scale-w-xxxl-4-min {
+    min-width: 4rem;
+  }
+
+  .w-xxxl-8, .scale-w-xxxl-8 {
+    width: 8rem;
+  }
+  .w-xxxl-8-max, .scale-w-xxxl-8-max {
+    max-width: 8rem;
+  }
+  .w-xxxl-8-min, .scale-w-xxxl-8-min {
+    min-width: 8rem;
+  }
+
+  .w-xxxl-16, .scale-w-xxxl-16 {
+    width: 16rem;
+  }
+  .w-xxxl-16-max, .scale-w-xxxl-16-max {
+    max-width: 16rem;
+  }
+  .w-xxxl-16-min, .scale-w-xxxl-16-min {
+    min-width: 16rem;
+  }
+
+  .w-xxxl-24, .scale-w-xxxl-24 {
+    width: 24rem;
+  }
+  .w-xxxl-24-max, .scale-w-xxxl-24-max {
+    max-width: 24rem;
+  }
+  .w-xxxl-24-min, .scale-w-xxxl-24-min {
+    min-width: 24rem;
+  }
+
+  .w-xxxl-32, .scale-w-xxxl-32 {
+    width: 32rem;
+  }
+  .w-xxxl-32-max, .scale-w-xxxl-32-max {
+    max-width: 32rem;
+  }
+  .w-xxxl-32-min, .scale-w-xxxl-32-min {
+    min-width: 32rem;
+  }
+
+  .w-xxxl-48, .scale-w-xxxl-48 {
+    width: 48rem;
+  }
+  .w-xxxl-48-max, .scale-w-xxxl-48-max {
+    max-width: 48rem;
+  }
+  .w-xxxl-48-min, .scale-w-xxxl-48-min {
+    min-width: 48rem;
+  }
+
+  .w-xxxl-64, .scale-w-xxxl-64 {
+    width: 64rem;
+  }
+  .w-xxxl-64-max, .scale-w-xxxl-64-max {
+    max-width: 64rem;
+  }
+  .w-xxxl-64-min, .scale-w-xxxl-64-min {
+    min-width: 64rem;
+  }
+
+  .w-xxxl-1-5, .scale-w-xxxl-1-5 {
+    width: 20%;
+  }
+  .w-xxxl-1-5-max, .scale-w-xxxl-1-5-max {
+    max-width: 20%;
+  }
+  .w-xxxl-1-5-min, .scale-w-xxxl-1-5-min {
+    min-width: 20%;
+  }
+
+  .w-xxxl-2-5, .scale-w-xxxl-2-5 {
+    width: 40%;
+  }
+  .w-xxxl-2-5-max, .scale-w-xxxl-2-5-max {
+    max-width: 40%;
+  }
+  .w-xxxl-2-5-min, .scale-w-xxxl-2-5-min {
+    min-width: 40%;
+  }
+
+  .w-xxxl-3-5, .scale-w-xxxl-3-5 {
+    width: 60%;
+  }
+  .w-xxxl-3-5-max, .scale-w-xxxl-3-5-max {
+    max-width: 60%;
+  }
+  .w-xxxl-3-5-min, .scale-w-xxxl-3-5-min {
+    min-width: 60%;
+  }
+
+  .w-xxxl-4-5, .scale-w-xxxl-4-5 {
+    width: 80%;
+  }
+  .w-xxxl-4-5-max, .scale-w-xxxl-4-5-max {
+    max-width: 80%;
+  }
+  .w-xxxl-4-5-min, .scale-w-xxxl-4-5-min {
+    min-width: 80%;
+  }
+
+  .w-xxxl-5-5, .scale-w-xxxl-5-5 {
+    width: 100%;
+  }
+  .w-xxxl-5-5-max, .scale-w-xxxl-5-5-max {
+    max-width: 100%;
+  }
+  .w-xxxl-5-5-min, .scale-w-xxxl-5-5-min {
+    min-width: 100%;
+  }
+
+  .w-xxxl-1-12, .scale-w-xxxl-1-12 {
+    width: 8.3333333333%;
+  }
+  .w-xxxl-1-12-max, .scale-w-xxxl-1-12-max {
+    max-width: 8.3333333333%;
+  }
+  .w-xxxl-1-12-min, .scale-w-xxxl-1-12-min {
+    min-width: 8.3333333333%;
+  }
+
+  .w-xxxl-2-12, .scale-w-xxxl-2-12 {
+    width: 16.6666666667%;
+  }
+  .w-xxxl-2-12-max, .scale-w-xxxl-2-12-max {
+    max-width: 16.6666666667%;
+  }
+  .w-xxxl-2-12-min, .scale-w-xxxl-2-12-min {
+    min-width: 16.6666666667%;
+  }
+
+  .w-xxxl-3-12, .scale-w-xxxl-3-12 {
+    width: 25%;
+  }
+  .w-xxxl-3-12-max, .scale-w-xxxl-3-12-max {
+    max-width: 25%;
+  }
+  .w-xxxl-3-12-min, .scale-w-xxxl-3-12-min {
+    min-width: 25%;
+  }
+
+  .w-xxxl-4-12, .scale-w-xxxl-4-12 {
+    width: 33.3333333333%;
+  }
+  .w-xxxl-4-12-max, .scale-w-xxxl-4-12-max {
+    max-width: 33.3333333333%;
+  }
+  .w-xxxl-4-12-min, .scale-w-xxxl-4-12-min {
+    min-width: 33.3333333333%;
+  }
+
+  .w-xxxl-5-12, .scale-w-xxxl-5-12 {
+    width: 41.6666666667%;
+  }
+  .w-xxxl-5-12-max, .scale-w-xxxl-5-12-max {
+    max-width: 41.6666666667%;
+  }
+  .w-xxxl-5-12-min, .scale-w-xxxl-5-12-min {
+    min-width: 41.6666666667%;
+  }
+
+  .w-xxxl-6-12, .scale-w-xxxl-6-12 {
+    width: 50%;
+  }
+  .w-xxxl-6-12-max, .scale-w-xxxl-6-12-max {
+    max-width: 50%;
+  }
+  .w-xxxl-6-12-min, .scale-w-xxxl-6-12-min {
+    min-width: 50%;
+  }
+
+  .w-xxxl-7-12, .scale-w-xxxl-7-12 {
+    width: 58.3333333333%;
+  }
+  .w-xxxl-7-12-max, .scale-w-xxxl-7-12-max {
+    max-width: 58.3333333333%;
+  }
+  .w-xxxl-7-12-min, .scale-w-xxxl-7-12-min {
+    min-width: 58.3333333333%;
+  }
+
+  .w-xxxl-8-12, .scale-w-xxxl-8-12 {
+    width: 66.6666666667%;
+  }
+  .w-xxxl-8-12-max, .scale-w-xxxl-8-12-max {
+    max-width: 66.6666666667%;
+  }
+  .w-xxxl-8-12-min, .scale-w-xxxl-8-12-min {
+    min-width: 66.6666666667%;
+  }
+
+  .w-xxxl-9-12, .scale-w-xxxl-9-12 {
+    width: 75%;
+  }
+  .w-xxxl-9-12-max, .scale-w-xxxl-9-12-max {
+    max-width: 75%;
+  }
+  .w-xxxl-9-12-min, .scale-w-xxxl-9-12-min {
+    min-width: 75%;
+  }
+
+  .w-xxxl-10-12, .scale-w-xxxl-10-12 {
+    width: 83.3333333333%;
+  }
+  .w-xxxl-10-12-max, .scale-w-xxxl-10-12-max {
+    max-width: 83.3333333333%;
+  }
+  .w-xxxl-10-12-min, .scale-w-xxxl-10-12-min {
+    min-width: 83.3333333333%;
+  }
+
+  .w-xxxl-11-12, .scale-w-xxxl-11-12 {
+    width: 91.6666666667%;
+  }
+  .w-xxxl-11-12-max, .scale-w-xxxl-11-12-max {
+    max-width: 91.6666666667%;
+  }
+  .w-xxxl-11-12-min, .scale-w-xxxl-11-12-min {
+    min-width: 91.6666666667%;
+  }
+
+  .w-xxxl-12-12, .scale-w-xxxl-12-12 {
+    width: 100%;
+  }
+  .w-xxxl-12-12-max, .scale-w-xxxl-12-12-max {
+    max-width: 100%;
+  }
+  .w-xxxl-12-12-min, .scale-w-xxxl-12-12-min {
+    min-width: 100%;
+  }
+
+  .h-xxxl-full, .scale-h-xxxl-full {
+    height: 100%;
+  }
+  .h-xxxl-full-max, .scale-h-xxxl-full-max {
+    max-height: 100%;
+  }
+  .h-xxxl-full-min, .scale-h-xxxl-full-min {
+    min-height: 100%;
+  }
+
+  .h-xxxl-mid, .scale-h-xxxl-mid {
+    height: 50%;
+  }
+  .h-xxxl-mid-max, .scale-h-xxxl-mid-max {
+    max-height: 50%;
+  }
+  .h-xxxl-mid-min, .scale-h-xxxl-mid-min {
+    min-height: 50%;
+  }
+
+  .h-xxxl-quarter, .scale-h-xxxl-quarter {
+    height: 25%;
+  }
+  .h-xxxl-quarter-max, .scale-h-xxxl-quarter-max {
+    max-height: 25%;
+  }
+  .h-xxxl-quarter-min, .scale-h-xxxl-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-xxxl-tiers, .scale-h-xxxl-tiers {
+    height: 33%;
+  }
+  .h-xxxl-tiers-max, .scale-h-xxxl-tiers-max {
+    max-height: 33%;
+  }
+  .h-xxxl-tiers-min, .scale-h-xxxl-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-xxxl-content-max, .scale-h-xxxl-content-max {
+    height: max-content;
+  }
+  .h-xxxl-content-max-max, .scale-h-xxxl-content-max-max {
+    max-height: max-content;
+  }
+  .h-xxxl-content-max-min, .scale-h-xxxl-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-xxxl-content-min, .scale-h-xxxl-content-min {
+    height: min-content;
+  }
+  .h-xxxl-content-min-max, .scale-h-xxxl-content-min-max {
+    max-height: min-content;
+  }
+  .h-xxxl-content-min-min, .scale-h-xxxl-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-xxxl-1, .scale-h-xxxl-1 {
+    height: 1rem;
+  }
+  .h-xxxl-1-max, .scale-h-xxxl-1-max {
+    max-height: 1rem;
+  }
+  .h-xxxl-1-min, .scale-h-xxxl-1-min {
+    min-height: 1rem;
+  }
+
+  .h-xxxl-2, .scale-h-xxxl-2 {
+    height: 2rem;
+  }
+  .h-xxxl-2-max, .scale-h-xxxl-2-max {
+    max-height: 2rem;
+  }
+  .h-xxxl-2-min, .scale-h-xxxl-2-min {
+    min-height: 2rem;
+  }
+
+  .h-xxxl-4, .scale-h-xxxl-4 {
+    height: 4rem;
+  }
+  .h-xxxl-4-max, .scale-h-xxxl-4-max {
+    max-height: 4rem;
+  }
+  .h-xxxl-4-min, .scale-h-xxxl-4-min {
+    min-height: 4rem;
+  }
+
+  .h-xxxl-8, .scale-h-xxxl-8 {
+    height: 8rem;
+  }
+  .h-xxxl-8-max, .scale-h-xxxl-8-max {
+    max-height: 8rem;
+  }
+  .h-xxxl-8-min, .scale-h-xxxl-8-min {
+    min-height: 8rem;
+  }
+
+  .h-xxxl-16, .scale-h-xxxl-16 {
+    height: 16rem;
+  }
+  .h-xxxl-16-max, .scale-h-xxxl-16-max {
+    max-height: 16rem;
+  }
+  .h-xxxl-16-min, .scale-h-xxxl-16-min {
+    min-height: 16rem;
+  }
+
+  .h-xxxl-24, .scale-h-xxxl-24 {
+    height: 24rem;
+  }
+  .h-xxxl-24-max, .scale-h-xxxl-24-max {
+    max-height: 24rem;
+  }
+  .h-xxxl-24-min, .scale-h-xxxl-24-min {
+    min-height: 24rem;
+  }
+
+  .h-xxxl-32, .scale-h-xxxl-32 {
+    height: 32rem;
+  }
+  .h-xxxl-32-max, .scale-h-xxxl-32-max {
+    max-height: 32rem;
+  }
+  .h-xxxl-32-min, .scale-h-xxxl-32-min {
+    min-height: 32rem;
+  }
+
+  .h-xxxl-48, .scale-h-xxxl-48 {
+    height: 48rem;
+  }
+  .h-xxxl-48-max, .scale-h-xxxl-48-max {
+    max-height: 48rem;
+  }
+  .h-xxxl-48-min, .scale-h-xxxl-48-min {
+    min-height: 48rem;
+  }
+
+  .h-xxxl-64, .scale-h-xxxl-64 {
+    height: 64rem;
+  }
+  .h-xxxl-64-max, .scale-h-xxxl-64-max {
+    max-height: 64rem;
+  }
+  .h-xxxl-64-min, .scale-h-xxxl-64-min {
+    min-height: 64rem;
+  }
+
+  .h-xxxl-1-5, .scale-h-xxxl-1-5 {
+    height: 20%;
+  }
+  .h-xxxl-1-5-max, .scale-h-xxxl-1-5-max {
+    max-height: 20%;
+  }
+  .h-xxxl-1-5-min, .scale-h-xxxl-1-5-min {
+    min-height: 20%;
+  }
+
+  .h-xxxl-2-5, .scale-h-xxxl-2-5 {
+    height: 40%;
+  }
+  .h-xxxl-2-5-max, .scale-h-xxxl-2-5-max {
+    max-height: 40%;
+  }
+  .h-xxxl-2-5-min, .scale-h-xxxl-2-5-min {
+    min-height: 40%;
+  }
+
+  .h-xxxl-3-5, .scale-h-xxxl-3-5 {
+    height: 60%;
+  }
+  .h-xxxl-3-5-max, .scale-h-xxxl-3-5-max {
+    max-height: 60%;
+  }
+  .h-xxxl-3-5-min, .scale-h-xxxl-3-5-min {
+    min-height: 60%;
+  }
+
+  .h-xxxl-4-5, .scale-h-xxxl-4-5 {
+    height: 80%;
+  }
+  .h-xxxl-4-5-max, .scale-h-xxxl-4-5-max {
+    max-height: 80%;
+  }
+  .h-xxxl-4-5-min, .scale-h-xxxl-4-5-min {
+    min-height: 80%;
+  }
+
+  .h-xxxl-5-5, .scale-h-xxxl-5-5 {
+    height: 100%;
+  }
+  .h-xxxl-5-5-max, .scale-h-xxxl-5-5-max {
+    max-height: 100%;
+  }
+  .h-xxxl-5-5-min, .scale-h-xxxl-5-5-min {
+    min-height: 100%;
+  }
+
+  .h-xxxl-1-12, .scale-h-xxxl-1-12 {
+    height: 8.3333333333%;
+  }
+  .h-xxxl-1-12-max, .scale-h-xxxl-1-12-max {
+    max-height: 8.3333333333%;
+  }
+  .h-xxxl-1-12-min, .scale-h-xxxl-1-12-min {
+    min-height: 8.3333333333%;
+  }
+
+  .h-xxxl-2-12, .scale-h-xxxl-2-12 {
+    height: 16.6666666667%;
+  }
+  .h-xxxl-2-12-max, .scale-h-xxxl-2-12-max {
+    max-height: 16.6666666667%;
+  }
+  .h-xxxl-2-12-min, .scale-h-xxxl-2-12-min {
+    min-height: 16.6666666667%;
+  }
+
+  .h-xxxl-3-12, .scale-h-xxxl-3-12 {
+    height: 25%;
+  }
+  .h-xxxl-3-12-max, .scale-h-xxxl-3-12-max {
+    max-height: 25%;
+  }
+  .h-xxxl-3-12-min, .scale-h-xxxl-3-12-min {
+    min-height: 25%;
+  }
+
+  .h-xxxl-4-12, .scale-h-xxxl-4-12 {
+    height: 33.3333333333%;
+  }
+  .h-xxxl-4-12-max, .scale-h-xxxl-4-12-max {
+    max-height: 33.3333333333%;
+  }
+  .h-xxxl-4-12-min, .scale-h-xxxl-4-12-min {
+    min-height: 33.3333333333%;
+  }
+
+  .h-xxxl-5-12, .scale-h-xxxl-5-12 {
+    height: 41.6666666667%;
+  }
+  .h-xxxl-5-12-max, .scale-h-xxxl-5-12-max {
+    max-height: 41.6666666667%;
+  }
+  .h-xxxl-5-12-min, .scale-h-xxxl-5-12-min {
+    min-height: 41.6666666667%;
+  }
+
+  .h-xxxl-6-12, .scale-h-xxxl-6-12 {
+    height: 50%;
+  }
+  .h-xxxl-6-12-max, .scale-h-xxxl-6-12-max {
+    max-height: 50%;
+  }
+  .h-xxxl-6-12-min, .scale-h-xxxl-6-12-min {
+    min-height: 50%;
+  }
+
+  .h-xxxl-7-12, .scale-h-xxxl-7-12 {
+    height: 58.3333333333%;
+  }
+  .h-xxxl-7-12-max, .scale-h-xxxl-7-12-max {
+    max-height: 58.3333333333%;
+  }
+  .h-xxxl-7-12-min, .scale-h-xxxl-7-12-min {
+    min-height: 58.3333333333%;
+  }
+
+  .h-xxxl-8-12, .scale-h-xxxl-8-12 {
+    height: 66.6666666667%;
+  }
+  .h-xxxl-8-12-max, .scale-h-xxxl-8-12-max {
+    max-height: 66.6666666667%;
+  }
+  .h-xxxl-8-12-min, .scale-h-xxxl-8-12-min {
+    min-height: 66.6666666667%;
+  }
+
+  .h-xxxl-9-12, .scale-h-xxxl-9-12 {
+    height: 75%;
+  }
+  .h-xxxl-9-12-max, .scale-h-xxxl-9-12-max {
+    max-height: 75%;
+  }
+  .h-xxxl-9-12-min, .scale-h-xxxl-9-12-min {
+    min-height: 75%;
+  }
+
+  .h-xxxl-10-12, .scale-h-xxxl-10-12 {
+    height: 83.3333333333%;
+  }
+  .h-xxxl-10-12-max, .scale-h-xxxl-10-12-max {
+    max-height: 83.3333333333%;
+  }
+  .h-xxxl-10-12-min, .scale-h-xxxl-10-12-min {
+    min-height: 83.3333333333%;
+  }
+
+  .h-xxxl-11-12, .scale-h-xxxl-11-12 {
+    height: 91.6666666667%;
+  }
+  .h-xxxl-11-12-max, .scale-h-xxxl-11-12-max {
+    max-height: 91.6666666667%;
+  }
+  .h-xxxl-11-12-min, .scale-h-xxxl-11-12-min {
+    min-height: 91.6666666667%;
+  }
+
+  .h-xxxl-12-12, .scale-h-xxxl-12-12 {
+    height: 100%;
+  }
+  .h-xxxl-12-12-max, .scale-h-xxxl-12-12-max {
+    max-height: 100%;
+  }
+  .h-xxxl-12-12-min, .scale-h-xxxl-12-12-min {
+    min-height: 100%;
+  }
+}
+@media only screen and (max-width: 120rem) {
+  .w-xxl-full, .scale-w-xxl-full {
+    width: 100%;
+  }
+  .w-xxl-full-max, .scale-w-xxl-full-max {
+    max-width: 100%;
+  }
+  .w-xxl-full-min, .scale-w-xxl-full-min {
+    min-width: 100%;
+  }
+
+  .w-xxl-mid, .scale-w-xxl-mid {
+    width: 50%;
+  }
+  .w-xxl-mid-max, .scale-w-xxl-mid-max {
+    max-width: 50%;
+  }
+  .w-xxl-mid-min, .scale-w-xxl-mid-min {
+    min-width: 50%;
+  }
+
+  .w-xxl-quarter, .scale-w-xxl-quarter {
+    width: 25%;
+  }
+  .w-xxl-quarter-max, .scale-w-xxl-quarter-max {
+    max-width: 25%;
+  }
+  .w-xxl-quarter-min, .scale-w-xxl-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-xxl-tiers, .scale-w-xxl-tiers {
+    width: 33%;
+  }
+  .w-xxl-tiers-max, .scale-w-xxl-tiers-max {
+    max-width: 33%;
+  }
+  .w-xxl-tiers-min, .scale-w-xxl-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-xxl-content-max, .scale-w-xxl-content-max {
+    width: max-content;
+  }
+  .w-xxl-content-max-max, .scale-w-xxl-content-max-max {
+    max-width: max-content;
+  }
+  .w-xxl-content-max-min, .scale-w-xxl-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-xxl-content-min, .scale-w-xxl-content-min {
+    width: min-content;
+  }
+  .w-xxl-content-min-max, .scale-w-xxl-content-min-max {
+    max-width: min-content;
+  }
+  .w-xxl-content-min-min, .scale-w-xxl-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-xxl-1, .scale-w-xxl-1 {
+    width: 1rem;
+  }
+  .w-xxl-1-max, .scale-w-xxl-1-max {
+    max-width: 1rem;
+  }
+  .w-xxl-1-min, .scale-w-xxl-1-min {
+    min-width: 1rem;
+  }
+
+  .w-xxl-2, .scale-w-xxl-2 {
+    width: 2rem;
+  }
+  .w-xxl-2-max, .scale-w-xxl-2-max {
+    max-width: 2rem;
+  }
+  .w-xxl-2-min, .scale-w-xxl-2-min {
+    min-width: 2rem;
+  }
+
+  .w-xxl-4, .scale-w-xxl-4 {
+    width: 4rem;
+  }
+  .w-xxl-4-max, .scale-w-xxl-4-max {
+    max-width: 4rem;
+  }
+  .w-xxl-4-min, .scale-w-xxl-4-min {
+    min-width: 4rem;
+  }
+
+  .w-xxl-8, .scale-w-xxl-8 {
+    width: 8rem;
+  }
+  .w-xxl-8-max, .scale-w-xxl-8-max {
+    max-width: 8rem;
+  }
+  .w-xxl-8-min, .scale-w-xxl-8-min {
+    min-width: 8rem;
+  }
+
+  .w-xxl-16, .scale-w-xxl-16 {
+    width: 16rem;
+  }
+  .w-xxl-16-max, .scale-w-xxl-16-max {
+    max-width: 16rem;
+  }
+  .w-xxl-16-min, .scale-w-xxl-16-min {
+    min-width: 16rem;
+  }
+
+  .w-xxl-24, .scale-w-xxl-24 {
+    width: 24rem;
+  }
+  .w-xxl-24-max, .scale-w-xxl-24-max {
+    max-width: 24rem;
+  }
+  .w-xxl-24-min, .scale-w-xxl-24-min {
+    min-width: 24rem;
+  }
+
+  .w-xxl-32, .scale-w-xxl-32 {
+    width: 32rem;
+  }
+  .w-xxl-32-max, .scale-w-xxl-32-max {
+    max-width: 32rem;
+  }
+  .w-xxl-32-min, .scale-w-xxl-32-min {
+    min-width: 32rem;
+  }
+
+  .w-xxl-48, .scale-w-xxl-48 {
+    width: 48rem;
+  }
+  .w-xxl-48-max, .scale-w-xxl-48-max {
+    max-width: 48rem;
+  }
+  .w-xxl-48-min, .scale-w-xxl-48-min {
+    min-width: 48rem;
+  }
+
+  .w-xxl-64, .scale-w-xxl-64 {
+    width: 64rem;
+  }
+  .w-xxl-64-max, .scale-w-xxl-64-max {
+    max-width: 64rem;
+  }
+  .w-xxl-64-min, .scale-w-xxl-64-min {
+    min-width: 64rem;
+  }
+
+  .w-xxl-1-5, .scale-w-xxl-1-5 {
+    width: 20%;
+  }
+  .w-xxl-1-5-max, .scale-w-xxl-1-5-max {
+    max-width: 20%;
+  }
+  .w-xxl-1-5-min, .scale-w-xxl-1-5-min {
+    min-width: 20%;
+  }
+
+  .w-xxl-2-5, .scale-w-xxl-2-5 {
+    width: 40%;
+  }
+  .w-xxl-2-5-max, .scale-w-xxl-2-5-max {
+    max-width: 40%;
+  }
+  .w-xxl-2-5-min, .scale-w-xxl-2-5-min {
+    min-width: 40%;
+  }
+
+  .w-xxl-3-5, .scale-w-xxl-3-5 {
+    width: 60%;
+  }
+  .w-xxl-3-5-max, .scale-w-xxl-3-5-max {
+    max-width: 60%;
+  }
+  .w-xxl-3-5-min, .scale-w-xxl-3-5-min {
+    min-width: 60%;
+  }
+
+  .w-xxl-4-5, .scale-w-xxl-4-5 {
+    width: 80%;
+  }
+  .w-xxl-4-5-max, .scale-w-xxl-4-5-max {
+    max-width: 80%;
+  }
+  .w-xxl-4-5-min, .scale-w-xxl-4-5-min {
+    min-width: 80%;
+  }
+
+  .w-xxl-5-5, .scale-w-xxl-5-5 {
+    width: 100%;
+  }
+  .w-xxl-5-5-max, .scale-w-xxl-5-5-max {
+    max-width: 100%;
+  }
+  .w-xxl-5-5-min, .scale-w-xxl-5-5-min {
+    min-width: 100%;
+  }
+
+  .w-xxl-1-12, .scale-w-xxl-1-12 {
+    width: 8.3333333333%;
+  }
+  .w-xxl-1-12-max, .scale-w-xxl-1-12-max {
+    max-width: 8.3333333333%;
+  }
+  .w-xxl-1-12-min, .scale-w-xxl-1-12-min {
+    min-width: 8.3333333333%;
+  }
+
+  .w-xxl-2-12, .scale-w-xxl-2-12 {
+    width: 16.6666666667%;
+  }
+  .w-xxl-2-12-max, .scale-w-xxl-2-12-max {
+    max-width: 16.6666666667%;
+  }
+  .w-xxl-2-12-min, .scale-w-xxl-2-12-min {
+    min-width: 16.6666666667%;
+  }
+
+  .w-xxl-3-12, .scale-w-xxl-3-12 {
+    width: 25%;
+  }
+  .w-xxl-3-12-max, .scale-w-xxl-3-12-max {
+    max-width: 25%;
+  }
+  .w-xxl-3-12-min, .scale-w-xxl-3-12-min {
+    min-width: 25%;
+  }
+
+  .w-xxl-4-12, .scale-w-xxl-4-12 {
+    width: 33.3333333333%;
+  }
+  .w-xxl-4-12-max, .scale-w-xxl-4-12-max {
+    max-width: 33.3333333333%;
+  }
+  .w-xxl-4-12-min, .scale-w-xxl-4-12-min {
+    min-width: 33.3333333333%;
+  }
+
+  .w-xxl-5-12, .scale-w-xxl-5-12 {
+    width: 41.6666666667%;
+  }
+  .w-xxl-5-12-max, .scale-w-xxl-5-12-max {
+    max-width: 41.6666666667%;
+  }
+  .w-xxl-5-12-min, .scale-w-xxl-5-12-min {
+    min-width: 41.6666666667%;
+  }
+
+  .w-xxl-6-12, .scale-w-xxl-6-12 {
+    width: 50%;
+  }
+  .w-xxl-6-12-max, .scale-w-xxl-6-12-max {
+    max-width: 50%;
+  }
+  .w-xxl-6-12-min, .scale-w-xxl-6-12-min {
+    min-width: 50%;
+  }
+
+  .w-xxl-7-12, .scale-w-xxl-7-12 {
+    width: 58.3333333333%;
+  }
+  .w-xxl-7-12-max, .scale-w-xxl-7-12-max {
+    max-width: 58.3333333333%;
+  }
+  .w-xxl-7-12-min, .scale-w-xxl-7-12-min {
+    min-width: 58.3333333333%;
+  }
+
+  .w-xxl-8-12, .scale-w-xxl-8-12 {
+    width: 66.6666666667%;
+  }
+  .w-xxl-8-12-max, .scale-w-xxl-8-12-max {
+    max-width: 66.6666666667%;
+  }
+  .w-xxl-8-12-min, .scale-w-xxl-8-12-min {
+    min-width: 66.6666666667%;
+  }
+
+  .w-xxl-9-12, .scale-w-xxl-9-12 {
+    width: 75%;
+  }
+  .w-xxl-9-12-max, .scale-w-xxl-9-12-max {
+    max-width: 75%;
+  }
+  .w-xxl-9-12-min, .scale-w-xxl-9-12-min {
+    min-width: 75%;
+  }
+
+  .w-xxl-10-12, .scale-w-xxl-10-12 {
+    width: 83.3333333333%;
+  }
+  .w-xxl-10-12-max, .scale-w-xxl-10-12-max {
+    max-width: 83.3333333333%;
+  }
+  .w-xxl-10-12-min, .scale-w-xxl-10-12-min {
+    min-width: 83.3333333333%;
+  }
+
+  .w-xxl-11-12, .scale-w-xxl-11-12 {
+    width: 91.6666666667%;
+  }
+  .w-xxl-11-12-max, .scale-w-xxl-11-12-max {
+    max-width: 91.6666666667%;
+  }
+  .w-xxl-11-12-min, .scale-w-xxl-11-12-min {
+    min-width: 91.6666666667%;
+  }
+
+  .w-xxl-12-12, .scale-w-xxl-12-12 {
+    width: 100%;
+  }
+  .w-xxl-12-12-max, .scale-w-xxl-12-12-max {
+    max-width: 100%;
+  }
+  .w-xxl-12-12-min, .scale-w-xxl-12-12-min {
+    min-width: 100%;
+  }
+
+  .h-xxl-full, .scale-h-xxl-full {
+    height: 100%;
+  }
+  .h-xxl-full-max, .scale-h-xxl-full-max {
+    max-height: 100%;
+  }
+  .h-xxl-full-min, .scale-h-xxl-full-min {
+    min-height: 100%;
+  }
+
+  .h-xxl-mid, .scale-h-xxl-mid {
+    height: 50%;
+  }
+  .h-xxl-mid-max, .scale-h-xxl-mid-max {
+    max-height: 50%;
+  }
+  .h-xxl-mid-min, .scale-h-xxl-mid-min {
+    min-height: 50%;
+  }
+
+  .h-xxl-quarter, .scale-h-xxl-quarter {
+    height: 25%;
+  }
+  .h-xxl-quarter-max, .scale-h-xxl-quarter-max {
+    max-height: 25%;
+  }
+  .h-xxl-quarter-min, .scale-h-xxl-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-xxl-tiers, .scale-h-xxl-tiers {
+    height: 33%;
+  }
+  .h-xxl-tiers-max, .scale-h-xxl-tiers-max {
+    max-height: 33%;
+  }
+  .h-xxl-tiers-min, .scale-h-xxl-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-xxl-content-max, .scale-h-xxl-content-max {
+    height: max-content;
+  }
+  .h-xxl-content-max-max, .scale-h-xxl-content-max-max {
+    max-height: max-content;
+  }
+  .h-xxl-content-max-min, .scale-h-xxl-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-xxl-content-min, .scale-h-xxl-content-min {
+    height: min-content;
+  }
+  .h-xxl-content-min-max, .scale-h-xxl-content-min-max {
+    max-height: min-content;
+  }
+  .h-xxl-content-min-min, .scale-h-xxl-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-xxl-1, .scale-h-xxl-1 {
+    height: 1rem;
+  }
+  .h-xxl-1-max, .scale-h-xxl-1-max {
+    max-height: 1rem;
+  }
+  .h-xxl-1-min, .scale-h-xxl-1-min {
+    min-height: 1rem;
+  }
+
+  .h-xxl-2, .scale-h-xxl-2 {
+    height: 2rem;
+  }
+  .h-xxl-2-max, .scale-h-xxl-2-max {
+    max-height: 2rem;
+  }
+  .h-xxl-2-min, .scale-h-xxl-2-min {
+    min-height: 2rem;
+  }
+
+  .h-xxl-4, .scale-h-xxl-4 {
+    height: 4rem;
+  }
+  .h-xxl-4-max, .scale-h-xxl-4-max {
+    max-height: 4rem;
+  }
+  .h-xxl-4-min, .scale-h-xxl-4-min {
+    min-height: 4rem;
+  }
+
+  .h-xxl-8, .scale-h-xxl-8 {
+    height: 8rem;
+  }
+  .h-xxl-8-max, .scale-h-xxl-8-max {
+    max-height: 8rem;
+  }
+  .h-xxl-8-min, .scale-h-xxl-8-min {
+    min-height: 8rem;
+  }
+
+  .h-xxl-16, .scale-h-xxl-16 {
+    height: 16rem;
+  }
+  .h-xxl-16-max, .scale-h-xxl-16-max {
+    max-height: 16rem;
+  }
+  .h-xxl-16-min, .scale-h-xxl-16-min {
+    min-height: 16rem;
+  }
+
+  .h-xxl-24, .scale-h-xxl-24 {
+    height: 24rem;
+  }
+  .h-xxl-24-max, .scale-h-xxl-24-max {
+    max-height: 24rem;
+  }
+  .h-xxl-24-min, .scale-h-xxl-24-min {
+    min-height: 24rem;
+  }
+
+  .h-xxl-32, .scale-h-xxl-32 {
+    height: 32rem;
+  }
+  .h-xxl-32-max, .scale-h-xxl-32-max {
+    max-height: 32rem;
+  }
+  .h-xxl-32-min, .scale-h-xxl-32-min {
+    min-height: 32rem;
+  }
+
+  .h-xxl-48, .scale-h-xxl-48 {
+    height: 48rem;
+  }
+  .h-xxl-48-max, .scale-h-xxl-48-max {
+    max-height: 48rem;
+  }
+  .h-xxl-48-min, .scale-h-xxl-48-min {
+    min-height: 48rem;
+  }
+
+  .h-xxl-64, .scale-h-xxl-64 {
+    height: 64rem;
+  }
+  .h-xxl-64-max, .scale-h-xxl-64-max {
+    max-height: 64rem;
+  }
+  .h-xxl-64-min, .scale-h-xxl-64-min {
+    min-height: 64rem;
+  }
+
+  .h-xxl-1-5, .scale-h-xxl-1-5 {
+    height: 20%;
+  }
+  .h-xxl-1-5-max, .scale-h-xxl-1-5-max {
+    max-height: 20%;
+  }
+  .h-xxl-1-5-min, .scale-h-xxl-1-5-min {
+    min-height: 20%;
+  }
+
+  .h-xxl-2-5, .scale-h-xxl-2-5 {
+    height: 40%;
+  }
+  .h-xxl-2-5-max, .scale-h-xxl-2-5-max {
+    max-height: 40%;
+  }
+  .h-xxl-2-5-min, .scale-h-xxl-2-5-min {
+    min-height: 40%;
+  }
+
+  .h-xxl-3-5, .scale-h-xxl-3-5 {
+    height: 60%;
+  }
+  .h-xxl-3-5-max, .scale-h-xxl-3-5-max {
+    max-height: 60%;
+  }
+  .h-xxl-3-5-min, .scale-h-xxl-3-5-min {
+    min-height: 60%;
+  }
+
+  .h-xxl-4-5, .scale-h-xxl-4-5 {
+    height: 80%;
+  }
+  .h-xxl-4-5-max, .scale-h-xxl-4-5-max {
+    max-height: 80%;
+  }
+  .h-xxl-4-5-min, .scale-h-xxl-4-5-min {
+    min-height: 80%;
+  }
+
+  .h-xxl-5-5, .scale-h-xxl-5-5 {
+    height: 100%;
+  }
+  .h-xxl-5-5-max, .scale-h-xxl-5-5-max {
+    max-height: 100%;
+  }
+  .h-xxl-5-5-min, .scale-h-xxl-5-5-min {
+    min-height: 100%;
+  }
+
+  .h-xxl-1-12, .scale-h-xxl-1-12 {
+    height: 8.3333333333%;
+  }
+  .h-xxl-1-12-max, .scale-h-xxl-1-12-max {
+    max-height: 8.3333333333%;
+  }
+  .h-xxl-1-12-min, .scale-h-xxl-1-12-min {
+    min-height: 8.3333333333%;
+  }
+
+  .h-xxl-2-12, .scale-h-xxl-2-12 {
+    height: 16.6666666667%;
+  }
+  .h-xxl-2-12-max, .scale-h-xxl-2-12-max {
+    max-height: 16.6666666667%;
+  }
+  .h-xxl-2-12-min, .scale-h-xxl-2-12-min {
+    min-height: 16.6666666667%;
+  }
+
+  .h-xxl-3-12, .scale-h-xxl-3-12 {
+    height: 25%;
+  }
+  .h-xxl-3-12-max, .scale-h-xxl-3-12-max {
+    max-height: 25%;
+  }
+  .h-xxl-3-12-min, .scale-h-xxl-3-12-min {
+    min-height: 25%;
+  }
+
+  .h-xxl-4-12, .scale-h-xxl-4-12 {
+    height: 33.3333333333%;
+  }
+  .h-xxl-4-12-max, .scale-h-xxl-4-12-max {
+    max-height: 33.3333333333%;
+  }
+  .h-xxl-4-12-min, .scale-h-xxl-4-12-min {
+    min-height: 33.3333333333%;
+  }
+
+  .h-xxl-5-12, .scale-h-xxl-5-12 {
+    height: 41.6666666667%;
+  }
+  .h-xxl-5-12-max, .scale-h-xxl-5-12-max {
+    max-height: 41.6666666667%;
+  }
+  .h-xxl-5-12-min, .scale-h-xxl-5-12-min {
+    min-height: 41.6666666667%;
+  }
+
+  .h-xxl-6-12, .scale-h-xxl-6-12 {
+    height: 50%;
+  }
+  .h-xxl-6-12-max, .scale-h-xxl-6-12-max {
+    max-height: 50%;
+  }
+  .h-xxl-6-12-min, .scale-h-xxl-6-12-min {
+    min-height: 50%;
+  }
+
+  .h-xxl-7-12, .scale-h-xxl-7-12 {
+    height: 58.3333333333%;
+  }
+  .h-xxl-7-12-max, .scale-h-xxl-7-12-max {
+    max-height: 58.3333333333%;
+  }
+  .h-xxl-7-12-min, .scale-h-xxl-7-12-min {
+    min-height: 58.3333333333%;
+  }
+
+  .h-xxl-8-12, .scale-h-xxl-8-12 {
+    height: 66.6666666667%;
+  }
+  .h-xxl-8-12-max, .scale-h-xxl-8-12-max {
+    max-height: 66.6666666667%;
+  }
+  .h-xxl-8-12-min, .scale-h-xxl-8-12-min {
+    min-height: 66.6666666667%;
+  }
+
+  .h-xxl-9-12, .scale-h-xxl-9-12 {
+    height: 75%;
+  }
+  .h-xxl-9-12-max, .scale-h-xxl-9-12-max {
+    max-height: 75%;
+  }
+  .h-xxl-9-12-min, .scale-h-xxl-9-12-min {
+    min-height: 75%;
+  }
+
+  .h-xxl-10-12, .scale-h-xxl-10-12 {
+    height: 83.3333333333%;
+  }
+  .h-xxl-10-12-max, .scale-h-xxl-10-12-max {
+    max-height: 83.3333333333%;
+  }
+  .h-xxl-10-12-min, .scale-h-xxl-10-12-min {
+    min-height: 83.3333333333%;
+  }
+
+  .h-xxl-11-12, .scale-h-xxl-11-12 {
+    height: 91.6666666667%;
+  }
+  .h-xxl-11-12-max, .scale-h-xxl-11-12-max {
+    max-height: 91.6666666667%;
+  }
+  .h-xxl-11-12-min, .scale-h-xxl-11-12-min {
+    min-height: 91.6666666667%;
+  }
+
+  .h-xxl-12-12, .scale-h-xxl-12-12 {
+    height: 100%;
+  }
+  .h-xxl-12-12-max, .scale-h-xxl-12-12-max {
+    max-height: 100%;
+  }
+  .h-xxl-12-12-min, .scale-h-xxl-12-12-min {
+    min-height: 100%;
+  }
+}
+@media only screen and (max-width: 90rem) {
+  .w-xl-full, .scale-w-xl-full {
+    width: 100%;
+  }
+  .w-xl-full-max, .scale-w-xl-full-max {
+    max-width: 100%;
+  }
+  .w-xl-full-min, .scale-w-xl-full-min {
+    min-width: 100%;
+  }
+
+  .w-xl-mid, .scale-w-xl-mid {
+    width: 50%;
+  }
+  .w-xl-mid-max, .scale-w-xl-mid-max {
+    max-width: 50%;
+  }
+  .w-xl-mid-min, .scale-w-xl-mid-min {
+    min-width: 50%;
+  }
+
+  .w-xl-quarter, .scale-w-xl-quarter {
+    width: 25%;
+  }
+  .w-xl-quarter-max, .scale-w-xl-quarter-max {
+    max-width: 25%;
+  }
+  .w-xl-quarter-min, .scale-w-xl-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-xl-tiers, .scale-w-xl-tiers {
+    width: 33%;
+  }
+  .w-xl-tiers-max, .scale-w-xl-tiers-max {
+    max-width: 33%;
+  }
+  .w-xl-tiers-min, .scale-w-xl-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-xl-content-max, .scale-w-xl-content-max {
+    width: max-content;
+  }
+  .w-xl-content-max-max, .scale-w-xl-content-max-max {
+    max-width: max-content;
+  }
+  .w-xl-content-max-min, .scale-w-xl-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-xl-content-min, .scale-w-xl-content-min {
+    width: min-content;
+  }
+  .w-xl-content-min-max, .scale-w-xl-content-min-max {
+    max-width: min-content;
+  }
+  .w-xl-content-min-min, .scale-w-xl-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-xl-1, .scale-w-xl-1 {
+    width: 1rem;
+  }
+  .w-xl-1-max, .scale-w-xl-1-max {
+    max-width: 1rem;
+  }
+  .w-xl-1-min, .scale-w-xl-1-min {
+    min-width: 1rem;
+  }
+
+  .w-xl-2, .scale-w-xl-2 {
+    width: 2rem;
+  }
+  .w-xl-2-max, .scale-w-xl-2-max {
+    max-width: 2rem;
+  }
+  .w-xl-2-min, .scale-w-xl-2-min {
+    min-width: 2rem;
+  }
+
+  .w-xl-4, .scale-w-xl-4 {
+    width: 4rem;
+  }
+  .w-xl-4-max, .scale-w-xl-4-max {
+    max-width: 4rem;
+  }
+  .w-xl-4-min, .scale-w-xl-4-min {
+    min-width: 4rem;
+  }
+
+  .w-xl-8, .scale-w-xl-8 {
+    width: 8rem;
+  }
+  .w-xl-8-max, .scale-w-xl-8-max {
+    max-width: 8rem;
+  }
+  .w-xl-8-min, .scale-w-xl-8-min {
+    min-width: 8rem;
+  }
+
+  .w-xl-16, .scale-w-xl-16 {
+    width: 16rem;
+  }
+  .w-xl-16-max, .scale-w-xl-16-max {
+    max-width: 16rem;
+  }
+  .w-xl-16-min, .scale-w-xl-16-min {
+    min-width: 16rem;
+  }
+
+  .w-xl-24, .scale-w-xl-24 {
+    width: 24rem;
+  }
+  .w-xl-24-max, .scale-w-xl-24-max {
+    max-width: 24rem;
+  }
+  .w-xl-24-min, .scale-w-xl-24-min {
+    min-width: 24rem;
+  }
+
+  .w-xl-32, .scale-w-xl-32 {
+    width: 32rem;
+  }
+  .w-xl-32-max, .scale-w-xl-32-max {
+    max-width: 32rem;
+  }
+  .w-xl-32-min, .scale-w-xl-32-min {
+    min-width: 32rem;
+  }
+
+  .w-xl-48, .scale-w-xl-48 {
+    width: 48rem;
+  }
+  .w-xl-48-max, .scale-w-xl-48-max {
+    max-width: 48rem;
+  }
+  .w-xl-48-min, .scale-w-xl-48-min {
+    min-width: 48rem;
+  }
+
+  .w-xl-64, .scale-w-xl-64 {
+    width: 64rem;
+  }
+  .w-xl-64-max, .scale-w-xl-64-max {
+    max-width: 64rem;
+  }
+  .w-xl-64-min, .scale-w-xl-64-min {
+    min-width: 64rem;
+  }
+
+  .w-xl-1-5, .scale-w-xl-1-5 {
+    width: 20%;
+  }
+  .w-xl-1-5-max, .scale-w-xl-1-5-max {
+    max-width: 20%;
+  }
+  .w-xl-1-5-min, .scale-w-xl-1-5-min {
+    min-width: 20%;
+  }
+
+  .w-xl-2-5, .scale-w-xl-2-5 {
+    width: 40%;
+  }
+  .w-xl-2-5-max, .scale-w-xl-2-5-max {
+    max-width: 40%;
+  }
+  .w-xl-2-5-min, .scale-w-xl-2-5-min {
+    min-width: 40%;
+  }
+
+  .w-xl-3-5, .scale-w-xl-3-5 {
+    width: 60%;
+  }
+  .w-xl-3-5-max, .scale-w-xl-3-5-max {
+    max-width: 60%;
+  }
+  .w-xl-3-5-min, .scale-w-xl-3-5-min {
+    min-width: 60%;
+  }
+
+  .w-xl-4-5, .scale-w-xl-4-5 {
+    width: 80%;
+  }
+  .w-xl-4-5-max, .scale-w-xl-4-5-max {
+    max-width: 80%;
+  }
+  .w-xl-4-5-min, .scale-w-xl-4-5-min {
+    min-width: 80%;
+  }
+
+  .w-xl-5-5, .scale-w-xl-5-5 {
+    width: 100%;
+  }
+  .w-xl-5-5-max, .scale-w-xl-5-5-max {
+    max-width: 100%;
+  }
+  .w-xl-5-5-min, .scale-w-xl-5-5-min {
+    min-width: 100%;
+  }
+
+  .w-xl-1-12, .scale-w-xl-1-12 {
+    width: 8.3333333333%;
+  }
+  .w-xl-1-12-max, .scale-w-xl-1-12-max {
+    max-width: 8.3333333333%;
+  }
+  .w-xl-1-12-min, .scale-w-xl-1-12-min {
+    min-width: 8.3333333333%;
+  }
+
+  .w-xl-2-12, .scale-w-xl-2-12 {
+    width: 16.6666666667%;
+  }
+  .w-xl-2-12-max, .scale-w-xl-2-12-max {
+    max-width: 16.6666666667%;
+  }
+  .w-xl-2-12-min, .scale-w-xl-2-12-min {
+    min-width: 16.6666666667%;
+  }
+
+  .w-xl-3-12, .scale-w-xl-3-12 {
+    width: 25%;
+  }
+  .w-xl-3-12-max, .scale-w-xl-3-12-max {
+    max-width: 25%;
+  }
+  .w-xl-3-12-min, .scale-w-xl-3-12-min {
+    min-width: 25%;
+  }
+
+  .w-xl-4-12, .scale-w-xl-4-12 {
+    width: 33.3333333333%;
+  }
+  .w-xl-4-12-max, .scale-w-xl-4-12-max {
+    max-width: 33.3333333333%;
+  }
+  .w-xl-4-12-min, .scale-w-xl-4-12-min {
+    min-width: 33.3333333333%;
+  }
+
+  .w-xl-5-12, .scale-w-xl-5-12 {
+    width: 41.6666666667%;
+  }
+  .w-xl-5-12-max, .scale-w-xl-5-12-max {
+    max-width: 41.6666666667%;
+  }
+  .w-xl-5-12-min, .scale-w-xl-5-12-min {
+    min-width: 41.6666666667%;
+  }
+
+  .w-xl-6-12, .scale-w-xl-6-12 {
+    width: 50%;
+  }
+  .w-xl-6-12-max, .scale-w-xl-6-12-max {
+    max-width: 50%;
+  }
+  .w-xl-6-12-min, .scale-w-xl-6-12-min {
+    min-width: 50%;
+  }
+
+  .w-xl-7-12, .scale-w-xl-7-12 {
+    width: 58.3333333333%;
+  }
+  .w-xl-7-12-max, .scale-w-xl-7-12-max {
+    max-width: 58.3333333333%;
+  }
+  .w-xl-7-12-min, .scale-w-xl-7-12-min {
+    min-width: 58.3333333333%;
+  }
+
+  .w-xl-8-12, .scale-w-xl-8-12 {
+    width: 66.6666666667%;
+  }
+  .w-xl-8-12-max, .scale-w-xl-8-12-max {
+    max-width: 66.6666666667%;
+  }
+  .w-xl-8-12-min, .scale-w-xl-8-12-min {
+    min-width: 66.6666666667%;
+  }
+
+  .w-xl-9-12, .scale-w-xl-9-12 {
+    width: 75%;
+  }
+  .w-xl-9-12-max, .scale-w-xl-9-12-max {
+    max-width: 75%;
+  }
+  .w-xl-9-12-min, .scale-w-xl-9-12-min {
+    min-width: 75%;
+  }
+
+  .w-xl-10-12, .scale-w-xl-10-12 {
+    width: 83.3333333333%;
+  }
+  .w-xl-10-12-max, .scale-w-xl-10-12-max {
+    max-width: 83.3333333333%;
+  }
+  .w-xl-10-12-min, .scale-w-xl-10-12-min {
+    min-width: 83.3333333333%;
+  }
+
+  .w-xl-11-12, .scale-w-xl-11-12 {
+    width: 91.6666666667%;
+  }
+  .w-xl-11-12-max, .scale-w-xl-11-12-max {
+    max-width: 91.6666666667%;
+  }
+  .w-xl-11-12-min, .scale-w-xl-11-12-min {
+    min-width: 91.6666666667%;
+  }
+
+  .w-xl-12-12, .scale-w-xl-12-12 {
+    width: 100%;
+  }
+  .w-xl-12-12-max, .scale-w-xl-12-12-max {
+    max-width: 100%;
+  }
+  .w-xl-12-12-min, .scale-w-xl-12-12-min {
+    min-width: 100%;
+  }
+
+  .h-xl-full, .scale-h-xl-full {
+    height: 100%;
+  }
+  .h-xl-full-max, .scale-h-xl-full-max {
+    max-height: 100%;
+  }
+  .h-xl-full-min, .scale-h-xl-full-min {
+    min-height: 100%;
+  }
+
+  .h-xl-mid, .scale-h-xl-mid {
+    height: 50%;
+  }
+  .h-xl-mid-max, .scale-h-xl-mid-max {
+    max-height: 50%;
+  }
+  .h-xl-mid-min, .scale-h-xl-mid-min {
+    min-height: 50%;
+  }
+
+  .h-xl-quarter, .scale-h-xl-quarter {
+    height: 25%;
+  }
+  .h-xl-quarter-max, .scale-h-xl-quarter-max {
+    max-height: 25%;
+  }
+  .h-xl-quarter-min, .scale-h-xl-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-xl-tiers, .scale-h-xl-tiers {
+    height: 33%;
+  }
+  .h-xl-tiers-max, .scale-h-xl-tiers-max {
+    max-height: 33%;
+  }
+  .h-xl-tiers-min, .scale-h-xl-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-xl-content-max, .scale-h-xl-content-max {
+    height: max-content;
+  }
+  .h-xl-content-max-max, .scale-h-xl-content-max-max {
+    max-height: max-content;
+  }
+  .h-xl-content-max-min, .scale-h-xl-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-xl-content-min, .scale-h-xl-content-min {
+    height: min-content;
+  }
+  .h-xl-content-min-max, .scale-h-xl-content-min-max {
+    max-height: min-content;
+  }
+  .h-xl-content-min-min, .scale-h-xl-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-xl-1, .scale-h-xl-1 {
+    height: 1rem;
+  }
+  .h-xl-1-max, .scale-h-xl-1-max {
+    max-height: 1rem;
+  }
+  .h-xl-1-min, .scale-h-xl-1-min {
+    min-height: 1rem;
+  }
+
+  .h-xl-2, .scale-h-xl-2 {
+    height: 2rem;
+  }
+  .h-xl-2-max, .scale-h-xl-2-max {
+    max-height: 2rem;
+  }
+  .h-xl-2-min, .scale-h-xl-2-min {
+    min-height: 2rem;
+  }
+
+  .h-xl-4, .scale-h-xl-4 {
+    height: 4rem;
+  }
+  .h-xl-4-max, .scale-h-xl-4-max {
+    max-height: 4rem;
+  }
+  .h-xl-4-min, .scale-h-xl-4-min {
+    min-height: 4rem;
+  }
+
+  .h-xl-8, .scale-h-xl-8 {
+    height: 8rem;
+  }
+  .h-xl-8-max, .scale-h-xl-8-max {
+    max-height: 8rem;
+  }
+  .h-xl-8-min, .scale-h-xl-8-min {
+    min-height: 8rem;
+  }
+
+  .h-xl-16, .scale-h-xl-16 {
+    height: 16rem;
+  }
+  .h-xl-16-max, .scale-h-xl-16-max {
+    max-height: 16rem;
+  }
+  .h-xl-16-min, .scale-h-xl-16-min {
+    min-height: 16rem;
+  }
+
+  .h-xl-24, .scale-h-xl-24 {
+    height: 24rem;
+  }
+  .h-xl-24-max, .scale-h-xl-24-max {
+    max-height: 24rem;
+  }
+  .h-xl-24-min, .scale-h-xl-24-min {
+    min-height: 24rem;
+  }
+
+  .h-xl-32, .scale-h-xl-32 {
+    height: 32rem;
+  }
+  .h-xl-32-max, .scale-h-xl-32-max {
+    max-height: 32rem;
+  }
+  .h-xl-32-min, .scale-h-xl-32-min {
+    min-height: 32rem;
+  }
+
+  .h-xl-48, .scale-h-xl-48 {
+    height: 48rem;
+  }
+  .h-xl-48-max, .scale-h-xl-48-max {
+    max-height: 48rem;
+  }
+  .h-xl-48-min, .scale-h-xl-48-min {
+    min-height: 48rem;
+  }
+
+  .h-xl-64, .scale-h-xl-64 {
+    height: 64rem;
+  }
+  .h-xl-64-max, .scale-h-xl-64-max {
+    max-height: 64rem;
+  }
+  .h-xl-64-min, .scale-h-xl-64-min {
+    min-height: 64rem;
+  }
+
+  .h-xl-1-5, .scale-h-xl-1-5 {
+    height: 20%;
+  }
+  .h-xl-1-5-max, .scale-h-xl-1-5-max {
+    max-height: 20%;
+  }
+  .h-xl-1-5-min, .scale-h-xl-1-5-min {
+    min-height: 20%;
+  }
+
+  .h-xl-2-5, .scale-h-xl-2-5 {
+    height: 40%;
+  }
+  .h-xl-2-5-max, .scale-h-xl-2-5-max {
+    max-height: 40%;
+  }
+  .h-xl-2-5-min, .scale-h-xl-2-5-min {
+    min-height: 40%;
+  }
+
+  .h-xl-3-5, .scale-h-xl-3-5 {
+    height: 60%;
+  }
+  .h-xl-3-5-max, .scale-h-xl-3-5-max {
+    max-height: 60%;
+  }
+  .h-xl-3-5-min, .scale-h-xl-3-5-min {
+    min-height: 60%;
+  }
+
+  .h-xl-4-5, .scale-h-xl-4-5 {
+    height: 80%;
+  }
+  .h-xl-4-5-max, .scale-h-xl-4-5-max {
+    max-height: 80%;
+  }
+  .h-xl-4-5-min, .scale-h-xl-4-5-min {
+    min-height: 80%;
+  }
+
+  .h-xl-5-5, .scale-h-xl-5-5 {
+    height: 100%;
+  }
+  .h-xl-5-5-max, .scale-h-xl-5-5-max {
+    max-height: 100%;
+  }
+  .h-xl-5-5-min, .scale-h-xl-5-5-min {
+    min-height: 100%;
+  }
+
+  .h-xl-1-12, .scale-h-xl-1-12 {
+    height: 8.3333333333%;
+  }
+  .h-xl-1-12-max, .scale-h-xl-1-12-max {
+    max-height: 8.3333333333%;
+  }
+  .h-xl-1-12-min, .scale-h-xl-1-12-min {
+    min-height: 8.3333333333%;
+  }
+
+  .h-xl-2-12, .scale-h-xl-2-12 {
+    height: 16.6666666667%;
+  }
+  .h-xl-2-12-max, .scale-h-xl-2-12-max {
+    max-height: 16.6666666667%;
+  }
+  .h-xl-2-12-min, .scale-h-xl-2-12-min {
+    min-height: 16.6666666667%;
+  }
+
+  .h-xl-3-12, .scale-h-xl-3-12 {
+    height: 25%;
+  }
+  .h-xl-3-12-max, .scale-h-xl-3-12-max {
+    max-height: 25%;
+  }
+  .h-xl-3-12-min, .scale-h-xl-3-12-min {
+    min-height: 25%;
+  }
+
+  .h-xl-4-12, .scale-h-xl-4-12 {
+    height: 33.3333333333%;
+  }
+  .h-xl-4-12-max, .scale-h-xl-4-12-max {
+    max-height: 33.3333333333%;
+  }
+  .h-xl-4-12-min, .scale-h-xl-4-12-min {
+    min-height: 33.3333333333%;
+  }
+
+  .h-xl-5-12, .scale-h-xl-5-12 {
+    height: 41.6666666667%;
+  }
+  .h-xl-5-12-max, .scale-h-xl-5-12-max {
+    max-height: 41.6666666667%;
+  }
+  .h-xl-5-12-min, .scale-h-xl-5-12-min {
+    min-height: 41.6666666667%;
+  }
+
+  .h-xl-6-12, .scale-h-xl-6-12 {
+    height: 50%;
+  }
+  .h-xl-6-12-max, .scale-h-xl-6-12-max {
+    max-height: 50%;
+  }
+  .h-xl-6-12-min, .scale-h-xl-6-12-min {
+    min-height: 50%;
+  }
+
+  .h-xl-7-12, .scale-h-xl-7-12 {
+    height: 58.3333333333%;
+  }
+  .h-xl-7-12-max, .scale-h-xl-7-12-max {
+    max-height: 58.3333333333%;
+  }
+  .h-xl-7-12-min, .scale-h-xl-7-12-min {
+    min-height: 58.3333333333%;
+  }
+
+  .h-xl-8-12, .scale-h-xl-8-12 {
+    height: 66.6666666667%;
+  }
+  .h-xl-8-12-max, .scale-h-xl-8-12-max {
+    max-height: 66.6666666667%;
+  }
+  .h-xl-8-12-min, .scale-h-xl-8-12-min {
+    min-height: 66.6666666667%;
+  }
+
+  .h-xl-9-12, .scale-h-xl-9-12 {
+    height: 75%;
+  }
+  .h-xl-9-12-max, .scale-h-xl-9-12-max {
+    max-height: 75%;
+  }
+  .h-xl-9-12-min, .scale-h-xl-9-12-min {
+    min-height: 75%;
+  }
+
+  .h-xl-10-12, .scale-h-xl-10-12 {
+    height: 83.3333333333%;
+  }
+  .h-xl-10-12-max, .scale-h-xl-10-12-max {
+    max-height: 83.3333333333%;
+  }
+  .h-xl-10-12-min, .scale-h-xl-10-12-min {
+    min-height: 83.3333333333%;
+  }
+
+  .h-xl-11-12, .scale-h-xl-11-12 {
+    height: 91.6666666667%;
+  }
+  .h-xl-11-12-max, .scale-h-xl-11-12-max {
+    max-height: 91.6666666667%;
+  }
+  .h-xl-11-12-min, .scale-h-xl-11-12-min {
+    min-height: 91.6666666667%;
+  }
+
+  .h-xl-12-12, .scale-h-xl-12-12 {
+    height: 100%;
+  }
+  .h-xl-12-12-max, .scale-h-xl-12-12-max {
+    max-height: 100%;
+  }
+  .h-xl-12-12-min, .scale-h-xl-12-12-min {
+    min-height: 100%;
+  }
+}
+@media only screen and (max-width: 64rem) {
+  .w-lg-full, .scale-w-lg-full {
+    width: 100%;
+  }
+  .w-lg-full-max, .scale-w-lg-full-max {
+    max-width: 100%;
+  }
+  .w-lg-full-min, .scale-w-lg-full-min {
+    min-width: 100%;
+  }
+
+  .w-lg-mid, .scale-w-lg-mid {
+    width: 50%;
+  }
+  .w-lg-mid-max, .scale-w-lg-mid-max {
+    max-width: 50%;
+  }
+  .w-lg-mid-min, .scale-w-lg-mid-min {
+    min-width: 50%;
+  }
+
+  .w-lg-quarter, .scale-w-lg-quarter {
+    width: 25%;
+  }
+  .w-lg-quarter-max, .scale-w-lg-quarter-max {
+    max-width: 25%;
+  }
+  .w-lg-quarter-min, .scale-w-lg-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-lg-tiers, .scale-w-lg-tiers {
+    width: 33%;
+  }
+  .w-lg-tiers-max, .scale-w-lg-tiers-max {
+    max-width: 33%;
+  }
+  .w-lg-tiers-min, .scale-w-lg-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-lg-content-max, .scale-w-lg-content-max {
+    width: max-content;
+  }
+  .w-lg-content-max-max, .scale-w-lg-content-max-max {
+    max-width: max-content;
+  }
+  .w-lg-content-max-min, .scale-w-lg-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-lg-content-min, .scale-w-lg-content-min {
+    width: min-content;
+  }
+  .w-lg-content-min-max, .scale-w-lg-content-min-max {
+    max-width: min-content;
+  }
+  .w-lg-content-min-min, .scale-w-lg-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-lg-1, .scale-w-lg-1 {
+    width: 1rem;
+  }
+  .w-lg-1-max, .scale-w-lg-1-max {
+    max-width: 1rem;
+  }
+  .w-lg-1-min, .scale-w-lg-1-min {
+    min-width: 1rem;
+  }
+
+  .w-lg-2, .scale-w-lg-2 {
+    width: 2rem;
+  }
+  .w-lg-2-max, .scale-w-lg-2-max {
+    max-width: 2rem;
+  }
+  .w-lg-2-min, .scale-w-lg-2-min {
+    min-width: 2rem;
+  }
+
+  .w-lg-4, .scale-w-lg-4 {
+    width: 4rem;
+  }
+  .w-lg-4-max, .scale-w-lg-4-max {
+    max-width: 4rem;
+  }
+  .w-lg-4-min, .scale-w-lg-4-min {
+    min-width: 4rem;
+  }
+
+  .w-lg-8, .scale-w-lg-8 {
+    width: 8rem;
+  }
+  .w-lg-8-max, .scale-w-lg-8-max {
+    max-width: 8rem;
+  }
+  .w-lg-8-min, .scale-w-lg-8-min {
+    min-width: 8rem;
+  }
+
+  .w-lg-16, .scale-w-lg-16 {
+    width: 16rem;
+  }
+  .w-lg-16-max, .scale-w-lg-16-max {
+    max-width: 16rem;
+  }
+  .w-lg-16-min, .scale-w-lg-16-min {
+    min-width: 16rem;
+  }
+
+  .w-lg-24, .scale-w-lg-24 {
+    width: 24rem;
+  }
+  .w-lg-24-max, .scale-w-lg-24-max {
+    max-width: 24rem;
+  }
+  .w-lg-24-min, .scale-w-lg-24-min {
+    min-width: 24rem;
+  }
+
+  .w-lg-32, .scale-w-lg-32 {
+    width: 32rem;
+  }
+  .w-lg-32-max, .scale-w-lg-32-max {
+    max-width: 32rem;
+  }
+  .w-lg-32-min, .scale-w-lg-32-min {
+    min-width: 32rem;
+  }
+
+  .w-lg-48, .scale-w-lg-48 {
+    width: 48rem;
+  }
+  .w-lg-48-max, .scale-w-lg-48-max {
+    max-width: 48rem;
+  }
+  .w-lg-48-min, .scale-w-lg-48-min {
+    min-width: 48rem;
+  }
+
+  .w-lg-64, .scale-w-lg-64 {
+    width: 64rem;
+  }
+  .w-lg-64-max, .scale-w-lg-64-max {
+    max-width: 64rem;
+  }
+  .w-lg-64-min, .scale-w-lg-64-min {
+    min-width: 64rem;
+  }
+
+  .w-lg-1-5, .scale-w-lg-1-5 {
+    width: 20%;
+  }
+  .w-lg-1-5-max, .scale-w-lg-1-5-max {
+    max-width: 20%;
+  }
+  .w-lg-1-5-min, .scale-w-lg-1-5-min {
+    min-width: 20%;
+  }
+
+  .w-lg-2-5, .scale-w-lg-2-5 {
+    width: 40%;
+  }
+  .w-lg-2-5-max, .scale-w-lg-2-5-max {
+    max-width: 40%;
+  }
+  .w-lg-2-5-min, .scale-w-lg-2-5-min {
+    min-width: 40%;
+  }
+
+  .w-lg-3-5, .scale-w-lg-3-5 {
+    width: 60%;
+  }
+  .w-lg-3-5-max, .scale-w-lg-3-5-max {
+    max-width: 60%;
+  }
+  .w-lg-3-5-min, .scale-w-lg-3-5-min {
+    min-width: 60%;
+  }
+
+  .w-lg-4-5, .scale-w-lg-4-5 {
+    width: 80%;
+  }
+  .w-lg-4-5-max, .scale-w-lg-4-5-max {
+    max-width: 80%;
+  }
+  .w-lg-4-5-min, .scale-w-lg-4-5-min {
+    min-width: 80%;
+  }
+
+  .w-lg-5-5, .scale-w-lg-5-5 {
+    width: 100%;
+  }
+  .w-lg-5-5-max, .scale-w-lg-5-5-max {
+    max-width: 100%;
+  }
+  .w-lg-5-5-min, .scale-w-lg-5-5-min {
+    min-width: 100%;
+  }
+
+  .w-lg-1-12, .scale-w-lg-1-12 {
+    width: 8.3333333333%;
+  }
+  .w-lg-1-12-max, .scale-w-lg-1-12-max {
+    max-width: 8.3333333333%;
+  }
+  .w-lg-1-12-min, .scale-w-lg-1-12-min {
+    min-width: 8.3333333333%;
+  }
+
+  .w-lg-2-12, .scale-w-lg-2-12 {
+    width: 16.6666666667%;
+  }
+  .w-lg-2-12-max, .scale-w-lg-2-12-max {
+    max-width: 16.6666666667%;
+  }
+  .w-lg-2-12-min, .scale-w-lg-2-12-min {
+    min-width: 16.6666666667%;
+  }
+
+  .w-lg-3-12, .scale-w-lg-3-12 {
+    width: 25%;
+  }
+  .w-lg-3-12-max, .scale-w-lg-3-12-max {
+    max-width: 25%;
+  }
+  .w-lg-3-12-min, .scale-w-lg-3-12-min {
+    min-width: 25%;
+  }
+
+  .w-lg-4-12, .scale-w-lg-4-12 {
+    width: 33.3333333333%;
+  }
+  .w-lg-4-12-max, .scale-w-lg-4-12-max {
+    max-width: 33.3333333333%;
+  }
+  .w-lg-4-12-min, .scale-w-lg-4-12-min {
+    min-width: 33.3333333333%;
+  }
+
+  .w-lg-5-12, .scale-w-lg-5-12 {
+    width: 41.6666666667%;
+  }
+  .w-lg-5-12-max, .scale-w-lg-5-12-max {
+    max-width: 41.6666666667%;
+  }
+  .w-lg-5-12-min, .scale-w-lg-5-12-min {
+    min-width: 41.6666666667%;
+  }
+
+  .w-lg-6-12, .scale-w-lg-6-12 {
+    width: 50%;
+  }
+  .w-lg-6-12-max, .scale-w-lg-6-12-max {
+    max-width: 50%;
+  }
+  .w-lg-6-12-min, .scale-w-lg-6-12-min {
+    min-width: 50%;
+  }
+
+  .w-lg-7-12, .scale-w-lg-7-12 {
+    width: 58.3333333333%;
+  }
+  .w-lg-7-12-max, .scale-w-lg-7-12-max {
+    max-width: 58.3333333333%;
+  }
+  .w-lg-7-12-min, .scale-w-lg-7-12-min {
+    min-width: 58.3333333333%;
+  }
+
+  .w-lg-8-12, .scale-w-lg-8-12 {
+    width: 66.6666666667%;
+  }
+  .w-lg-8-12-max, .scale-w-lg-8-12-max {
+    max-width: 66.6666666667%;
+  }
+  .w-lg-8-12-min, .scale-w-lg-8-12-min {
+    min-width: 66.6666666667%;
+  }
+
+  .w-lg-9-12, .scale-w-lg-9-12 {
+    width: 75%;
+  }
+  .w-lg-9-12-max, .scale-w-lg-9-12-max {
+    max-width: 75%;
+  }
+  .w-lg-9-12-min, .scale-w-lg-9-12-min {
+    min-width: 75%;
+  }
+
+  .w-lg-10-12, .scale-w-lg-10-12 {
+    width: 83.3333333333%;
+  }
+  .w-lg-10-12-max, .scale-w-lg-10-12-max {
+    max-width: 83.3333333333%;
+  }
+  .w-lg-10-12-min, .scale-w-lg-10-12-min {
+    min-width: 83.3333333333%;
+  }
+
+  .w-lg-11-12, .scale-w-lg-11-12 {
+    width: 91.6666666667%;
+  }
+  .w-lg-11-12-max, .scale-w-lg-11-12-max {
+    max-width: 91.6666666667%;
+  }
+  .w-lg-11-12-min, .scale-w-lg-11-12-min {
+    min-width: 91.6666666667%;
+  }
+
+  .w-lg-12-12, .scale-w-lg-12-12 {
+    width: 100%;
+  }
+  .w-lg-12-12-max, .scale-w-lg-12-12-max {
+    max-width: 100%;
+  }
+  .w-lg-12-12-min, .scale-w-lg-12-12-min {
+    min-width: 100%;
+  }
+
+  .h-lg-full, .scale-h-lg-full {
+    height: 100%;
+  }
+  .h-lg-full-max, .scale-h-lg-full-max {
+    max-height: 100%;
+  }
+  .h-lg-full-min, .scale-h-lg-full-min {
+    min-height: 100%;
+  }
+
+  .h-lg-mid, .scale-h-lg-mid {
+    height: 50%;
+  }
+  .h-lg-mid-max, .scale-h-lg-mid-max {
+    max-height: 50%;
+  }
+  .h-lg-mid-min, .scale-h-lg-mid-min {
+    min-height: 50%;
+  }
+
+  .h-lg-quarter, .scale-h-lg-quarter {
+    height: 25%;
+  }
+  .h-lg-quarter-max, .scale-h-lg-quarter-max {
+    max-height: 25%;
+  }
+  .h-lg-quarter-min, .scale-h-lg-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-lg-tiers, .scale-h-lg-tiers {
+    height: 33%;
+  }
+  .h-lg-tiers-max, .scale-h-lg-tiers-max {
+    max-height: 33%;
+  }
+  .h-lg-tiers-min, .scale-h-lg-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-lg-content-max, .scale-h-lg-content-max {
+    height: max-content;
+  }
+  .h-lg-content-max-max, .scale-h-lg-content-max-max {
+    max-height: max-content;
+  }
+  .h-lg-content-max-min, .scale-h-lg-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-lg-content-min, .scale-h-lg-content-min {
+    height: min-content;
+  }
+  .h-lg-content-min-max, .scale-h-lg-content-min-max {
+    max-height: min-content;
+  }
+  .h-lg-content-min-min, .scale-h-lg-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-lg-1, .scale-h-lg-1 {
+    height: 1rem;
+  }
+  .h-lg-1-max, .scale-h-lg-1-max {
+    max-height: 1rem;
+  }
+  .h-lg-1-min, .scale-h-lg-1-min {
+    min-height: 1rem;
+  }
+
+  .h-lg-2, .scale-h-lg-2 {
+    height: 2rem;
+  }
+  .h-lg-2-max, .scale-h-lg-2-max {
+    max-height: 2rem;
+  }
+  .h-lg-2-min, .scale-h-lg-2-min {
+    min-height: 2rem;
+  }
+
+  .h-lg-4, .scale-h-lg-4 {
+    height: 4rem;
+  }
+  .h-lg-4-max, .scale-h-lg-4-max {
+    max-height: 4rem;
+  }
+  .h-lg-4-min, .scale-h-lg-4-min {
+    min-height: 4rem;
+  }
+
+  .h-lg-8, .scale-h-lg-8 {
+    height: 8rem;
+  }
+  .h-lg-8-max, .scale-h-lg-8-max {
+    max-height: 8rem;
+  }
+  .h-lg-8-min, .scale-h-lg-8-min {
+    min-height: 8rem;
+  }
+
+  .h-lg-16, .scale-h-lg-16 {
+    height: 16rem;
+  }
+  .h-lg-16-max, .scale-h-lg-16-max {
+    max-height: 16rem;
+  }
+  .h-lg-16-min, .scale-h-lg-16-min {
+    min-height: 16rem;
+  }
+
+  .h-lg-24, .scale-h-lg-24 {
+    height: 24rem;
+  }
+  .h-lg-24-max, .scale-h-lg-24-max {
+    max-height: 24rem;
+  }
+  .h-lg-24-min, .scale-h-lg-24-min {
+    min-height: 24rem;
+  }
+
+  .h-lg-32, .scale-h-lg-32 {
+    height: 32rem;
+  }
+  .h-lg-32-max, .scale-h-lg-32-max {
+    max-height: 32rem;
+  }
+  .h-lg-32-min, .scale-h-lg-32-min {
+    min-height: 32rem;
+  }
+
+  .h-lg-48, .scale-h-lg-48 {
+    height: 48rem;
+  }
+  .h-lg-48-max, .scale-h-lg-48-max {
+    max-height: 48rem;
+  }
+  .h-lg-48-min, .scale-h-lg-48-min {
+    min-height: 48rem;
+  }
+
+  .h-lg-64, .scale-h-lg-64 {
+    height: 64rem;
+  }
+  .h-lg-64-max, .scale-h-lg-64-max {
+    max-height: 64rem;
+  }
+  .h-lg-64-min, .scale-h-lg-64-min {
+    min-height: 64rem;
+  }
+
+  .h-lg-1-5, .scale-h-lg-1-5 {
+    height: 20%;
+  }
+  .h-lg-1-5-max, .scale-h-lg-1-5-max {
+    max-height: 20%;
+  }
+  .h-lg-1-5-min, .scale-h-lg-1-5-min {
+    min-height: 20%;
+  }
+
+  .h-lg-2-5, .scale-h-lg-2-5 {
+    height: 40%;
+  }
+  .h-lg-2-5-max, .scale-h-lg-2-5-max {
+    max-height: 40%;
+  }
+  .h-lg-2-5-min, .scale-h-lg-2-5-min {
+    min-height: 40%;
+  }
+
+  .h-lg-3-5, .scale-h-lg-3-5 {
+    height: 60%;
+  }
+  .h-lg-3-5-max, .scale-h-lg-3-5-max {
+    max-height: 60%;
+  }
+  .h-lg-3-5-min, .scale-h-lg-3-5-min {
+    min-height: 60%;
+  }
+
+  .h-lg-4-5, .scale-h-lg-4-5 {
+    height: 80%;
+  }
+  .h-lg-4-5-max, .scale-h-lg-4-5-max {
+    max-height: 80%;
+  }
+  .h-lg-4-5-min, .scale-h-lg-4-5-min {
+    min-height: 80%;
+  }
+
+  .h-lg-5-5, .scale-h-lg-5-5 {
+    height: 100%;
+  }
+  .h-lg-5-5-max, .scale-h-lg-5-5-max {
+    max-height: 100%;
+  }
+  .h-lg-5-5-min, .scale-h-lg-5-5-min {
+    min-height: 100%;
+  }
+
+  .h-lg-1-12, .scale-h-lg-1-12 {
+    height: 8.3333333333%;
+  }
+  .h-lg-1-12-max, .scale-h-lg-1-12-max {
+    max-height: 8.3333333333%;
+  }
+  .h-lg-1-12-min, .scale-h-lg-1-12-min {
+    min-height: 8.3333333333%;
+  }
+
+  .h-lg-2-12, .scale-h-lg-2-12 {
+    height: 16.6666666667%;
+  }
+  .h-lg-2-12-max, .scale-h-lg-2-12-max {
+    max-height: 16.6666666667%;
+  }
+  .h-lg-2-12-min, .scale-h-lg-2-12-min {
+    min-height: 16.6666666667%;
+  }
+
+  .h-lg-3-12, .scale-h-lg-3-12 {
+    height: 25%;
+  }
+  .h-lg-3-12-max, .scale-h-lg-3-12-max {
+    max-height: 25%;
+  }
+  .h-lg-3-12-min, .scale-h-lg-3-12-min {
+    min-height: 25%;
+  }
+
+  .h-lg-4-12, .scale-h-lg-4-12 {
+    height: 33.3333333333%;
+  }
+  .h-lg-4-12-max, .scale-h-lg-4-12-max {
+    max-height: 33.3333333333%;
+  }
+  .h-lg-4-12-min, .scale-h-lg-4-12-min {
+    min-height: 33.3333333333%;
+  }
+
+  .h-lg-5-12, .scale-h-lg-5-12 {
+    height: 41.6666666667%;
+  }
+  .h-lg-5-12-max, .scale-h-lg-5-12-max {
+    max-height: 41.6666666667%;
+  }
+  .h-lg-5-12-min, .scale-h-lg-5-12-min {
+    min-height: 41.6666666667%;
+  }
+
+  .h-lg-6-12, .scale-h-lg-6-12 {
+    height: 50%;
+  }
+  .h-lg-6-12-max, .scale-h-lg-6-12-max {
+    max-height: 50%;
+  }
+  .h-lg-6-12-min, .scale-h-lg-6-12-min {
+    min-height: 50%;
+  }
+
+  .h-lg-7-12, .scale-h-lg-7-12 {
+    height: 58.3333333333%;
+  }
+  .h-lg-7-12-max, .scale-h-lg-7-12-max {
+    max-height: 58.3333333333%;
+  }
+  .h-lg-7-12-min, .scale-h-lg-7-12-min {
+    min-height: 58.3333333333%;
+  }
+
+  .h-lg-8-12, .scale-h-lg-8-12 {
+    height: 66.6666666667%;
+  }
+  .h-lg-8-12-max, .scale-h-lg-8-12-max {
+    max-height: 66.6666666667%;
+  }
+  .h-lg-8-12-min, .scale-h-lg-8-12-min {
+    min-height: 66.6666666667%;
+  }
+
+  .h-lg-9-12, .scale-h-lg-9-12 {
+    height: 75%;
+  }
+  .h-lg-9-12-max, .scale-h-lg-9-12-max {
+    max-height: 75%;
+  }
+  .h-lg-9-12-min, .scale-h-lg-9-12-min {
+    min-height: 75%;
+  }
+
+  .h-lg-10-12, .scale-h-lg-10-12 {
+    height: 83.3333333333%;
+  }
+  .h-lg-10-12-max, .scale-h-lg-10-12-max {
+    max-height: 83.3333333333%;
+  }
+  .h-lg-10-12-min, .scale-h-lg-10-12-min {
+    min-height: 83.3333333333%;
+  }
+
+  .h-lg-11-12, .scale-h-lg-11-12 {
+    height: 91.6666666667%;
+  }
+  .h-lg-11-12-max, .scale-h-lg-11-12-max {
+    max-height: 91.6666666667%;
+  }
+  .h-lg-11-12-min, .scale-h-lg-11-12-min {
+    min-height: 91.6666666667%;
+  }
+
+  .h-lg-12-12, .scale-h-lg-12-12 {
+    height: 100%;
+  }
+  .h-lg-12-12-max, .scale-h-lg-12-12-max {
+    max-height: 100%;
+  }
+  .h-lg-12-12-min, .scale-h-lg-12-12-min {
+    min-height: 100%;
+  }
+}
+@media only screen and (max-width: 48rem) {
+  .w-md-full, .scale-w-md-full {
+    width: 100%;
+  }
+  .w-md-full-max, .scale-w-md-full-max {
+    max-width: 100%;
+  }
+  .w-md-full-min, .scale-w-md-full-min {
+    min-width: 100%;
+  }
+
+  .w-md-mid, .scale-w-md-mid {
+    width: 50%;
+  }
+  .w-md-mid-max, .scale-w-md-mid-max {
+    max-width: 50%;
+  }
+  .w-md-mid-min, .scale-w-md-mid-min {
+    min-width: 50%;
+  }
+
+  .w-md-quarter, .scale-w-md-quarter {
+    width: 25%;
+  }
+  .w-md-quarter-max, .scale-w-md-quarter-max {
+    max-width: 25%;
+  }
+  .w-md-quarter-min, .scale-w-md-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-md-tiers, .scale-w-md-tiers {
+    width: 33%;
+  }
+  .w-md-tiers-max, .scale-w-md-tiers-max {
+    max-width: 33%;
+  }
+  .w-md-tiers-min, .scale-w-md-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-md-content-max, .scale-w-md-content-max {
+    width: max-content;
+  }
+  .w-md-content-max-max, .scale-w-md-content-max-max {
+    max-width: max-content;
+  }
+  .w-md-content-max-min, .scale-w-md-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-md-content-min, .scale-w-md-content-min {
+    width: min-content;
+  }
+  .w-md-content-min-max, .scale-w-md-content-min-max {
+    max-width: min-content;
+  }
+  .w-md-content-min-min, .scale-w-md-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-md-1, .scale-w-md-1 {
+    width: 1rem;
+  }
+  .w-md-1-max, .scale-w-md-1-max {
+    max-width: 1rem;
+  }
+  .w-md-1-min, .scale-w-md-1-min {
+    min-width: 1rem;
+  }
+
+  .w-md-2, .scale-w-md-2 {
+    width: 2rem;
+  }
+  .w-md-2-max, .scale-w-md-2-max {
+    max-width: 2rem;
+  }
+  .w-md-2-min, .scale-w-md-2-min {
+    min-width: 2rem;
+  }
+
+  .w-md-4, .scale-w-md-4 {
+    width: 4rem;
+  }
+  .w-md-4-max, .scale-w-md-4-max {
+    max-width: 4rem;
+  }
+  .w-md-4-min, .scale-w-md-4-min {
+    min-width: 4rem;
+  }
+
+  .w-md-8, .scale-w-md-8 {
+    width: 8rem;
+  }
+  .w-md-8-max, .scale-w-md-8-max {
+    max-width: 8rem;
+  }
+  .w-md-8-min, .scale-w-md-8-min {
+    min-width: 8rem;
+  }
+
+  .w-md-16, .scale-w-md-16 {
+    width: 16rem;
+  }
+  .w-md-16-max, .scale-w-md-16-max {
+    max-width: 16rem;
+  }
+  .w-md-16-min, .scale-w-md-16-min {
+    min-width: 16rem;
+  }
+
+  .w-md-24, .scale-w-md-24 {
+    width: 24rem;
+  }
+  .w-md-24-max, .scale-w-md-24-max {
+    max-width: 24rem;
+  }
+  .w-md-24-min, .scale-w-md-24-min {
+    min-width: 24rem;
+  }
+
+  .w-md-32, .scale-w-md-32 {
+    width: 32rem;
+  }
+  .w-md-32-max, .scale-w-md-32-max {
+    max-width: 32rem;
+  }
+  .w-md-32-min, .scale-w-md-32-min {
+    min-width: 32rem;
+  }
+
+  .w-md-48, .scale-w-md-48 {
+    width: 48rem;
+  }
+  .w-md-48-max, .scale-w-md-48-max {
+    max-width: 48rem;
+  }
+  .w-md-48-min, .scale-w-md-48-min {
+    min-width: 48rem;
+  }
+
+  .w-md-64, .scale-w-md-64 {
+    width: 64rem;
+  }
+  .w-md-64-max, .scale-w-md-64-max {
+    max-width: 64rem;
+  }
+  .w-md-64-min, .scale-w-md-64-min {
+    min-width: 64rem;
+  }
+
+  .w-md-1-5, .scale-w-md-1-5 {
+    width: 20%;
+  }
+  .w-md-1-5-max, .scale-w-md-1-5-max {
+    max-width: 20%;
+  }
+  .w-md-1-5-min, .scale-w-md-1-5-min {
+    min-width: 20%;
+  }
+
+  .w-md-2-5, .scale-w-md-2-5 {
+    width: 40%;
+  }
+  .w-md-2-5-max, .scale-w-md-2-5-max {
+    max-width: 40%;
+  }
+  .w-md-2-5-min, .scale-w-md-2-5-min {
+    min-width: 40%;
+  }
+
+  .w-md-3-5, .scale-w-md-3-5 {
+    width: 60%;
+  }
+  .w-md-3-5-max, .scale-w-md-3-5-max {
+    max-width: 60%;
+  }
+  .w-md-3-5-min, .scale-w-md-3-5-min {
+    min-width: 60%;
+  }
+
+  .w-md-4-5, .scale-w-md-4-5 {
+    width: 80%;
+  }
+  .w-md-4-5-max, .scale-w-md-4-5-max {
+    max-width: 80%;
+  }
+  .w-md-4-5-min, .scale-w-md-4-5-min {
+    min-width: 80%;
+  }
+
+  .w-md-5-5, .scale-w-md-5-5 {
+    width: 100%;
+  }
+  .w-md-5-5-max, .scale-w-md-5-5-max {
+    max-width: 100%;
+  }
+  .w-md-5-5-min, .scale-w-md-5-5-min {
+    min-width: 100%;
+  }
+
+  .w-md-1-12, .scale-w-md-1-12 {
+    width: 8.3333333333%;
+  }
+  .w-md-1-12-max, .scale-w-md-1-12-max {
+    max-width: 8.3333333333%;
+  }
+  .w-md-1-12-min, .scale-w-md-1-12-min {
+    min-width: 8.3333333333%;
+  }
+
+  .w-md-2-12, .scale-w-md-2-12 {
+    width: 16.6666666667%;
+  }
+  .w-md-2-12-max, .scale-w-md-2-12-max {
+    max-width: 16.6666666667%;
+  }
+  .w-md-2-12-min, .scale-w-md-2-12-min {
+    min-width: 16.6666666667%;
+  }
+
+  .w-md-3-12, .scale-w-md-3-12 {
+    width: 25%;
+  }
+  .w-md-3-12-max, .scale-w-md-3-12-max {
+    max-width: 25%;
+  }
+  .w-md-3-12-min, .scale-w-md-3-12-min {
+    min-width: 25%;
+  }
+
+  .w-md-4-12, .scale-w-md-4-12 {
+    width: 33.3333333333%;
+  }
+  .w-md-4-12-max, .scale-w-md-4-12-max {
+    max-width: 33.3333333333%;
+  }
+  .w-md-4-12-min, .scale-w-md-4-12-min {
+    min-width: 33.3333333333%;
+  }
+
+  .w-md-5-12, .scale-w-md-5-12 {
+    width: 41.6666666667%;
+  }
+  .w-md-5-12-max, .scale-w-md-5-12-max {
+    max-width: 41.6666666667%;
+  }
+  .w-md-5-12-min, .scale-w-md-5-12-min {
+    min-width: 41.6666666667%;
+  }
+
+  .w-md-6-12, .scale-w-md-6-12 {
+    width: 50%;
+  }
+  .w-md-6-12-max, .scale-w-md-6-12-max {
+    max-width: 50%;
+  }
+  .w-md-6-12-min, .scale-w-md-6-12-min {
+    min-width: 50%;
+  }
+
+  .w-md-7-12, .scale-w-md-7-12 {
+    width: 58.3333333333%;
+  }
+  .w-md-7-12-max, .scale-w-md-7-12-max {
+    max-width: 58.3333333333%;
+  }
+  .w-md-7-12-min, .scale-w-md-7-12-min {
+    min-width: 58.3333333333%;
+  }
+
+  .w-md-8-12, .scale-w-md-8-12 {
+    width: 66.6666666667%;
+  }
+  .w-md-8-12-max, .scale-w-md-8-12-max {
+    max-width: 66.6666666667%;
+  }
+  .w-md-8-12-min, .scale-w-md-8-12-min {
+    min-width: 66.6666666667%;
+  }
+
+  .w-md-9-12, .scale-w-md-9-12 {
+    width: 75%;
+  }
+  .w-md-9-12-max, .scale-w-md-9-12-max {
+    max-width: 75%;
+  }
+  .w-md-9-12-min, .scale-w-md-9-12-min {
+    min-width: 75%;
+  }
+
+  .w-md-10-12, .scale-w-md-10-12 {
+    width: 83.3333333333%;
+  }
+  .w-md-10-12-max, .scale-w-md-10-12-max {
+    max-width: 83.3333333333%;
+  }
+  .w-md-10-12-min, .scale-w-md-10-12-min {
+    min-width: 83.3333333333%;
+  }
+
+  .w-md-11-12, .scale-w-md-11-12 {
+    width: 91.6666666667%;
+  }
+  .w-md-11-12-max, .scale-w-md-11-12-max {
+    max-width: 91.6666666667%;
+  }
+  .w-md-11-12-min, .scale-w-md-11-12-min {
+    min-width: 91.6666666667%;
+  }
+
+  .w-md-12-12, .scale-w-md-12-12 {
+    width: 100%;
+  }
+  .w-md-12-12-max, .scale-w-md-12-12-max {
+    max-width: 100%;
+  }
+  .w-md-12-12-min, .scale-w-md-12-12-min {
+    min-width: 100%;
+  }
+
+  .h-md-full, .scale-h-md-full {
+    height: 100%;
+  }
+  .h-md-full-max, .scale-h-md-full-max {
+    max-height: 100%;
+  }
+  .h-md-full-min, .scale-h-md-full-min {
+    min-height: 100%;
+  }
+
+  .h-md-mid, .scale-h-md-mid {
+    height: 50%;
+  }
+  .h-md-mid-max, .scale-h-md-mid-max {
+    max-height: 50%;
+  }
+  .h-md-mid-min, .scale-h-md-mid-min {
+    min-height: 50%;
+  }
+
+  .h-md-quarter, .scale-h-md-quarter {
+    height: 25%;
+  }
+  .h-md-quarter-max, .scale-h-md-quarter-max {
+    max-height: 25%;
+  }
+  .h-md-quarter-min, .scale-h-md-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-md-tiers, .scale-h-md-tiers {
+    height: 33%;
+  }
+  .h-md-tiers-max, .scale-h-md-tiers-max {
+    max-height: 33%;
+  }
+  .h-md-tiers-min, .scale-h-md-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-md-content-max, .scale-h-md-content-max {
+    height: max-content;
+  }
+  .h-md-content-max-max, .scale-h-md-content-max-max {
+    max-height: max-content;
+  }
+  .h-md-content-max-min, .scale-h-md-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-md-content-min, .scale-h-md-content-min {
+    height: min-content;
+  }
+  .h-md-content-min-max, .scale-h-md-content-min-max {
+    max-height: min-content;
+  }
+  .h-md-content-min-min, .scale-h-md-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-md-1, .scale-h-md-1 {
+    height: 1rem;
+  }
+  .h-md-1-max, .scale-h-md-1-max {
+    max-height: 1rem;
+  }
+  .h-md-1-min, .scale-h-md-1-min {
+    min-height: 1rem;
+  }
+
+  .h-md-2, .scale-h-md-2 {
+    height: 2rem;
+  }
+  .h-md-2-max, .scale-h-md-2-max {
+    max-height: 2rem;
+  }
+  .h-md-2-min, .scale-h-md-2-min {
+    min-height: 2rem;
+  }
+
+  .h-md-4, .scale-h-md-4 {
+    height: 4rem;
+  }
+  .h-md-4-max, .scale-h-md-4-max {
+    max-height: 4rem;
+  }
+  .h-md-4-min, .scale-h-md-4-min {
+    min-height: 4rem;
+  }
+
+  .h-md-8, .scale-h-md-8 {
+    height: 8rem;
+  }
+  .h-md-8-max, .scale-h-md-8-max {
+    max-height: 8rem;
+  }
+  .h-md-8-min, .scale-h-md-8-min {
+    min-height: 8rem;
+  }
+
+  .h-md-16, .scale-h-md-16 {
+    height: 16rem;
+  }
+  .h-md-16-max, .scale-h-md-16-max {
+    max-height: 16rem;
+  }
+  .h-md-16-min, .scale-h-md-16-min {
+    min-height: 16rem;
+  }
+
+  .h-md-24, .scale-h-md-24 {
+    height: 24rem;
+  }
+  .h-md-24-max, .scale-h-md-24-max {
+    max-height: 24rem;
+  }
+  .h-md-24-min, .scale-h-md-24-min {
+    min-height: 24rem;
+  }
+
+  .h-md-32, .scale-h-md-32 {
+    height: 32rem;
+  }
+  .h-md-32-max, .scale-h-md-32-max {
+    max-height: 32rem;
+  }
+  .h-md-32-min, .scale-h-md-32-min {
+    min-height: 32rem;
+  }
+
+  .h-md-48, .scale-h-md-48 {
+    height: 48rem;
+  }
+  .h-md-48-max, .scale-h-md-48-max {
+    max-height: 48rem;
+  }
+  .h-md-48-min, .scale-h-md-48-min {
+    min-height: 48rem;
+  }
+
+  .h-md-64, .scale-h-md-64 {
+    height: 64rem;
+  }
+  .h-md-64-max, .scale-h-md-64-max {
+    max-height: 64rem;
+  }
+  .h-md-64-min, .scale-h-md-64-min {
+    min-height: 64rem;
+  }
+
+  .h-md-1-5, .scale-h-md-1-5 {
+    height: 20%;
+  }
+  .h-md-1-5-max, .scale-h-md-1-5-max {
+    max-height: 20%;
+  }
+  .h-md-1-5-min, .scale-h-md-1-5-min {
+    min-height: 20%;
+  }
+
+  .h-md-2-5, .scale-h-md-2-5 {
+    height: 40%;
+  }
+  .h-md-2-5-max, .scale-h-md-2-5-max {
+    max-height: 40%;
+  }
+  .h-md-2-5-min, .scale-h-md-2-5-min {
+    min-height: 40%;
+  }
+
+  .h-md-3-5, .scale-h-md-3-5 {
+    height: 60%;
+  }
+  .h-md-3-5-max, .scale-h-md-3-5-max {
+    max-height: 60%;
+  }
+  .h-md-3-5-min, .scale-h-md-3-5-min {
+    min-height: 60%;
+  }
+
+  .h-md-4-5, .scale-h-md-4-5 {
+    height: 80%;
+  }
+  .h-md-4-5-max, .scale-h-md-4-5-max {
+    max-height: 80%;
+  }
+  .h-md-4-5-min, .scale-h-md-4-5-min {
+    min-height: 80%;
+  }
+
+  .h-md-5-5, .scale-h-md-5-5 {
+    height: 100%;
+  }
+  .h-md-5-5-max, .scale-h-md-5-5-max {
+    max-height: 100%;
+  }
+  .h-md-5-5-min, .scale-h-md-5-5-min {
+    min-height: 100%;
+  }
+
+  .h-md-1-12, .scale-h-md-1-12 {
+    height: 8.3333333333%;
+  }
+  .h-md-1-12-max, .scale-h-md-1-12-max {
+    max-height: 8.3333333333%;
+  }
+  .h-md-1-12-min, .scale-h-md-1-12-min {
+    min-height: 8.3333333333%;
+  }
+
+  .h-md-2-12, .scale-h-md-2-12 {
+    height: 16.6666666667%;
+  }
+  .h-md-2-12-max, .scale-h-md-2-12-max {
+    max-height: 16.6666666667%;
+  }
+  .h-md-2-12-min, .scale-h-md-2-12-min {
+    min-height: 16.6666666667%;
+  }
+
+  .h-md-3-12, .scale-h-md-3-12 {
+    height: 25%;
+  }
+  .h-md-3-12-max, .scale-h-md-3-12-max {
+    max-height: 25%;
+  }
+  .h-md-3-12-min, .scale-h-md-3-12-min {
+    min-height: 25%;
+  }
+
+  .h-md-4-12, .scale-h-md-4-12 {
+    height: 33.3333333333%;
+  }
+  .h-md-4-12-max, .scale-h-md-4-12-max {
+    max-height: 33.3333333333%;
+  }
+  .h-md-4-12-min, .scale-h-md-4-12-min {
+    min-height: 33.3333333333%;
+  }
+
+  .h-md-5-12, .scale-h-md-5-12 {
+    height: 41.6666666667%;
+  }
+  .h-md-5-12-max, .scale-h-md-5-12-max {
+    max-height: 41.6666666667%;
+  }
+  .h-md-5-12-min, .scale-h-md-5-12-min {
+    min-height: 41.6666666667%;
+  }
+
+  .h-md-6-12, .scale-h-md-6-12 {
+    height: 50%;
+  }
+  .h-md-6-12-max, .scale-h-md-6-12-max {
+    max-height: 50%;
+  }
+  .h-md-6-12-min, .scale-h-md-6-12-min {
+    min-height: 50%;
+  }
+
+  .h-md-7-12, .scale-h-md-7-12 {
+    height: 58.3333333333%;
+  }
+  .h-md-7-12-max, .scale-h-md-7-12-max {
+    max-height: 58.3333333333%;
+  }
+  .h-md-7-12-min, .scale-h-md-7-12-min {
+    min-height: 58.3333333333%;
+  }
+
+  .h-md-8-12, .scale-h-md-8-12 {
+    height: 66.6666666667%;
+  }
+  .h-md-8-12-max, .scale-h-md-8-12-max {
+    max-height: 66.6666666667%;
+  }
+  .h-md-8-12-min, .scale-h-md-8-12-min {
+    min-height: 66.6666666667%;
+  }
+
+  .h-md-9-12, .scale-h-md-9-12 {
+    height: 75%;
+  }
+  .h-md-9-12-max, .scale-h-md-9-12-max {
+    max-height: 75%;
+  }
+  .h-md-9-12-min, .scale-h-md-9-12-min {
+    min-height: 75%;
+  }
+
+  .h-md-10-12, .scale-h-md-10-12 {
+    height: 83.3333333333%;
+  }
+  .h-md-10-12-max, .scale-h-md-10-12-max {
+    max-height: 83.3333333333%;
+  }
+  .h-md-10-12-min, .scale-h-md-10-12-min {
+    min-height: 83.3333333333%;
+  }
+
+  .h-md-11-12, .scale-h-md-11-12 {
+    height: 91.6666666667%;
+  }
+  .h-md-11-12-max, .scale-h-md-11-12-max {
+    max-height: 91.6666666667%;
+  }
+  .h-md-11-12-min, .scale-h-md-11-12-min {
+    min-height: 91.6666666667%;
+  }
+
+  .h-md-12-12, .scale-h-md-12-12 {
+    height: 100%;
+  }
+  .h-md-12-12-max, .scale-h-md-12-12-max {
+    max-height: 100%;
+  }
+  .h-md-12-12-min, .scale-h-md-12-12-min {
+    min-height: 100%;
+  }
+}
+@media only screen and (max-width: 35.7rem) {
+  .w-sm-full, .scale-w-sm-full {
+    width: 100%;
+  }
+  .w-sm-full-max, .scale-w-sm-full-max {
+    max-width: 100%;
+  }
+  .w-sm-full-min, .scale-w-sm-full-min {
+    min-width: 100%;
+  }
+
+  .w-sm-mid, .scale-w-sm-mid {
+    width: 50%;
+  }
+  .w-sm-mid-max, .scale-w-sm-mid-max {
+    max-width: 50%;
+  }
+  .w-sm-mid-min, .scale-w-sm-mid-min {
+    min-width: 50%;
+  }
+
+  .w-sm-quarter, .scale-w-sm-quarter {
+    width: 25%;
+  }
+  .w-sm-quarter-max, .scale-w-sm-quarter-max {
+    max-width: 25%;
+  }
+  .w-sm-quarter-min, .scale-w-sm-quarter-min {
+    min-width: 25%;
+  }
+
+  .w-sm-tiers, .scale-w-sm-tiers {
+    width: 33%;
+  }
+  .w-sm-tiers-max, .scale-w-sm-tiers-max {
+    max-width: 33%;
+  }
+  .w-sm-tiers-min, .scale-w-sm-tiers-min {
+    min-width: 33%;
+  }
+
+  .w-sm-content-max, .scale-w-sm-content-max {
+    width: max-content;
+  }
+  .w-sm-content-max-max, .scale-w-sm-content-max-max {
+    max-width: max-content;
+  }
+  .w-sm-content-max-min, .scale-w-sm-content-max-min {
+    min-width: max-content;
+  }
+
+  .w-sm-content-min, .scale-w-sm-content-min {
+    width: min-content;
+  }
+  .w-sm-content-min-max, .scale-w-sm-content-min-max {
+    max-width: min-content;
+  }
+  .w-sm-content-min-min, .scale-w-sm-content-min-min {
+    min-width: min-content;
+  }
+
+  .w-sm-1, .scale-w-sm-1 {
+    width: 1rem;
+  }
+  .w-sm-1-max, .scale-w-sm-1-max {
+    max-width: 1rem;
+  }
+  .w-sm-1-min, .scale-w-sm-1-min {
+    min-width: 1rem;
+  }
+
+  .w-sm-2, .scale-w-sm-2 {
+    width: 2rem;
+  }
+  .w-sm-2-max, .scale-w-sm-2-max {
+    max-width: 2rem;
+  }
+  .w-sm-2-min, .scale-w-sm-2-min {
+    min-width: 2rem;
+  }
+
+  .w-sm-4, .scale-w-sm-4 {
+    width: 4rem;
+  }
+  .w-sm-4-max, .scale-w-sm-4-max {
+    max-width: 4rem;
+  }
+  .w-sm-4-min, .scale-w-sm-4-min {
+    min-width: 4rem;
+  }
+
+  .w-sm-8, .scale-w-sm-8 {
+    width: 8rem;
+  }
+  .w-sm-8-max, .scale-w-sm-8-max {
+    max-width: 8rem;
+  }
+  .w-sm-8-min, .scale-w-sm-8-min {
+    min-width: 8rem;
+  }
+
+  .w-sm-16, .scale-w-sm-16 {
+    width: 16rem;
+  }
+  .w-sm-16-max, .scale-w-sm-16-max {
+    max-width: 16rem;
+  }
+  .w-sm-16-min, .scale-w-sm-16-min {
+    min-width: 16rem;
+  }
+
+  .w-sm-24, .scale-w-sm-24 {
+    width: 24rem;
+  }
+  .w-sm-24-max, .scale-w-sm-24-max {
+    max-width: 24rem;
+  }
+  .w-sm-24-min, .scale-w-sm-24-min {
+    min-width: 24rem;
+  }
+
+  .w-sm-32, .scale-w-sm-32 {
+    width: 32rem;
+  }
+  .w-sm-32-max, .scale-w-sm-32-max {
+    max-width: 32rem;
+  }
+  .w-sm-32-min, .scale-w-sm-32-min {
+    min-width: 32rem;
+  }
+
+  .w-sm-48, .scale-w-sm-48 {
+    width: 48rem;
+  }
+  .w-sm-48-max, .scale-w-sm-48-max {
+    max-width: 48rem;
+  }
+  .w-sm-48-min, .scale-w-sm-48-min {
+    min-width: 48rem;
+  }
+
+  .w-sm-64, .scale-w-sm-64 {
+    width: 64rem;
+  }
+  .w-sm-64-max, .scale-w-sm-64-max {
+    max-width: 64rem;
+  }
+  .w-sm-64-min, .scale-w-sm-64-min {
+    min-width: 64rem;
+  }
+
+  .w-sm-1-5, .scale-w-sm-1-5 {
+    width: 20%;
+  }
+  .w-sm-1-5-max, .scale-w-sm-1-5-max {
+    max-width: 20%;
+  }
+  .w-sm-1-5-min, .scale-w-sm-1-5-min {
+    min-width: 20%;
+  }
+
+  .w-sm-2-5, .scale-w-sm-2-5 {
+    width: 40%;
+  }
+  .w-sm-2-5-max, .scale-w-sm-2-5-max {
+    max-width: 40%;
+  }
+  .w-sm-2-5-min, .scale-w-sm-2-5-min {
+    min-width: 40%;
+  }
+
+  .w-sm-3-5, .scale-w-sm-3-5 {
+    width: 60%;
+  }
+  .w-sm-3-5-max, .scale-w-sm-3-5-max {
+    max-width: 60%;
+  }
+  .w-sm-3-5-min, .scale-w-sm-3-5-min {
+    min-width: 60%;
+  }
+
+  .w-sm-4-5, .scale-w-sm-4-5 {
+    width: 80%;
+  }
+  .w-sm-4-5-max, .scale-w-sm-4-5-max {
+    max-width: 80%;
+  }
+  .w-sm-4-5-min, .scale-w-sm-4-5-min {
+    min-width: 80%;
+  }
+
+  .w-sm-5-5, .scale-w-sm-5-5 {
+    width: 100%;
+  }
+  .w-sm-5-5-max, .scale-w-sm-5-5-max {
+    max-width: 100%;
+  }
+  .w-sm-5-5-min, .scale-w-sm-5-5-min {
+    min-width: 100%;
+  }
+
+  .w-sm-1-12, .scale-w-sm-1-12 {
+    width: 8.3333333333%;
+  }
+  .w-sm-1-12-max, .scale-w-sm-1-12-max {
+    max-width: 8.3333333333%;
+  }
+  .w-sm-1-12-min, .scale-w-sm-1-12-min {
+    min-width: 8.3333333333%;
+  }
+
+  .w-sm-2-12, .scale-w-sm-2-12 {
+    width: 16.6666666667%;
+  }
+  .w-sm-2-12-max, .scale-w-sm-2-12-max {
+    max-width: 16.6666666667%;
+  }
+  .w-sm-2-12-min, .scale-w-sm-2-12-min {
+    min-width: 16.6666666667%;
+  }
+
+  .w-sm-3-12, .scale-w-sm-3-12 {
+    width: 25%;
+  }
+  .w-sm-3-12-max, .scale-w-sm-3-12-max {
+    max-width: 25%;
+  }
+  .w-sm-3-12-min, .scale-w-sm-3-12-min {
+    min-width: 25%;
+  }
+
+  .w-sm-4-12, .scale-w-sm-4-12 {
+    width: 33.3333333333%;
+  }
+  .w-sm-4-12-max, .scale-w-sm-4-12-max {
+    max-width: 33.3333333333%;
+  }
+  .w-sm-4-12-min, .scale-w-sm-4-12-min {
+    min-width: 33.3333333333%;
+  }
+
+  .w-sm-5-12, .scale-w-sm-5-12 {
+    width: 41.6666666667%;
+  }
+  .w-sm-5-12-max, .scale-w-sm-5-12-max {
+    max-width: 41.6666666667%;
+  }
+  .w-sm-5-12-min, .scale-w-sm-5-12-min {
+    min-width: 41.6666666667%;
+  }
+
+  .w-sm-6-12, .scale-w-sm-6-12 {
+    width: 50%;
+  }
+  .w-sm-6-12-max, .scale-w-sm-6-12-max {
+    max-width: 50%;
+  }
+  .w-sm-6-12-min, .scale-w-sm-6-12-min {
+    min-width: 50%;
+  }
+
+  .w-sm-7-12, .scale-w-sm-7-12 {
+    width: 58.3333333333%;
+  }
+  .w-sm-7-12-max, .scale-w-sm-7-12-max {
+    max-width: 58.3333333333%;
+  }
+  .w-sm-7-12-min, .scale-w-sm-7-12-min {
+    min-width: 58.3333333333%;
+  }
+
+  .w-sm-8-12, .scale-w-sm-8-12 {
+    width: 66.6666666667%;
+  }
+  .w-sm-8-12-max, .scale-w-sm-8-12-max {
+    max-width: 66.6666666667%;
+  }
+  .w-sm-8-12-min, .scale-w-sm-8-12-min {
+    min-width: 66.6666666667%;
+  }
+
+  .w-sm-9-12, .scale-w-sm-9-12 {
+    width: 75%;
+  }
+  .w-sm-9-12-max, .scale-w-sm-9-12-max {
+    max-width: 75%;
+  }
+  .w-sm-9-12-min, .scale-w-sm-9-12-min {
+    min-width: 75%;
+  }
+
+  .w-sm-10-12, .scale-w-sm-10-12 {
+    width: 83.3333333333%;
+  }
+  .w-sm-10-12-max, .scale-w-sm-10-12-max {
+    max-width: 83.3333333333%;
+  }
+  .w-sm-10-12-min, .scale-w-sm-10-12-min {
+    min-width: 83.3333333333%;
+  }
+
+  .w-sm-11-12, .scale-w-sm-11-12 {
+    width: 91.6666666667%;
+  }
+  .w-sm-11-12-max, .scale-w-sm-11-12-max {
+    max-width: 91.6666666667%;
+  }
+  .w-sm-11-12-min, .scale-w-sm-11-12-min {
+    min-width: 91.6666666667%;
+  }
+
+  .w-sm-12-12, .scale-w-sm-12-12 {
+    width: 100%;
+  }
+  .w-sm-12-12-max, .scale-w-sm-12-12-max {
+    max-width: 100%;
+  }
+  .w-sm-12-12-min, .scale-w-sm-12-12-min {
+    min-width: 100%;
+  }
+
+  .h-sm-full, .scale-h-sm-full {
+    height: 100%;
+  }
+  .h-sm-full-max, .scale-h-sm-full-max {
+    max-height: 100%;
+  }
+  .h-sm-full-min, .scale-h-sm-full-min {
+    min-height: 100%;
+  }
+
+  .h-sm-mid, .scale-h-sm-mid {
+    height: 50%;
+  }
+  .h-sm-mid-max, .scale-h-sm-mid-max {
+    max-height: 50%;
+  }
+  .h-sm-mid-min, .scale-h-sm-mid-min {
+    min-height: 50%;
+  }
+
+  .h-sm-quarter, .scale-h-sm-quarter {
+    height: 25%;
+  }
+  .h-sm-quarter-max, .scale-h-sm-quarter-max {
+    max-height: 25%;
+  }
+  .h-sm-quarter-min, .scale-h-sm-quarter-min {
+    min-height: 25%;
+  }
+
+  .h-sm-tiers, .scale-h-sm-tiers {
+    height: 33%;
+  }
+  .h-sm-tiers-max, .scale-h-sm-tiers-max {
+    max-height: 33%;
+  }
+  .h-sm-tiers-min, .scale-h-sm-tiers-min {
+    min-height: 33%;
+  }
+
+  .h-sm-content-max, .scale-h-sm-content-max {
+    height: max-content;
+  }
+  .h-sm-content-max-max, .scale-h-sm-content-max-max {
+    max-height: max-content;
+  }
+  .h-sm-content-max-min, .scale-h-sm-content-max-min {
+    min-height: max-content;
+  }
+
+  .h-sm-content-min, .scale-h-sm-content-min {
+    height: min-content;
+  }
+  .h-sm-content-min-max, .scale-h-sm-content-min-max {
+    max-height: min-content;
+  }
+  .h-sm-content-min-min, .scale-h-sm-content-min-min {
+    min-height: min-content;
+  }
+
+  .h-sm-1, .scale-h-sm-1 {
+    height: 1rem;
+  }
+  .h-sm-1-max, .scale-h-sm-1-max {
+    max-height: 1rem;
+  }
+  .h-sm-1-min, .scale-h-sm-1-min {
+    min-height: 1rem;
+  }
+
+  .h-sm-2, .scale-h-sm-2 {
+    height: 2rem;
+  }
+  .h-sm-2-max, .scale-h-sm-2-max {
+    max-height: 2rem;
+  }
+  .h-sm-2-min, .scale-h-sm-2-min {
+    min-height: 2rem;
+  }
+
+  .h-sm-4, .scale-h-sm-4 {
+    height: 4rem;
+  }
+  .h-sm-4-max, .scale-h-sm-4-max {
+    max-height: 4rem;
+  }
+  .h-sm-4-min, .scale-h-sm-4-min {
+    min-height: 4rem;
+  }
+
+  .h-sm-8, .scale-h-sm-8 {
+    height: 8rem;
+  }
+  .h-sm-8-max, .scale-h-sm-8-max {
+    max-height: 8rem;
+  }
+  .h-sm-8-min, .scale-h-sm-8-min {
+    min-height: 8rem;
+  }
+
+  .h-sm-16, .scale-h-sm-16 {
+    height: 16rem;
+  }
+  .h-sm-16-max, .scale-h-sm-16-max {
+    max-height: 16rem;
+  }
+  .h-sm-16-min, .scale-h-sm-16-min {
+    min-height: 16rem;
+  }
+
+  .h-sm-24, .scale-h-sm-24 {
+    height: 24rem;
+  }
+  .h-sm-24-max, .scale-h-sm-24-max {
+    max-height: 24rem;
+  }
+  .h-sm-24-min, .scale-h-sm-24-min {
+    min-height: 24rem;
+  }
+
+  .h-sm-32, .scale-h-sm-32 {
+    height: 32rem;
+  }
+  .h-sm-32-max, .scale-h-sm-32-max {
+    max-height: 32rem;
+  }
+  .h-sm-32-min, .scale-h-sm-32-min {
+    min-height: 32rem;
+  }
+
+  .h-sm-48, .scale-h-sm-48 {
+    height: 48rem;
+  }
+  .h-sm-48-max, .scale-h-sm-48-max {
+    max-height: 48rem;
+  }
+  .h-sm-48-min, .scale-h-sm-48-min {
+    min-height: 48rem;
+  }
+
+  .h-sm-64, .scale-h-sm-64 {
+    height: 64rem;
+  }
+  .h-sm-64-max, .scale-h-sm-64-max {
+    max-height: 64rem;
+  }
+  .h-sm-64-min, .scale-h-sm-64-min {
+    min-height: 64rem;
+  }
+
+  .h-sm-1-5, .scale-h-sm-1-5 {
+    height: 20%;
+  }
+  .h-sm-1-5-max, .scale-h-sm-1-5-max {
+    max-height: 20%;
+  }
+  .h-sm-1-5-min, .scale-h-sm-1-5-min {
+    min-height: 20%;
+  }
+
+  .h-sm-2-5, .scale-h-sm-2-5 {
+    height: 40%;
+  }
+  .h-sm-2-5-max, .scale-h-sm-2-5-max {
+    max-height: 40%;
+  }
+  .h-sm-2-5-min, .scale-h-sm-2-5-min {
+    min-height: 40%;
+  }
+
+  .h-sm-3-5, .scale-h-sm-3-5 {
+    height: 60%;
+  }
+  .h-sm-3-5-max, .scale-h-sm-3-5-max {
+    max-height: 60%;
+  }
+  .h-sm-3-5-min, .scale-h-sm-3-5-min {
+    min-height: 60%;
+  }
+
+  .h-sm-4-5, .scale-h-sm-4-5 {
+    height: 80%;
+  }
+  .h-sm-4-5-max, .scale-h-sm-4-5-max {
+    max-height: 80%;
+  }
+  .h-sm-4-5-min, .scale-h-sm-4-5-min {
+    min-height: 80%;
+  }
+
+  .h-sm-5-5, .scale-h-sm-5-5 {
+    height: 100%;
+  }
+  .h-sm-5-5-max, .scale-h-sm-5-5-max {
+    max-height: 100%;
+  }
+  .h-sm-5-5-min, .scale-h-sm-5-5-min {
+    min-height: 100%;
+  }
+
+  .h-sm-1-12, .scale-h-sm-1-12 {
+    height: 8.3333333333%;
+  }
+  .h-sm-1-12-max, .scale-h-sm-1-12-max {
+    max-height: 8.3333333333%;
+  }
+  .h-sm-1-12-min, .scale-h-sm-1-12-min {
+    min-height: 8.3333333333%;
+  }
+
+  .h-sm-2-12, .scale-h-sm-2-12 {
+    height: 16.6666666667%;
+  }
+  .h-sm-2-12-max, .scale-h-sm-2-12-max {
+    max-height: 16.6666666667%;
+  }
+  .h-sm-2-12-min, .scale-h-sm-2-12-min {
+    min-height: 16.6666666667%;
+  }
+
+  .h-sm-3-12, .scale-h-sm-3-12 {
+    height: 25%;
+  }
+  .h-sm-3-12-max, .scale-h-sm-3-12-max {
+    max-height: 25%;
+  }
+  .h-sm-3-12-min, .scale-h-sm-3-12-min {
+    min-height: 25%;
+  }
+
+  .h-sm-4-12, .scale-h-sm-4-12 {
+    height: 33.3333333333%;
+  }
+  .h-sm-4-12-max, .scale-h-sm-4-12-max {
+    max-height: 33.3333333333%;
+  }
+  .h-sm-4-12-min, .scale-h-sm-4-12-min {
+    min-height: 33.3333333333%;
+  }
+
+  .h-sm-5-12, .scale-h-sm-5-12 {
+    height: 41.6666666667%;
+  }
+  .h-sm-5-12-max, .scale-h-sm-5-12-max {
+    max-height: 41.6666666667%;
+  }
+  .h-sm-5-12-min, .scale-h-sm-5-12-min {
+    min-height: 41.6666666667%;
+  }
+
+  .h-sm-6-12, .scale-h-sm-6-12 {
+    height: 50%;
+  }
+  .h-sm-6-12-max, .scale-h-sm-6-12-max {
+    max-height: 50%;
+  }
+  .h-sm-6-12-min, .scale-h-sm-6-12-min {
+    min-height: 50%;
+  }
+
+  .h-sm-7-12, .scale-h-sm-7-12 {
+    height: 58.3333333333%;
+  }
+  .h-sm-7-12-max, .scale-h-sm-7-12-max {
+    max-height: 58.3333333333%;
+  }
+  .h-sm-7-12-min, .scale-h-sm-7-12-min {
+    min-height: 58.3333333333%;
+  }
+
+  .h-sm-8-12, .scale-h-sm-8-12 {
+    height: 66.6666666667%;
+  }
+  .h-sm-8-12-max, .scale-h-sm-8-12-max {
+    max-height: 66.6666666667%;
+  }
+  .h-sm-8-12-min, .scale-h-sm-8-12-min {
+    min-height: 66.6666666667%;
+  }
+
+  .h-sm-9-12, .scale-h-sm-9-12 {
+    height: 75%;
+  }
+  .h-sm-9-12-max, .scale-h-sm-9-12-max {
+    max-height: 75%;
+  }
+  .h-sm-9-12-min, .scale-h-sm-9-12-min {
+    min-height: 75%;
+  }
+
+  .h-sm-10-12, .scale-h-sm-10-12 {
+    height: 83.3333333333%;
+  }
+  .h-sm-10-12-max, .scale-h-sm-10-12-max {
+    max-height: 83.3333333333%;
+  }
+  .h-sm-10-12-min, .scale-h-sm-10-12-min {
+    min-height: 83.3333333333%;
+  }
+
+  .h-sm-11-12, .scale-h-sm-11-12 {
+    height: 91.6666666667%;
+  }
+  .h-sm-11-12-max, .scale-h-sm-11-12-max {
+    max-height: 91.6666666667%;
+  }
+  .h-sm-11-12-min, .scale-h-sm-11-12-min {
+    min-height: 91.6666666667%;
+  }
+
+  .h-sm-12-12, .scale-h-sm-12-12 {
+    height: 100%;
+  }
+  .h-sm-12-12-max, .scale-h-sm-12-12-max {
+    max-height: 100%;
+  }
+  .h-sm-12-12-min, .scale-h-sm-12-12-min {
+    min-height: 100%;
+  }
+}