@axos-web-dev/shared-components 0.0.17 → 0.0.19

package/dist/assets/Button/Button.css

@@ -6,9 +6,9 @@
   -webkit-transition-duration: 0.15s;
   -o-transition-duration: 0.15s;
   transition-duration: 0.15s;
-  -webkit-transition-property: color,background-color,border-color;
-  -o-transition-property: color,background-color,border-color;
-  transition-property: color,background-color,border-color;
+  -webkit-transition-property: color,background-color,border-color,width;
+  -o-transition-property: color,background-color,border-color,width;
+  transition-property: color,background-color,border-color,width;
   -webkit-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
@@ -134,4 +134,15 @@
 ._13pdpuji {
   height: 28px;
   padding: 4px 32px 4px 32px;
+}
+@media screen and (max-width: 280px) {
+  ._13pdpuj7 {
+    padding: 12px 8px;
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 370px) {
+  ._13pdpuj7 {
+    padding: 11px 1.5rem;
+  }
 }

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -30,6 +30,7 @@ details[open] .ph6wj62 {
   padding-bottom: 12px;
 }
 .ph6wj63 {
+  font-size: 18px;
   max-width: 80%;
   list-style: none;
   text-overflow: ellipsis;
@@ -41,7 +42,15 @@ details[open] .ph6wj62 {
   background-color: #F4F4F4;
   padding-top: 0;
 }
-.ph6wj64 ul, .ph6wj64 ol  {
-  margin-block: 1rem;
-  margin-inline-start: 3rem;
+.ph6wj64 li + li {
+  margin-top: 7px;
+}
+.ph6wj64 ol {
+  padding-bottom: 1rem;
+}
+.ph6wj64 ul {
+  padding-bottom: 1rem;
+}
+details summary::-webkit-details-marker {
+  display: none;
 }

package/dist/assets/FooterDisclosure/FooterDisclosure.css

@@ -1,7 +1,7 @@
 ._1a6b3vu0 {
   color: #ffffff;
   background-color: #4A5560;
-  padding: 32px 24px;
+  padding: 32px 0;
   width: 100%;
 }
 ._1a6b3vu1 {
@@ -23,14 +23,8 @@
 ._1a6b3vu4:hover {
   opacity: 0.8;
 }
-@media screen and (min-width: 1280px) {
-  ._1a6b3vu0 {
-    padding-inline: 40px;
-  }
-}
 @media screen and (min-width: 1920px) {
   ._1a6b3vu0 {
-    padding-inline: 360px;
     padding-top: 32px;
     padding-bottom: 32px;
   }

package/dist/assets/Forms/Forms.css

@@ -1,5 +1,4 @@
 .tfms6a0 {
-  width: 100%;
   padding-inline: 120px;
   padding-top: 48px;
   padding-bottom: 48px;
@@ -87,6 +86,7 @@
 }
 .tfms6am {
   max-width: 860px;
+  margin-inline: auto;
 }
 @media screen and (max-width:1023px) {
   .tfms6a0 {

package/dist/assets/HeroBanner/HeroBanner.css

@@ -1,153 +1,201 @@
-._1ye8k3f0 {
+._1ye8k3f1 {
   position: relative;
   overflow: hidden;
   isolation: isolate;
 }
-._1ye8k3f1 {
+._1ye8k3f2 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
 }
-._1ye8k3f2 {
+._1ye8k3f3 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-._1ye8k3f3 {
+._1ye8k3f4 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-._1ye8k3f4 {
+._1ye8k3f5 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-._1ye8k3f5 {
+._1ye8k3f6 {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  min-height: 480px;
-  gap: 2rem;
 }
-._1ye8k3f7 {
+._1ye8k3f8 {
   padding: 2rem 0;
 }
-._1ye8k3f8 {
+._1ye8k3fa {
   display: flex;
   justify-content: flex-end;
+  max-width: 600px;
 }
-._1ye8k3f8 img {
-  max-width: 663px;
+._1ye8k3fa img {
+  max-width: 604px;
+  max-height: 510px;
   object-fit: cover;
-  aspect-ratio: 1 / 1;
-  max-height: 480px;
 }
-._1ye8k3fa {
+._1ye8k3fb {
   display: block;
   font: 700 14px / 1.3 var(--main-font-family);
   margin-bottom: 2px;
   letter-spacing: .2px;
 }
-._1ye8k3fb {
+._1ye8k3fc {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-._1ye8k3fc {
+._1ye8k3fd {
   background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-._1ye8k3fd {
+._1ye8k3fe {
   color: var(--_1073cm8k);
 }
-._1ye8k3fe {
+._1ye8k3ff {
   color: var(--_1073cm8n);
 }
-._1ye8k3ff {
-  margin-bottom: 1.5rem;
+._1ye8k3fg {
   font: 600 2.5rem / 1.25 var(--header-font-family);
 }
-._1ye8k3fg {
+._1ye8k3fh {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-._1ye8k3fh {
+._1ye8k3fi {
   background: var(--_1073cm8b);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-._1ye8k3fi {
+._1ye8k3fj {
   color: var(--_1073cm8h);
 }
-._1ye8k3fj {
+._1ye8k3fk {
   color: var(--_1073cm8o);
 }
-._1ye8k3f7 p {
+._1ye8k3f8 p {
   font: 400 18px / 1.44 var(--main-font-family);
   letter-spacing: .2px;
 }
-._1ye8k3fk {
+._1ye8k3fl {
   margin-top: 3.5rem;
   display: flex;
   align-items: center;
   gap: 2rem;
 }
+._1ye8k3fl:empty {
+  display: none;
+}
+._1ye8k3f0 ._1ye8k3fl > *:nth-child(2) {
+  margin-top: 1.5rem;
+  margin-left: 0;
+}
+@media screen and (max-width:1280px) {
+  ._1ye8k3fl {
+    margin-top: 2.5rem;
+  }
+  ._1ye8k3f0 ._1ye8k3fl {
+    flex-direction: column;
+  }
+}
+@media (max-width: 1280px) and (min-width: 1024px) {
+  ._1ye8k3f0 ._1ye8k3f9 {
+    width: calc(100%-28px);
+  }
+  ._1ye8k3fa img {
+    aspect-ratio: 1 / 1;
+  }
+  ._1ye8k3f0 ._1ye8k3fl {
+    align-items: flex-start;
+  }
+}
 @media screen and (max-width:1024px) {
-  ._1ye8k3f5 {
+  ._1ye8k3f6 {
     flex-direction: column;
   }
-  ._1ye8k3fk {
+  ._1ye8k3fl {
     flex-direction: column;
   }
 }
-@media screen and (min-width:1024px) {
+@media (max-width: 1023px) {
+  ._1ye8k3fa {
+    justify-content: center;
+    width: min(375px,100%);
+  }
+  ._1ye8k3fa img {
+    max-width: 100%;
+  }
+}
+@media (min-width: 1024px) {
   ._1ye8k3f6 {
-    flex-direction: row-reverse;
+    gap: 2rem;
+    min-height: 480px;
   }
+  ._1ye8k3f0 ._1ye8k3f6 {
+    min-height: 740px;
+    gap: 1.5rem;
+  }
+  ._1ye8k3fa {
+    _1ye8k3f0 & {
+      max-width: 708px;
+    }
+  }
+}
+@media screen and (min-width:1024px) {
   ._1ye8k3f7 {
+    flex-direction: row-reverse;
+  }
+  ._1ye8k3f8 {
     flex: 1 1;
     max-width: 588px;
   }
+  ._1ye8k3f0 ._1ye8k3f8 {
+    max-width: 468px;
+  }
 }
 @media screen and (max-width:1023px) {
-  ._1ye8k3f7 {
-    text-align: center;
-  }
   ._1ye8k3f8 {
-    justify-content: center;
-    width: min(375px, 100%);
+    text-align: center;
   }
 }
 @media screen and (max-width:603px) {
-  ._1ye8k3f7 {
+  ._1ye8k3f8 {
     max-width: calc(100% - 2rem);
     margin-left: auto;
     margin-right: auto;
   }
 }
-@media (max-width:1280px) and (min-width:1024px) {
-  ._1ye8k3f8:not(._1ye8k3f9 ._1ye8k3f8) {
-    flex: 1 1;
-  }
-  ._1ye8k3f5:not(._1ye8k3f9 ._1ye8k3f5) > * {
-    max-width: 50%;
-    width: 50%;
-  }
-}
-@media screen and (max-width:1280px) {
-  ._1ye8k3fk {
-    margin-top: 2.5rem;
+@media (max-width: 603px) {
+  ._1ye8k3f9 {
+    width: 100%;
+    max-width: 100%;
   }
 }
 @media screen and (max-width:768px) {
-  ._1ye8k3ff {
+  ._1ye8k3fg {
     font-size: 28px;
     line-height: 1.29;
   }
-  ._1ye8k3f7 p {
+  ._1ye8k3f8 p {
     font-size: 1rem;
     line-height: 1.5;
   }
-  ._1ye8k3fk {
+  ._1ye8k3fl {
     margin-top: 1.7rem;
   }
+}
+@media (max-width:1280px) and (min-width:1024px) {
+  ._1ye8k3fa:not(._1ye8k3f0 ._1ye8k3fa) {
+    flex: 1 1;
+    overflow: hidden;
+  }
+  ._1ye8k3f6:not(._1ye8k3f0 ._1ye8k3f6) > * {
+    max-width: 50%;
+    width: 50%;
+  }
 }

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -139,9 +139,11 @@
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
-  min-height: 380px;
   background-position: center center;
 }
+._18ygy9m0 ._1m7m2au {
+  min-height: 380px;
+}
 ._1m7m2av {
   background: var(--_1073cm8f);
   color: #FFFFFF;
@@ -197,6 +199,9 @@
   }
 }
 @media screen and (max-width: 1023px) {
+  ._1m7m2au {
+    min-height: 380px;
+  }
   ._1m7m2ax {
     font-size: 30px;
   }