@axos-web-dev/shared-components 1.0.99-feature-brand.3 → 1.0.99-feature-newQPvalues

package/dist/assets/Forms/Forms.css

@@ -24,19 +24,19 @@
 }
 .tfms6a1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm83);
+  color: var(--_1073cm82);
 }
 .tfms6a2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm8a);
+  color: var(--_1073cm89);
 }
 .tfms6a3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 .tfms6a4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 .tfms6a5 {
   padding-bottom: 32px;
@@ -44,11 +44,11 @@
 .tfms6a6 {
   margin-bottom: 32px;
 }
-.tfms6a7 {
+._1073cm80 .tfms6a7 {
   background: var(--_1073cm81);
-  display: inline-block;
-  margin-bottom: 32px;
   padding: 0 1rem;
+  margin-bottom: 32px;
+  display: inline-block;
 }
 .tfms6a8 {
   font-size: 36px;
@@ -59,31 +59,49 @@
   text-align: center;
 }
 .tfms6a9 {
-  color: var(--_1073cm85);
+  color: var(--_1073cm83);
 }
 .tfms6aa {
-  color: var(--_1073cm8c);
+  color: var(--_1073cm8a);
 }
 .tfms6ab {
-  color: var(--_1073cm8j);
+  color: var(--_1073cm8h);
 }
 .tfms6ac {
-  color: var(--_1073cm8q);
+  color: var(--_1073cm8o);
 }
 .tfms6ad {
   font-family: var(--header-font-family);
 }
-.tfms6ae {
-  color: var(--_1073cm85);
+._1073cm80 .tfms6ae {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .tfms6ae {
+  color: var(--_1073cm83);
+}
+.fl2fv50 .tfms6ae {
+  color: var(--_1073cm83);
+}
+._1073cm80 .tfms6af {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .tfms6af {
+  color: var(--_1073cm8a);
 }
-.tfms6af {
-  color: var(--_1073cm8c);
+.fl2fv50 .tfms6af {
+  color: var(--_1073cm8a);
 }
 .tfms6ag {
-  color: var(--_1073cm8j);
+  color: var(--_1073cm8h);
 }
 .tfms6ah {
-  color: var(--_1073cm8q);
+  color: var(--_1073cm8o);
 }
 .tfms6ai {
   font-family: var(--main-font-family);
@@ -92,16 +110,16 @@
   gap: 1.5rem;
 }
 .tfms6aj {
-  color: var(--_1073cm83);
+  color: var(--_1073cm82);
 }
 .tfms6ak {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm89);
 }
 .tfms6al {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 .tfms6am {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8n);
 }
 .tfms6an {
   grid-template-columns: 1fr;
@@ -165,16 +183,16 @@
   margin-top: 16px;
 }
 .tfms6at {
-  color: var(--_1073cm83);
+  color: var(--_1073cm82);
 }
 .tfms6au {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm89);
 }
 .tfms6av {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 .tfms6aw {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8n);
 }
 .tfms6ax {
   max-width: 860px;
@@ -188,19 +206,19 @@
   padding: 2.5rem 0;
 }
 .tfms6a12 {
-  color: var(--_1073cm85);
+  color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
 .tfms6a13 {
-  color: var(--_1073cm8c);
+  color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
 .tfms6a14 {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
 .tfms6a15 {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
 .tfms6a11 h1 {
@@ -242,31 +260,31 @@
   transform: rotate(-40deg);
 }
 .tfms6a19 {
-  stroke: var(--_1073cm85);
+  stroke: var(--_1073cm83);
 }
 .tfms6a1a {
-  stroke: var(--_1073cm8c);
+  stroke: var(--_1073cm8a);
 }
 .tfms6a1b {
-  stroke: var(--_1073cm8h);
+  stroke: var(--_1073cm8g);
 }
 .tfms6a1c {
-  stroke: var(--_1073cm8o);
+  stroke: var(--_1073cm8n);
 }
 .tfms6a1d {
   margin-top: 1rem;
 }
 .tfms6a1e {
-  color: var(--_1073cm83);
+  color: var(--_1073cm82);
 }
 .tfms6a1f {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm89);
 }
 .tfms6a1g {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 .tfms6a1h {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8n);
 }
 .tfms6a1i {
   margin-top: 1rem;
@@ -283,26 +301,26 @@
   padding-bottom: 4px;
 }
 .tfms6a1m {
-  border-bottom: 1px solid var(--_1073cm83);
+  border-bottom: 1px solid var(--_1073cm82);
 }
 .tfms6a1n {
-  border-bottom: 1px solid var(--_1073cm8a);
+  border-bottom: 1px solid var(--_1073cm89);
 }
 .tfms6a1o {
-  border-bottom: 1px solid var(--_1073cm8h);
+  border-bottom: 1px solid var(--_1073cm8g);
 }
 .tfms6a1p {
-  border-bottom: 1px solid var(--_1073cm8o);
+  border-bottom: 1px solid var(--_1073cm8n);
 }
 .tfms6a1m > h4, .tfms6a1n > h4 {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm85);
-  -webkit-text-fill-color: var(--_1073cm85);
+  background-image: var(--_1073cm83);
+  -webkit-text-fill-color: var(--_1073cm83);
 }
 .tfms6a1o > h4, .tfms6a1p > h4 {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8j);
-  -webkit-text-fill-color: var(--_1073cm8j);
+  background-image: var(--_1073cm8h);
+  -webkit-text-fill-color: var(--_1073cm8h);
 }
 .tfms6a1q {
   display: flex;

package/dist/assets/Forms/HoneyPot/HoneyPot.css

@@ -0,0 +1,8 @@
+._1f7d89m0 {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+  width: 1px;
+  height: 1px;
+  z-index: -1;
+}

package/dist/assets/Forms/QuickPricer/UserInformation.css

@@ -11,7 +11,7 @@
   margin-left: 16px;
 }
 .uw98ur2 {
-  background: var(--_1073cm87);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;

package/dist/assets/HeroBanner/HeroBanner.css

@@ -5,20 +5,20 @@
 }
 ._1ye8k3f2 {
   background: var(--_1073cm81);
-  border-bottom: 1px solid #B9C1CE;
-  color: var(--_1073cm83);
+  border-bottom: 1px solid #d4d4d4;
+  color: var(--_1073cm82);
 }
 ._1ye8k3f3 {
   background: var(--_1073cm88);
-  color: var(--_1073cm8a);
+  color: var(--_1073cm89);
 }
 ._1ye8k3f4 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 ._1ye8k3f5 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8n);
 }
 ._1ye8k3f6 {
   display: flex;
@@ -37,53 +37,64 @@
   display: contents;
 }
 ._1ye8k3fb img {
-  max-height: 480px;
   max-width: 604px;
+  max-height: 480px;
   object-fit: cover;
 }
 ._1ye8k3fd {
   display: block;
-  font: 700 14px / 1.5 var(--main-font-family);
+  font: 700 14px / 1.3 var(--main-font-family);
   margin-bottom: 4px;
   letter-spacing: .2px;
 }
 ._1ye8k3fe {
-  color: var(--_1073cm85);
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3ff {
-  color: var(--_1073cm8c);
+  background: var(--_1073cm8b);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fg {
-  color: var(--_1073cm8j);
+  color: var(--_1073cm8k);
 }
 ._1ye8k3fh {
-  color: var(--_1073cm8q);
+  color: var(--_1073cm8n);
 }
 ._1ye8k3fi {
-  font: 700 2.5rem / 1.05 var(--header-font-family);
-  text-wrap: pretty;
+  font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._1ye8k3fj {
-  color: var(--_1073cm85);
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fk {
-  color: var(--_1073cm8c);
+  background: var(--_1073cm8b);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
 ._1ye8k3fl {
-  color: var(--_1073cm8j);
+  color: var(--_1073cm8h);
 }
 ._1ye8k3fm {
-  color: var(--_1073cm8q);
+  color: var(--_1073cm8o);
 }
 ._1ye8k3f9 p {
-  font: 400 1rem / 1.5 var(--main-font-family);
+  font: 400 18px / 1.44 var(--main-font-family);
   letter-spacing: .2px;
 }
 ._1ye8k3fn {
   margin-top: 3.5rem;
   display: flex;
   align-items: center;
-  gap: 1.5rem 56px;
+  gap: 2rem;
 }
 ._1ye8k3fn:empty {
   display: none;
@@ -112,28 +123,48 @@
   }
   ._1ye8k3f9 {
     flex: 1 1;
+    max-width: 588px;
   }
   ._1ye8k3f0 ._1ye8k3f9 {
     max-width: 468px;
   }
 }
-@media screen and (max-width:1023px) {
-  ._1ye8k3f6 {
+@media screen and (max-width:1280px) {
+  ._1ye8k3fn {
+    margin-top: 2.5rem;
+  }
+  ._1ye8k3f0 ._1ye8k3fn {
     flex-direction: column;
   }
-  ._1ye8k3f9 {
-    text-align: center;
+  ._7etqoq5 ._1ye8k3fn {
+    flex-direction: row;
+    justify-content: center;
+    flex-wrap: wrap;
   }
 }
 @media (max-width: 1280px) and (min-width: 1024px) {
   ._1ye8k3f0 ._1ye8k3fa {
     width: calc(100% - 28px);
   }
+  ._1ye8k3fb img {
+    aspect-ratio: 1 / 1;
+  }
+  ._1ye8k3f0 ._1ye8k3fn {
+    align-items: flex-start;
+  }
 }
-@media (max-width: 603px) {
-  ._1ye8k3fa {
-    max-width: 100%;
-    width: 100%;
+@media screen and (max-width:1023px) {
+  ._1ye8k3f6 {
+    flex-direction: column;
+  }
+  ._1ye8k3f9 {
+    text-align: center;
+  }
+  ._1ye8k3fn {
+    flex-direction: column;
+  }
+  ._1ye8k3fo {
+    margin: 24px auto 0 auto;
   }
 }
 @media (max-width: 1023px) {
@@ -148,19 +179,11 @@
 @media (min-width: 1024px) {
   ._1ye8k3f6 {
     gap: 2rem;
-    justify-content: center;
     min-height: 480px;
   }
   ._1ye8k3f0 ._1ye8k3f6 {
-    gap: 1.5rem;
     min-height: 740px;
-  }
-  ._1ye8k3f1 ._1ye8k3f6 {
-    padding-left: 2rem;
-  }
-  ._1ye8k3f1 ._1ye8k3fa {
-    max-width: 1280px;
-    width: 100%;
+    gap: 1.5rem;
   }
   ._1ye8k3fb {
     min-height: 480px;
@@ -169,26 +192,22 @@
     }
   }
 }
-@media screen and (min-width:1281px) {
-  ._1ye8k3f1 ._1ye8k3f6 {
-    gap: 40px;
-    padding-left: 40px;
-  }
-}
 @media screen and (max-width:603px) {
   ._1ye8k3f9 {
-    margin-inline: auto;
     max-width: calc(100% - 2rem);
+    margin-left: auto;
+    margin-right: auto;
   }
 }
-@media (max-width: 450px) {
-  ._1ye8k3fb {
+@media (max-width: 603px) {
+  ._1ye8k3fa {
     width: 100%;
+    max-width: 100%;
   }
 }
-@media screen and (max-width:1180px) and (min-width:1024px) {
-  ._1ye8k3fi {
-    font-size: 34px;
+@media (max-width: 450px) {
+  ._1ye8k3fb {
+    width: 100%;
   }
 }
 @media screen and (max-width:768px) {
@@ -196,47 +215,23 @@
     font-size: 28px;
     line-height: 1.29;
   }
-}
-@media screen and (max-width:1280px) {
-  ._1ye8k3fn {
-    margin-top: 2.5rem;
-  }
-  ._1ye8k3f0 ._1ye8k3fn {
-    flex-direction: column;
-  }
-  ._7etqoq1 ._1ye8k3fn {
-    flex-direction: row;
-    justify-content: center;
-    flex-wrap: wrap;
-  }
-}
-@media (max-width: 1280px) and (min-width: 1024px) {
-  ._1ye8k3f0 ._1ye8k3fn {
-    align-items: flex-start;
-  }
-}
-@media screen and (max-width:1023px) {
-  ._1ye8k3fn {
-    flex-direction: column;
-  }
-  ._1ye8k3fo {
-    margin: 24px auto 0 auto;
+  ._1ye8k3f9 p {
+    font-size: 1rem;
+    line-height: 1.5;
   }
-}
-@media screen and (max-width:768px) {
   ._1ye8k3fn {
-    margin-top: 1rem;
-  }
-}
-@media screen and (min-width:1024px) {
-  ._1ye8k3fn {
-    flex-wrap: wrap;
+    margin-top: 1.7rem;
   }
 }
 @media (max-width:1280px) and (min-width:1024px) {
   ._1ye8k3fb:not(._1ye8k3f0 ._1ye8k3fb) {
+    flex: 1 1;
     overflow: hidden;
   }
+  ._1ye8k3f6:not(._1ye8k3f0 ._1ye8k3f6) > * {
+    max-width: 50%;
+    width: 50%;
+  }
 }
 @media screen and (max-width:432px) {
   ._1ye8k3fp {

package/dist/assets/HeroBanner/LargeBanner.css

@@ -27,19 +27,19 @@
 }
 ._1bsyngo7 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 ._1bsyngo8 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8g);
 }
 ._1bsyngo9 {
   background: var(--_1073cm81);
-  color: var(--_1073cm83);
+  color: var(--_1073cm82);
 }
 ._1bsyngoa {
   background: var(--_1073cm81);
-  color: var(--_1073cm83);
+  color: var(--_1073cm82);
 }
 ._1bsyngob {
   display: block;
@@ -48,31 +48,31 @@
   letter-spacing: .2px;
 }
 ._1bsyngoc {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 ._1bsyngod {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 ._1bsyngoe {
-  color: var(--_1073cm85);
+  color: var(--_1073cm83);
 }
 ._1bsyngof {
-  color: var(--_1073cm85);
+  color: var(--_1073cm83);
 }
 ._1bsyngog {
-  font: 700 2.5rem / 1.25 var(--header-font-family);
+  font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._1bsyngoh {
-  color: var(--_1073cm8j);
+  color: var(--_1073cm8h);
 }
 ._1bsyngoi {
-  color: var(--_1073cm8j);
+  color: var(--_1073cm8h);
 }
 ._1bsyngoj {
-  color: var(--_1073cm85);
+  color: var(--_1073cm83);
 }
 ._1bsyngok {
-  color: var(--_1073cm85);
+  color: var(--_1073cm83);
 }
 ._1bsyngo6 p {
   font: 400 18px / 1.44 var(--main-font-family);

package/dist/assets/HeroBanner/SelectionBanner.css

@@ -1,8 +1,22 @@
 ._7etqoq0 {
-  font: 700 2.5rem / 1.25 var(--header-font-family);
-  color: var(--_1073cm85);
+  font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._7etqoq1 {
+  color: var(--_1073cm83);
+}
+._7etqoq2 {
+  background: var(--_1073cm8a);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._7etqoq3 {
+  color: var(--_1073cm8j);
+}
+._7etqoq4 {
+  color: var(--_1073cm8o);
+}
+._7etqoq5 {
   background: #fff;
   min-height: 480px;
   width: 50%;
@@ -10,7 +24,7 @@
   display: flex;
   align-items: center;
 }
-._7etqoq2 {
+._7etqoq6 {
   position: absolute;
   background: #fff;
   left: 0;
@@ -19,37 +33,37 @@
   width: 50vw;
   z-index: 0;
 }
-._7etqoq3 {
+._7etqoq7 {
   position: relative;
-  color: #1F1F1F;
+  color: #333D46;
   padding-left: 60px;
   max-width: 588px;
   width: 100%;
 }
-._7etqoq4 {
+._7etqoq8 {
   max-width: 64px;
   max-height: 64px;
   width: 64px;
   height: 64px;
   display: block;
 }
-._7etqoq5 {
+._7etqoq9 {
   max-width: 64px;
   width: 64px;
   height: 64px;
   max-height: 64px;
   display: block;
 }
-._7etqoq6 {
+._7etqoqa {
   background-color: var(--_1073cm812);
 }
-._7etqoq7 {
+._7etqoqb {
   background-color: var(--_1073cm812);
 }
-._7etqoq8 {
+._7etqoqc {
   background-color: var(--_1073cm812);
 }
-._7etqoq9 {
+._7etqoqd {
   background-color: var(--_1073cm812);
 }
 @media screen and (max-width:768px) {
@@ -60,12 +74,12 @@
   }
 }
 @media (max-width:1024px) {
-  ._7etqoq1 {
+  ._7etqoq5 {
     width: 100vw;
     padding: 2rem 0;
     min-height: auto;
   }
-  ._7etqoq3 {
+  ._7etqoq7 {
     width: min(45rem, calc(100% - 4rem));
     margin: 0 auto;
     padding: 2rem 0;
@@ -73,11 +87,11 @@
   }
 }
 @media screen and (max-width:1280px) {
-  ._7etqoq4 {
+  ._7etqoq8 {
     max-width: 48px;
     max-height: 48px;
   }
-  ._7etqoq5 {
+  ._7etqoq9 {
     max-width: 48px;
     max-height: 48px;
   }