@zonos/elements 1.3.183 → 1.3.185

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.css

@@ -0,0 +1,67 @@
+:host {
+  font-family: var(--zonos--font-family, Inter), Inter;
+  display: block;
+  white-space: normal;
+}
+:host * {
+  font-family: var(--zonos--font-family, Inter), Inter;
+}
+:host img {
+  max-width: 100%;
+}
+:host dl,
+:host dd,
+:host h1,
+:host h2,
+:host h3,
+:host h4,
+:host h5,
+:host h6,
+:host hr,
+:host figure,
+:host p,
+:host pre {
+  margin: 0;
+}
+
+/* All sets of variable are here */
+/* smooth font rendering */
+:host {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+:host .zonos--title {
+  margin-bottom: 16px;
+}
+:host .zonos--company-name-input {
+  margin-bottom: 8px;
+}
+:host zonos-banner {
+  margin-top: 8px;
+}
+:host .zonos--custom-address-form,
+:host .zonos--custom-address-form-additional-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+:host .zonos--custom-address-form-state-zip-wrapper {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+:host .zonos--custom-address-form-state-zip-wrapper > * {
+  flex: 1 1 200px;
+}
+:host .zonos--custom-address-form-additional-fields {
+  opacity: 0;
+  height: 0;
+  overflow: hidden;
+  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
+}
+:host .zonos--custom-address-form-additional-fields.show {
+  opacity: 1;
+  height: auto;
+}