@axos-web-dev/shared-components 1.0.77-patch.6 → 1.0.77-patch.60

package/dist/assets/HeroBanner/HeroBanner.css

@@ -5,20 +5,20 @@
 }
 ._1ye8k3f2 {
   background: var(--_1073cm81);
-  border-bottom: 1px solid #d4d4d4;
-  color: var(--_1073cm82);
+  border-bottom: 1px solid #B9C1CE;
+  color: var(--_1073cm83);
 }
 ._1ye8k3f3 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1ye8k3f4 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1ye8k3f5 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1ye8k3f6 {
   display: flex;
@@ -37,64 +37,57 @@
   display: contents;
 }
 ._1ye8k3fb img {
-  max-width: 604px;
   max-height: 480px;
+  max-width: 604px;
   object-fit: cover;
 }
 ._1ye8k3fd {
   display: block;
-  font: 700 14px / 1.3 var(--main-font-family);
+  font: 700 14px / 1.5 var(--main-font-family);
   margin-bottom: 4px;
   letter-spacing: .2px;
 }
 ._1ye8k3fe {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm85);
 }
 ._1ye8k3ff {
-  background: var(--_1073cm8b);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm8c);
 }
 ._1ye8k3fg {
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8j);
 }
 ._1ye8k3fh {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8q);
 }
 ._1ye8k3fi {
-  font: 600 2.5rem / 1.25 var(--header-font-family);
+  font: 700 2.5rem / 1.05 var(--header-font-family);
+  text-wrap: pretty;
+}
+.lchs2s0 ._1ye8k3fi {
+  font-size: 24px !important;
+  line-height: 1.16;
 }
 ._1ye8k3fj {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm85);
 }
 ._1ye8k3fk {
-  background: var(--_1073cm8b);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm8c);
 }
 ._1ye8k3fl {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1ye8k3fm {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1ye8k3f9 p {
-  font: 400 18px / 1.44 var(--main-font-family);
+  font: 400 1rem / 1.5 var(--main-font-family);
   letter-spacing: .2px;
 }
 ._1ye8k3fn {
   margin-top: 3.5rem;
   display: flex;
   align-items: center;
-  gap: 2rem;
+  gap: 1.5rem 56px;
 }
 ._1ye8k3fn:empty {
   display: none;
@@ -103,9 +96,16 @@
   margin-right: 15px;
   margin-top: 24px;
 }
-.section_spacer:has(._1ye8k3f6) {
+.page_body_contents > div:has(._1ye8k3f6) {
   margin-top: 0;
 }
+._1ye8k3fq {
+  position: relative;
+  text-align: left;
+}
+._1ye8k3fq + ._1ye8k3fq {
+  margin-top: 8px;
+}
 @media screen and (min-width:1024px) {
   ._1ye8k3f7 {
     flex-direction: row-reverse;
@@ -116,48 +116,28 @@
   }
   ._1ye8k3f9 {
     flex: 1 1;
-    max-width: 588px;
   }
   ._1ye8k3f0 ._1ye8k3f9 {
     max-width: 468px;
   }
 }
-@media screen and (max-width:1280px) {
-  ._1ye8k3fn {
-    margin-top: 2.5rem;
-  }
-  ._1ye8k3f0 ._1ye8k3fn {
+@media screen and (max-width:1023px) {
+  ._1ye8k3f6 {
     flex-direction: column;
   }
-  ._7etqoq5 ._1ye8k3fn {
-    flex-direction: row;
-    justify-content: center;
-    flex-wrap: wrap;
+  ._1ye8k3f9 {
+    text-align: center;
   }
 }
 @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 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: 603px) {
+  ._1ye8k3fa {
+    max-width: 100%;
+    width: 100%;
   }
 }
 @media (max-width: 1023px) {
@@ -172,11 +152,19 @@
 @media (min-width: 1024px) {
   ._1ye8k3f6 {
     gap: 2rem;
+    justify-content: center;
     min-height: 480px;
   }
   ._1ye8k3f0 ._1ye8k3f6 {
-    min-height: 740px;
     gap: 1.5rem;
+    min-height: 740px;
+  }
+  ._1ye8k3f1 ._1ye8k3f6 {
+    padding-left: 2rem;
+  }
+  ._1ye8k3f1 ._1ye8k3fa {
+    max-width: 1280px;
+    width: 100%;
   }
   ._1ye8k3fb {
     min-height: 480px;
@@ -185,17 +173,16 @@
     }
   }
 }
+@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: 603px) {
-  ._1ye8k3fa {
-    width: 100%;
-    max-width: 100%;
   }
 }
 @media (max-width: 450px) {
@@ -203,26 +190,60 @@
     width: 100%;
   }
 }
+@media screen and (max-width:1180px) and (min-width:1024px) {
+  ._1ye8k3fi {
+    font-size: 34px;
+  }
+}
 @media screen and (max-width:768px) {
   ._1ye8k3fi {
     font-size: 28px;
     line-height: 1.29;
   }
-  ._1ye8k3f9 p {
-    font-size: 1rem;
-    line-height: 1.5;
+}
+@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 {
-    margin-top: 1.7rem;
+    flex-direction: column;
+  }
+  ._1ye8k3fo {
+    margin: 24px auto 0 auto;
+  }
+}
+@media screen and (max-width:768px) {
+  ._1ye8k3fn {
+    margin-top: 1rem;
+  }
+}
+@media screen and (min-width:1024px) {
+  ._1ye8k3fn {
+    flex-wrap: wrap;
   }
 }
 @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 {
+    padding-left: 20px;
   }
 }

package/dist/assets/HeroBanner/LargeBanner.css

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

package/dist/assets/HeroBanner/SelectionBanner.css

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

package/dist/assets/Hyperlink/Hyperlink.css

@@ -3,18 +3,18 @@
   cursor: pointer;
 }
 .hvs5ng1 {
-  color: #0062B3;
+  color: var(--_1073cm82);
 }
 .hvs5ng1:hover {
   text-decoration: underline;
-  text-decoration-color: #0062B3;
+  text-decoration-color: var(--_1073cm82);
 }
 .hvs5ng2 {
-  color: #FAA74A;
+  color: var(--_1073cm8g);
 }
 .hvs5ng2:hover {
   text-decoration: underline;
-  text-decoration-color: #FAA74A;
+  text-decoration-color: var(--_1073cm8g);
 }
 .hvs5ng3 {
   color: inherit;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -3,20 +3,20 @@
 }
 ._1r4ovbu1 {
   background: var(--_1073cm81);
-  border: 1px solid #D4D4D4;
-  color: var(--_1073cm82);
+  border: 1px solid #E9EBEF;
+  color: var(--_1073cm83);
 }
 ._1r4ovbu2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1r4ovbu3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1r4ovbu4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1r4ovbu5 {
   gap: 16px;
@@ -43,121 +43,132 @@
   text-align: center;
 }
 ._1r4ovbua {
-  font: 600 28px/1.29 var(--header-font-family);
-}
-._1073cm80 ._1r4ovbub {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._1r4ovbub {
-  color: var(--_1073cm83);
+  position: relative;
 }
-.fl2fv50 ._1r4ovbub {
-  color: var(--_1073cm83);
+._1r4ovbub {
+  font: 700 28px/1.29 var(--header-font-family);
 }
-._1073cm80 ._1r4ovbuc {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+._1r4ovbua ._1r4ovbub {
+  font-size: 24px;
+  line-height: 1.16;
 }
-._1es6o1h0 ._1r4ovbuc {
-  color: var(--_1073cm8a);
-}
-.fl2fv50 ._1r4ovbuc {
-  color: var(--_1073cm8a);
+._1r4ovbuc {
+  color: var(--_1073cm85);
 }
 ._1r4ovbud {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8c);
 }
 ._1r4ovbue {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8j);
 }
 ._1r4ovbuf {
+  color: var(--_1073cm8q);
+}
+._1r4ovbug {
   display: flex;
   flex-direction: column;
   gap: 1em;
+  list-style: none;
 }
-._1r4ovbug {
+._1r4ovbug :is(ol,ul) {
+  padding-left: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: 8px;
+}
+._1r4ovbuh {
   position: relative;
   display: flex;
   gap: 10px;
 }
-._1r4ovbuh {
+._1r4ovbui {
   display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 24px;
   justify-content: center;
-  width: 100%;
   margin-top: auto;
   text-align: center;
-  flex-wrap: wrap;
-  gap: 24px;
-  align-items: center;
+  width: 100%;
 }
-._1r4ovbui {
+._1r4ovbuj {
   margin-inline: auto;
+  max-width: 1000px;
   padding-block: 2.5rem;
   text-align: center;
-  max-width: 1000px;
 }
-._1r4ovbui > p {
+._1r4ovbuj > p {
   margin-top: 8px;
 }
 ._1r4ovbuk {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  text-wrap: pretty;
 }
 ._1r4ovbul {
-  background: var(--_1073cm8b);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm85);
 }
 ._1r4ovbum {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8c);
 }
 ._1r4ovbun {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8j);
 }
 ._1r4ovbuo {
+  color: var(--_1073cm8q);
+}
+._1r4ovbup {
   display: grid;
   grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
   gap: 24px;
 }
-._1r4ovbup {
-  color: var(--_1073cm82);
-}
 ._1r4ovbuq {
-  background: var(--_1073cm81);
-  border: 1px solid #D4D4D4;
+  color: var(--_1073cm83);
 }
 ._1r4ovbur {
-  background: var(--_1073cm88);
+  background: var(--_1073cm81);
+  border: 1px solid #E9EBEF;
 }
 ._1r4ovbus {
-  background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  background: var(--_1073cm88);
 }
 ._1r4ovbut {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8h);
+}
+._1r4ovbuu {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 main > div:nth-last-child(2) > ._1r4ovbu0 {
   margin-bottom: 3.5rem;
 }
+._1r4ovbuv {
+  cursor: pointer;
+  position: relative;
+  transform: translateY(0px);
+  transition: all 0.38s ease;
+}
+._1r4ovbuv:hover {
+  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
+  transform: translateY(-4px);
+}
+._1r4ovbuv:active {
+  box-shadow: none;
+  transform: translateY(0px);
+}
+._1r4ovbuv:hover ._1r4ovbui a {
+  text-decoration: underline;
+}
 @media screen and (max-width: 380px) {
-  ._1r4ovbuh {
+  ._1r4ovbui {
     flex-direction: column;
   }
-  ._1r4ovbuh:first-child {
+  ._1r4ovbui:first-child {
     margin-bottom: 1em;
   }
 }
 @media screen and (max-width: 1023px) {
-  ._1r4ovbuo {
+  ._1r4ovbup {
     grid-template-columns: 1fr;
   }
   main > div:nth-last-child(2) > ._1r4ovbu0 {