@axos-web-dev/shared-components 0.0.61 → 0.0.63

package/dist/assets/Calculators/calculator.css

@@ -0,0 +1,47 @@
+.iois7n0 {
+  margin: 1.5em 0;
+  font: 400 16px / 1.3 var(--main-font-family);
+}
+.iois7n1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+.iois7n2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.iois7n3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.iois7n4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.iois7n5 {
+  font: 600 2.5rem / 1.25 var(--header-font-family);
+}
+.iois7n6 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.iois7n7 {
+  background: var(--_1073cm8b);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.iois7n8 {
+  color: var(--_1073cm8h);
+}
+.iois7n9 {
+  color: var(--_1073cm8o);
+}
+@media screen and (max-width:768px) {
+  .iois7n5 {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+}

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -35,28 +35,16 @@
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-._1073cm80 .txcb8d6 {
+.txcb8d6 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .txcb8d6 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .txcb8d7 {
-  color: var(--_1073cm8a);
-}
-._1es6o1h0 .txcb8d7 {
+.txcb8d7 {
   color: var(--_1073cm8a);
 }
-._1073cm80 .txcb8d8 {
-  color: var(--_1073cm8h);
-}
-._1es6o1h0 .txcb8d8 {
+.txcb8d8 {
   color: var(--_1073cm8h);
 }
-._1073cm80 .txcb8d9 {
-  color: var(--_1073cm8o);
-}
-._1es6o1h0 .txcb8d9 {
+.txcb8d9 {
   color: var(--_1073cm8o);
 }
 .txcb8da {
@@ -66,52 +54,28 @@
   line-height: 1.29;
   margin-top: 10px;
 }
-._1073cm80 .txcb8db {
-  color: var(--_1073cm83);
-}
-._1es6o1h0 .txcb8db {
+.txcb8db {
   color: var(--_1073cm83);
 }
-._1073cm80 .txcb8dc {
-  color: var(--_1073cm8a);
-}
-._1es6o1h0 .txcb8dc {
+.txcb8dc {
   color: var(--_1073cm8a);
 }
-._1073cm80 .txcb8dd {
+.txcb8dd {
   color: var(--_1073cm8g);
 }
-._1es6o1h0 .txcb8dd {
-  color: var(--_1073cm8g);
-}
-._1073cm80 .txcb8de {
-  color: var(--_1073cm8n);
-}
-._1es6o1h0 .txcb8de {
+.txcb8de {
   color: var(--_1073cm8n);
 }
-._1073cm80 .txcb8dg {
-  fill: var(--_1073cm83);
-}
-._1es6o1h0 .txcb8dg {
+.txcb8dg {
   fill: var(--_1073cm83);
 }
-._1073cm80 .txcb8dh {
+.txcb8dh {
   fill: var(--_1073cm8a);
 }
-._1es6o1h0 .txcb8dh {
-  fill: var(--_1073cm8a);
-}
-._1073cm80 .txcb8di {
+.txcb8di {
   fill: var(--_1073cm8h);
 }
-._1es6o1h0 .txcb8di {
-  fill: var(--_1073cm8h);
-}
-._1073cm80 .txcb8dj {
-  fill: var(--_1073cm8o);
-}
-._1es6o1h0 .txcb8dj {
+.txcb8dj {
   fill: var(--_1073cm8o);
 }
 .txcb8dk {
@@ -148,29 +112,17 @@
   text-decoration: none;
   font-weight: 600;
 }
-._1073cm80 .txcb8dp {
-  color: #0062B3;
-}
-._1es6o1h0 .txcb8dp {
+.txcb8dp {
   color: #0062B3;
 }
-._1073cm80 .txcb8dq {
+.txcb8dq {
   color: #0062B3;
 }
-._1es6o1h0 .txcb8dq {
-  color: #0062B3;
-}
-._1073cm80 .txcb8dr {
-  color: #fff;
-}
-._1es6o1h0 .txcb8dr {
-  color: #fff;
-}
-._1073cm80 .txcb8ds {
-  color: #FAA74A;
+.txcb8dr {
+  color: var(--_1073cm8h);
 }
-._1es6o1h0 .txcb8ds {
-  color: #FAA74A;
+.txcb8ds {
+  color: var(--_1073cm8o);
 }
 .txcb8do a {
   text-decoration: none;
@@ -209,53 +161,29 @@ $.txcb8dl + .txcb8du {
   padding-bottom: 56px;
   margin-top: 0;
 }
-._1073cm80 .txcb8d12 {
+.txcb8d12 {
   background: var(--_1073cm81);
 }
-._1es6o1h0 .txcb8d12 {
-  background: var(--_1073cm81);
-}
-._1073cm80 .txcb8d13 {
+.txcb8d13 {
   background: var(--_1073cm88);
 }
-._1es6o1h0 .txcb8d13 {
-  background: var(--_1073cm88);
-}
-._1073cm80 .txcb8d14 {
+.txcb8d14 {
   background: var(--_1073cm8f);
 }
-._1es6o1h0 .txcb8d14 {
-  background: #1E262F;
-}
-._1073cm80 .txcb8d15 {
+.txcb8d15 {
   background: var(--_1073cm8m);
 }
-._1es6o1h0 .txcb8d15 {
-  background: #1E262F;
-}
-._1073cm80 .txcb8d17 {
+.txcb8d17 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .txcb8d17 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .txcb8d18 {
+.txcb8d18 {
   color: var(--_1073cm8a);
 }
-._1es6o1h0 .txcb8d18 {
-  color: var(--_1073cm8a);
-}
-._1073cm80 .txcb8d19 {
-  color: #1E3860;
-}
-._1es6o1h0 .txcb8d19 {
-  color: #1E262F;
-}
-._1073cm80 .txcb8d1a {
-  color: #1E3860;
+.txcb8d19 {
+  color: var(--_1073cm8h);
 }
-._1es6o1h0 .txcb8d1a {
-  color: #1E262F;
+.txcb8d1a {
+  color: var(--_1073cm8o);
 }
 .txcb8d1b {
   position: relative;

package/dist/assets/HeroBanner/HeroBanner.css

@@ -114,6 +114,11 @@
   ._1ye8k3f0 ._1ye8k3fl {
     flex-direction: column;
   }
+  ._7etqoq5 ._1ye8k3fl {
+    flex-direction: row;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
 }
 @media (max-width: 1280px) and (min-width: 1024px) {
   ._1ye8k3f0 ._1ye8k3f9 {

package/dist/assets/HeroBanner/SelectionBanner.css

@@ -0,0 +1,83 @@
+._7etqoq0 {
+  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%;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+._7etqoq6 {
+  position: absolute;
+  background: #fff;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 50vw;
+  z-index: 0;
+}
+._7etqoq7 {
+  position: relative;
+  color: #333D46;
+  padding-left: 60px;
+  max-width: 588px;
+  width: 100%;
+}
+._7etqoq8 {
+  max-width: 64px;
+  max-height: 64px;
+  width: 100%;
+  height: 100%;
+}
+._7etqoq9 {
+  max-width: 64px;
+  width: 100%;
+  height: 100%;
+  max-height: 64px;
+}
+@media screen and (max-width:768px) {
+  ._7etqoq0 {
+    font-size: 28px;
+    line-height: 1.29;
+    text-align: center;
+  }
+}
+@media (max-width:1024px) {
+  ._7etqoq5 {
+    width: 100vw;
+    padding: 2rem 0;
+  }
+  ._7etqoq7 {
+    width: min(45rem, calc(100% - 4rem));
+    margin: 0 auto;
+    padding: 2rem 0;
+    text-align: center;
+  }
+}
+@media screen and (max-width:1280px) {
+  ._7etqoq8 {
+    max-width: 48px;
+    max-height: 48px;
+  }
+  ._7etqoq9 {
+    max-width: 48px;
+    max-height: 48px;
+  }
+}