@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/collection/components/stzh-cspace/stzh-cspace.css

@@ -78,6 +78,9 @@
 /**
  * Container
  */
+/**
+ * Ratios
+ */
 /**
  * Spaces
  */
@@ -115,6 +118,10 @@
   border: 0 !important;
 }
 
+:host {
+  /* Utility classes for applying spacing curves */
+  /* Utility classes for applying spacing values */
+}
 :host ::slotted(stzh-input),
 :host ::slotted(stzh-datepicker),
 :host ::slotted(stzh-dropdown),
@@ -373,7 +380,8 @@
 :host ::slotted(stzh-chart),
 :host ::slotted(stzh-sitemap),
 :host ::slotted(stzh-section),
-:host ::slotted(stzh-hr) {
+:host ::slotted(stzh-hr),
+:host ::slotted(stzh-vbz-ticker) {
   margin-top: var(--stzh-space-xxlarge);
   margin-bottom: var(--stzh-space-xxlarge);
 }
@@ -391,7 +399,8 @@
 :host ::slotted(stzh-chart),
 :host ::slotted(stzh-sitemap),
 :host ::slotted(stzh-section),
-:host ::slotted(stzh-hr) {
+:host ::slotted(stzh-hr),
+:host ::slotted(stzh-vbz-ticker) {
     margin-top: var(--stzh-space-xxxlarge);
   }
 }
@@ -409,7 +418,8 @@
 :host ::slotted(stzh-chart),
 :host ::slotted(stzh-sitemap),
 :host ::slotted(stzh-section),
-:host ::slotted(stzh-hr) {
+:host ::slotted(stzh-hr),
+:host ::slotted(stzh-vbz-ticker) {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
@@ -427,7 +437,8 @@
 :host ::slotted(stzh-chart),
 :host ::slotted(stzh-sitemap),
 :host ::slotted(stzh-section),
-:host ::slotted(stzh-hr) {
+:host ::slotted(stzh-hr),
+:host ::slotted(stzh-vbz-ticker) {
     margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
@@ -445,7 +456,8 @@
 :host ::slotted(stzh-chart),
 :host ::slotted(stzh-sitemap),
 :host ::slotted(stzh-section),
-:host ::slotted(stzh-hr) {
+:host ::slotted(stzh-hr),
+:host ::slotted(stzh-vbz-ticker) {
     margin-bottom: var(--stzh-space-xxxxlarge);
   }
 }
@@ -612,13 +624,1263 @@
 :host ::slotted(stzh-heading[curve=h4] + stzh-datalist) {
   margin-top: 0;
 }
+:host ::slotted(.cspace-y-curve-tiny) {
+  margin-top: var(--stzh-space-xsmall);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-tiny) {
+    margin-top: var(--stzh-space-small);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-tiny) {
+    margin-top: var(--stzh-space-medium);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-tiny) {
+    margin-bottom: var(--stzh-space-small);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-tiny) {
+    margin-bottom: var(--stzh-space-medium);
+  }
+}
+:host ::slotted(.cspace-t-curve-tiny) {
+  margin-top: var(--stzh-space-xsmall);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-tiny) {
+    margin-top: var(--stzh-space-small);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-tiny) {
+    margin-top: var(--stzh-space-medium);
+  }
+}
+:host ::slotted(.cspace-b-curve-tiny) {
+  margin-bottom: var(--stzh-space-xsmall);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-tiny) {
+    margin-bottom: var(--stzh-space-small);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-tiny) {
+    margin-bottom: var(--stzh-space-medium);
+  }
+}
+:host ::slotted(.cspace-y-curve-small) {
+  margin-top: var(--stzh-space-small);
+  margin-bottom: var(--stzh-space-small);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-small) {
+    margin-top: var(--stzh-space-medium);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-small) {
+    margin-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-small) {
+    margin-bottom: var(--stzh-space-medium);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-small) {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+:host ::slotted(.cspace-t-curve-small) {
+  margin-top: var(--stzh-space-small);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-small) {
+    margin-top: var(--stzh-space-medium);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-small) {
+    margin-top: var(--stzh-space-large);
+  }
+}
+:host ::slotted(.cspace-b-curve-small) {
+  margin-bottom: var(--stzh-space-small);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-small) {
+    margin-bottom: var(--stzh-space-medium);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-small) {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+:host ::slotted(.cspace-y-curve-regular) {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-regular) {
+    margin-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-regular) {
+    margin-top: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-regular) {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-regular) {
+    margin-bottom: var(--stzh-space-xlarge);
+  }
+}
+:host ::slotted(.cspace-t-curve-regular) {
+  margin-top: var(--stzh-space-medium);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-regular) {
+    margin-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-regular) {
+    margin-top: var(--stzh-space-xlarge);
+  }
+}
+:host ::slotted(.cspace-b-curve-regular) {
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-regular) {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-regular) {
+    margin-bottom: var(--stzh-space-xlarge);
+  }
+}
+:host ::slotted(.cspace-y-curve-medium) {
+  margin-top: var(--stzh-space-xlarge);
+  margin-bottom: var(--stzh-space-xlarge);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-medium) {
+    margin-top: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-medium) {
+    margin-top: var(--stzh-space-xxxlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-medium) {
+    margin-bottom: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-medium) {
+    margin-bottom: var(--stzh-space-xxxlarge);
+  }
+}
+:host ::slotted(.cspace-t-curve-medium) {
+  margin-top: var(--stzh-space-xlarge);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-medium) {
+    margin-top: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-medium) {
+    margin-top: var(--stzh-space-xxxlarge);
+  }
+}
+:host ::slotted(.cspace-b-curve-medium) {
+  margin-bottom: var(--stzh-space-xlarge);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-medium) {
+    margin-bottom: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-medium) {
+    margin-bottom: var(--stzh-space-xxxlarge);
+  }
+}
+:host ::slotted(.cspace-y-curve-large) {
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-large) {
+    margin-top: var(--stzh-space-xxxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-large) {
+    margin-top: var(--stzh-space-xxxxlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-large) {
+    margin-bottom: var(--stzh-space-xxxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-large) {
+    margin-bottom: var(--stzh-space-xxxxlarge);
+  }
+}
+:host ::slotted(.cspace-t-curve-large) {
+  margin-top: var(--stzh-space-xxlarge);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-large) {
+    margin-top: var(--stzh-space-xxxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-large) {
+    margin-top: var(--stzh-space-xxxxlarge);
+  }
+}
+:host ::slotted(.cspace-b-curve-large) {
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-large) {
+    margin-bottom: var(--stzh-space-xxxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-large) {
+    margin-bottom: var(--stzh-space-xxxxlarge);
+  }
+}
+:host ::slotted(.cspace-y-curve-big) {
+  margin-top: var(--stzh-space-xxxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-y-curve-big) {
+    margin-top: var(--stzh-space-xxxxlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-big) {
+    margin-top: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-big) {
+    margin-top: var(--stzh-space-xbig);
+  }
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-y-curve-big) {
+    margin-bottom: var(--stzh-space-xxxxlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-big) {
+    margin-bottom: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-big) {
+    margin-bottom: var(--stzh-space-xbig);
+  }
+}
+:host ::slotted(.cspace-t-curve-big) {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-t-curve-big) {
+    margin-top: var(--stzh-space-xxxxlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-big) {
+    margin-top: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-big) {
+    margin-top: var(--stzh-space-xbig);
+  }
+}
+:host ::slotted(.cspace-b-curve-big) {
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-b-curve-big) {
+    margin-bottom: var(--stzh-space-xxxxlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-big) {
+    margin-bottom: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-big) {
+    margin-bottom: var(--stzh-space-xbig);
+  }
+}
+:host ::slotted(.cspace-y-curve-huge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-y-curve-huge) {
+    margin-top: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-huge) {
+    margin-top: var(--stzh-space-xbig);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-huge) {
+    margin-top: var(--stzh-space-huge);
+  }
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-y-curve-huge) {
+    margin-bottom: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-y-curve-huge) {
+    margin-bottom: var(--stzh-space-xbig);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-y-curve-huge) {
+    margin-bottom: var(--stzh-space-huge);
+  }
+}
+:host ::slotted(.cspace-t-curve-huge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-t-curve-huge) {
+    margin-top: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-t-curve-huge) {
+    margin-top: var(--stzh-space-xbig);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-t-curve-huge) {
+    margin-top: var(--stzh-space-huge);
+  }
+}
+:host ::slotted(.cspace-b-curve-huge) {
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+@media screen and (min-width: 600px) {
+  :host ::slotted(.cspace-b-curve-huge) {
+    margin-bottom: var(--stzh-space-big);
+  }
+}
+@media screen and (min-width: 1024px) {
+  :host ::slotted(.cspace-b-curve-huge) {
+    margin-bottom: var(--stzh-space-xbig);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host ::slotted(.cspace-b-curve-huge) {
+    margin-bottom: var(--stzh-space-huge);
+  }
+}
+:host ::slotted(.small\:cspace-y-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.small\:cspace-t-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.small\:cspace-b-xxxsmall) {
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.small\:cspace-y-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.small\:cspace-t-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.small\:cspace-b-xxsmall) {
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.small\:cspace-y-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.small\:cspace-t-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+}
+:host ::slotted(.small\:cspace-b-xsmall) {
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.small\:cspace-y-small) {
+  margin-top: var(--stzh-space-small);
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.small\:cspace-t-small) {
+  margin-top: var(--stzh-space-small);
+}
+:host ::slotted(.small\:cspace-b-small) {
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.small\:cspace-y-medium) {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.small\:cspace-t-medium) {
+  margin-top: var(--stzh-space-medium);
+}
+:host ::slotted(.small\:cspace-b-medium) {
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.small\:cspace-y-large) {
+  margin-top: var(--stzh-space-large);
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.small\:cspace-t-large) {
+  margin-top: var(--stzh-space-large);
+}
+:host ::slotted(.small\:cspace-b-large) {
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.small\:cspace-y-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.small\:cspace-t-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+}
+:host ::slotted(.small\:cspace-b-xlarge) {
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.small\:cspace-y-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.small\:cspace-t-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.small\:cspace-b-xxlarge) {
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.small\:cspace-y-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.small\:cspace-t-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.small\:cspace-b-xxxlarge) {
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.small\:cspace-y-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.small\:cspace-t-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.small\:cspace-b-xxxxlarge) {
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.small\:cspace-y-big) {
+  margin-top: var(--stzh-space-big);
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.small\:cspace-t-big) {
+  margin-top: var(--stzh-space-big);
+}
+:host ::slotted(.small\:cspace-b-big) {
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.small\:cspace-y-xbig) {
+  margin-top: var(--stzh-space-xbig);
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.small\:cspace-t-xbig) {
+  margin-top: var(--stzh-space-xbig);
+}
+:host ::slotted(.small\:cspace-b-xbig) {
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.small\:cspace-y-huge) {
+  margin-top: var(--stzh-space-huge);
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.small\:cspace-t-huge) {
+  margin-top: var(--stzh-space-huge);
+}
+:host ::slotted(.small\:cspace-b-huge) {
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.small\:cspace-y-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.small\:cspace-t-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+}
+:host ::slotted(.small\:cspace-b-xhuge) {
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.small\:cspace-y-none) {
+  margin-top: var(--stzh-space-none);
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.small\:cspace-t-none) {
+  margin-top: var(--stzh-space-none);
+}
+:host ::slotted(.small\:cspace-b-none) {
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.small\:cspace-y-default) {
+  margin-top: var(--stzh-space-default);
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.small\:cspace-t-default) {
+  margin-top: var(--stzh-space-default);
+}
+:host ::slotted(.small\:cspace-b-default) {
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.smallheader\:cspace-y-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.smallheader\:cspace-t-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.smallheader\:cspace-b-xxxsmall) {
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.smallheader\:cspace-y-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.smallheader\:cspace-t-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.smallheader\:cspace-b-xxsmall) {
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.smallheader\:cspace-y-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.smallheader\:cspace-t-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+}
+:host ::slotted(.smallheader\:cspace-b-xsmall) {
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.smallheader\:cspace-y-small) {
+  margin-top: var(--stzh-space-small);
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.smallheader\:cspace-t-small) {
+  margin-top: var(--stzh-space-small);
+}
+:host ::slotted(.smallheader\:cspace-b-small) {
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.smallheader\:cspace-y-medium) {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.smallheader\:cspace-t-medium) {
+  margin-top: var(--stzh-space-medium);
+}
+:host ::slotted(.smallheader\:cspace-b-medium) {
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.smallheader\:cspace-y-large) {
+  margin-top: var(--stzh-space-large);
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.smallheader\:cspace-t-large) {
+  margin-top: var(--stzh-space-large);
+}
+:host ::slotted(.smallheader\:cspace-b-large) {
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.smallheader\:cspace-y-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.smallheader\:cspace-t-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+}
+:host ::slotted(.smallheader\:cspace-b-xlarge) {
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.smallheader\:cspace-y-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.smallheader\:cspace-t-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.smallheader\:cspace-b-xxlarge) {
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.smallheader\:cspace-y-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.smallheader\:cspace-t-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.smallheader\:cspace-b-xxxlarge) {
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.smallheader\:cspace-y-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.smallheader\:cspace-t-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.smallheader\:cspace-b-xxxxlarge) {
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.smallheader\:cspace-y-big) {
+  margin-top: var(--stzh-space-big);
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.smallheader\:cspace-t-big) {
+  margin-top: var(--stzh-space-big);
+}
+:host ::slotted(.smallheader\:cspace-b-big) {
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.smallheader\:cspace-y-xbig) {
+  margin-top: var(--stzh-space-xbig);
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.smallheader\:cspace-t-xbig) {
+  margin-top: var(--stzh-space-xbig);
+}
+:host ::slotted(.smallheader\:cspace-b-xbig) {
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.smallheader\:cspace-y-huge) {
+  margin-top: var(--stzh-space-huge);
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.smallheader\:cspace-t-huge) {
+  margin-top: var(--stzh-space-huge);
+}
+:host ::slotted(.smallheader\:cspace-b-huge) {
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.smallheader\:cspace-y-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.smallheader\:cspace-t-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+}
+:host ::slotted(.smallheader\:cspace-b-xhuge) {
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.smallheader\:cspace-y-none) {
+  margin-top: var(--stzh-space-none);
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.smallheader\:cspace-t-none) {
+  margin-top: var(--stzh-space-none);
+}
+:host ::slotted(.smallheader\:cspace-b-none) {
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.smallheader\:cspace-y-default) {
+  margin-top: var(--stzh-space-default);
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.smallheader\:cspace-t-default) {
+  margin-top: var(--stzh-space-default);
+}
+:host ::slotted(.smallheader\:cspace-b-default) {
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.medium\:cspace-y-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.medium\:cspace-t-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.medium\:cspace-b-xxxsmall) {
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.medium\:cspace-y-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.medium\:cspace-t-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.medium\:cspace-b-xxsmall) {
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.medium\:cspace-y-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.medium\:cspace-t-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+}
+:host ::slotted(.medium\:cspace-b-xsmall) {
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.medium\:cspace-y-small) {
+  margin-top: var(--stzh-space-small);
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.medium\:cspace-t-small) {
+  margin-top: var(--stzh-space-small);
+}
+:host ::slotted(.medium\:cspace-b-small) {
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.medium\:cspace-y-medium) {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.medium\:cspace-t-medium) {
+  margin-top: var(--stzh-space-medium);
+}
+:host ::slotted(.medium\:cspace-b-medium) {
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.medium\:cspace-y-large) {
+  margin-top: var(--stzh-space-large);
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.medium\:cspace-t-large) {
+  margin-top: var(--stzh-space-large);
+}
+:host ::slotted(.medium\:cspace-b-large) {
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.medium\:cspace-y-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.medium\:cspace-t-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+}
+:host ::slotted(.medium\:cspace-b-xlarge) {
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.medium\:cspace-y-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.medium\:cspace-t-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.medium\:cspace-b-xxlarge) {
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.medium\:cspace-y-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.medium\:cspace-t-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.medium\:cspace-b-xxxlarge) {
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.medium\:cspace-y-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.medium\:cspace-t-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.medium\:cspace-b-xxxxlarge) {
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.medium\:cspace-y-big) {
+  margin-top: var(--stzh-space-big);
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.medium\:cspace-t-big) {
+  margin-top: var(--stzh-space-big);
+}
+:host ::slotted(.medium\:cspace-b-big) {
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.medium\:cspace-y-xbig) {
+  margin-top: var(--stzh-space-xbig);
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.medium\:cspace-t-xbig) {
+  margin-top: var(--stzh-space-xbig);
+}
+:host ::slotted(.medium\:cspace-b-xbig) {
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.medium\:cspace-y-huge) {
+  margin-top: var(--stzh-space-huge);
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.medium\:cspace-t-huge) {
+  margin-top: var(--stzh-space-huge);
+}
+:host ::slotted(.medium\:cspace-b-huge) {
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.medium\:cspace-y-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.medium\:cspace-t-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+}
+:host ::slotted(.medium\:cspace-b-xhuge) {
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.medium\:cspace-y-none) {
+  margin-top: var(--stzh-space-none);
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.medium\:cspace-t-none) {
+  margin-top: var(--stzh-space-none);
+}
+:host ::slotted(.medium\:cspace-b-none) {
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.medium\:cspace-y-default) {
+  margin-top: var(--stzh-space-default);
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.medium\:cspace-t-default) {
+  margin-top: var(--stzh-space-default);
+}
+:host ::slotted(.medium\:cspace-b-default) {
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.large\:cspace-y-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.large\:cspace-t-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.large\:cspace-b-xxxsmall) {
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.large\:cspace-y-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.large\:cspace-t-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.large\:cspace-b-xxsmall) {
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.large\:cspace-y-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.large\:cspace-t-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+}
+:host ::slotted(.large\:cspace-b-xsmall) {
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.large\:cspace-y-small) {
+  margin-top: var(--stzh-space-small);
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.large\:cspace-t-small) {
+  margin-top: var(--stzh-space-small);
+}
+:host ::slotted(.large\:cspace-b-small) {
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.large\:cspace-y-medium) {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.large\:cspace-t-medium) {
+  margin-top: var(--stzh-space-medium);
+}
+:host ::slotted(.large\:cspace-b-medium) {
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.large\:cspace-y-large) {
+  margin-top: var(--stzh-space-large);
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.large\:cspace-t-large) {
+  margin-top: var(--stzh-space-large);
+}
+:host ::slotted(.large\:cspace-b-large) {
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.large\:cspace-y-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.large\:cspace-t-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+}
+:host ::slotted(.large\:cspace-b-xlarge) {
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.large\:cspace-y-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.large\:cspace-t-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.large\:cspace-b-xxlarge) {
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.large\:cspace-y-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.large\:cspace-t-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.large\:cspace-b-xxxlarge) {
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.large\:cspace-y-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.large\:cspace-t-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.large\:cspace-b-xxxxlarge) {
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.large\:cspace-y-big) {
+  margin-top: var(--stzh-space-big);
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.large\:cspace-t-big) {
+  margin-top: var(--stzh-space-big);
+}
+:host ::slotted(.large\:cspace-b-big) {
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.large\:cspace-y-xbig) {
+  margin-top: var(--stzh-space-xbig);
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.large\:cspace-t-xbig) {
+  margin-top: var(--stzh-space-xbig);
+}
+:host ::slotted(.large\:cspace-b-xbig) {
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.large\:cspace-y-huge) {
+  margin-top: var(--stzh-space-huge);
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.large\:cspace-t-huge) {
+  margin-top: var(--stzh-space-huge);
+}
+:host ::slotted(.large\:cspace-b-huge) {
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.large\:cspace-y-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.large\:cspace-t-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+}
+:host ::slotted(.large\:cspace-b-xhuge) {
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.large\:cspace-y-none) {
+  margin-top: var(--stzh-space-none);
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.large\:cspace-t-none) {
+  margin-top: var(--stzh-space-none);
+}
+:host ::slotted(.large\:cspace-b-none) {
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.large\:cspace-y-default) {
+  margin-top: var(--stzh-space-default);
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.large\:cspace-t-default) {
+  margin-top: var(--stzh-space-default);
+}
+:host ::slotted(.large\:cspace-b-default) {
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.ultra\:cspace-y-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.ultra\:cspace-t-xxxsmall) {
+  margin-top: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.ultra\:cspace-b-xxxsmall) {
+  margin-bottom: var(--stzh-space-xxxsmall);
+}
+:host ::slotted(.ultra\:cspace-y-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.ultra\:cspace-t-xxsmall) {
+  margin-top: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.ultra\:cspace-b-xxsmall) {
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+:host ::slotted(.ultra\:cspace-y-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.ultra\:cspace-t-xsmall) {
+  margin-top: var(--stzh-space-xsmall);
+}
+:host ::slotted(.ultra\:cspace-b-xsmall) {
+  margin-bottom: var(--stzh-space-xsmall);
+}
+:host ::slotted(.ultra\:cspace-y-small) {
+  margin-top: var(--stzh-space-small);
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.ultra\:cspace-t-small) {
+  margin-top: var(--stzh-space-small);
+}
+:host ::slotted(.ultra\:cspace-b-small) {
+  margin-bottom: var(--stzh-space-small);
+}
+:host ::slotted(.ultra\:cspace-y-medium) {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.ultra\:cspace-t-medium) {
+  margin-top: var(--stzh-space-medium);
+}
+:host ::slotted(.ultra\:cspace-b-medium) {
+  margin-bottom: var(--stzh-space-medium);
+}
+:host ::slotted(.ultra\:cspace-y-large) {
+  margin-top: var(--stzh-space-large);
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.ultra\:cspace-t-large) {
+  margin-top: var(--stzh-space-large);
+}
+:host ::slotted(.ultra\:cspace-b-large) {
+  margin-bottom: var(--stzh-space-large);
+}
+:host ::slotted(.ultra\:cspace-y-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.ultra\:cspace-t-xlarge) {
+  margin-top: var(--stzh-space-xlarge);
+}
+:host ::slotted(.ultra\:cspace-b-xlarge) {
+  margin-bottom: var(--stzh-space-xlarge);
+}
+:host ::slotted(.ultra\:cspace-y-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.ultra\:cspace-t-xxlarge) {
+  margin-top: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.ultra\:cspace-b-xxlarge) {
+  margin-bottom: var(--stzh-space-xxlarge);
+}
+:host ::slotted(.ultra\:cspace-y-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.ultra\:cspace-t-xxxlarge) {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.ultra\:cspace-b-xxxlarge) {
+  margin-bottom: var(--stzh-space-xxxlarge);
+}
+:host ::slotted(.ultra\:cspace-y-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.ultra\:cspace-t-xxxxlarge) {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.ultra\:cspace-b-xxxxlarge) {
+  margin-bottom: var(--stzh-space-xxxxlarge);
+}
+:host ::slotted(.ultra\:cspace-y-big) {
+  margin-top: var(--stzh-space-big);
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.ultra\:cspace-t-big) {
+  margin-top: var(--stzh-space-big);
+}
+:host ::slotted(.ultra\:cspace-b-big) {
+  margin-bottom: var(--stzh-space-big);
+}
+:host ::slotted(.ultra\:cspace-y-xbig) {
+  margin-top: var(--stzh-space-xbig);
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.ultra\:cspace-t-xbig) {
+  margin-top: var(--stzh-space-xbig);
+}
+:host ::slotted(.ultra\:cspace-b-xbig) {
+  margin-bottom: var(--stzh-space-xbig);
+}
+:host ::slotted(.ultra\:cspace-y-huge) {
+  margin-top: var(--stzh-space-huge);
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.ultra\:cspace-t-huge) {
+  margin-top: var(--stzh-space-huge);
+}
+:host ::slotted(.ultra\:cspace-b-huge) {
+  margin-bottom: var(--stzh-space-huge);
+}
+:host ::slotted(.ultra\:cspace-y-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.ultra\:cspace-t-xhuge) {
+  margin-top: var(--stzh-space-xhuge);
+}
+:host ::slotted(.ultra\:cspace-b-xhuge) {
+  margin-bottom: var(--stzh-space-xhuge);
+}
+:host ::slotted(.ultra\:cspace-y-none) {
+  margin-top: var(--stzh-space-none);
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.ultra\:cspace-t-none) {
+  margin-top: var(--stzh-space-none);
+}
+:host ::slotted(.ultra\:cspace-b-none) {
+  margin-bottom: var(--stzh-space-none);
+}
+:host ::slotted(.ultra\:cspace-y-default) {
+  margin-top: var(--stzh-space-default);
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.ultra\:cspace-t-default) {
+  margin-top: var(--stzh-space-default);
+}
+:host ::slotted(.ultra\:cspace-b-default) {
+  margin-bottom: var(--stzh-space-default);
+}
+:host ::slotted(.cspace-y-0) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:host ::slotted(.cspace-t-0),
+:host ::slotted([no-cspace-top]) {
+  margin-top: 0;
+}
+:host ::slotted(.cspace-b-0),
+:host ::slotted([no-cspace-bottom]) {
+  margin-bottom: 0;
+}
+:host ::slotted(.small\:cspace-y-0) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:host ::slotted(.small\:cspace-t-0) {
+  margin-top: 0;
+}
+:host ::slotted(.small\:cspace-b-0) {
+  margin-bottom: 0;
+}
+:host ::slotted(.smallheader\:cspace-y-0) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:host ::slotted(.smallheader\:cspace-t-0) {
+  margin-top: 0;
+}
+:host ::slotted(.smallheader\:cspace-b-0) {
+  margin-bottom: 0;
+}
+:host ::slotted(.medium\:cspace-y-0) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:host ::slotted(.medium\:cspace-t-0) {
+  margin-top: 0;
+}
+:host ::slotted(.medium\:cspace-b-0) {
+  margin-bottom: 0;
+}
+:host ::slotted(.large\:cspace-y-0) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:host ::slotted(.large\:cspace-t-0) {
+  margin-top: 0;
+}
+:host ::slotted(.large\:cspace-b-0) {
+  margin-bottom: 0;
+}
+:host ::slotted(.ultra\:cspace-y-0) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:host ::slotted(.ultra\:cspace-t-0) {
+  margin-top: 0;
+}
+:host ::slotted(.ultra\:cspace-b-0) {
+  margin-bottom: 0;
+}
 
-:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child),
-:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted([no-cspace-top]) {
+:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child) {
   margin-top: 0 !important;
 }
 
-:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child),
-:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted([no-cspace-bottom]) {
+:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child) {
   margin-bottom: 0 !important;
 }