@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui.2 → 2.0.0-dev.30-toast

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -26,6 +26,7 @@
 }
 .txcb8d1 .txcb8d7 {
   font-size: 20px;
+  line-height: 97%;
 }
 .txcb8d8 {
   color: var(--_1073cm85);
@@ -52,6 +53,7 @@
   font-weight: 400;
   line-height: 1.5;
   margin-top: 4px;
+  text-wrap: auto;
 }
 .txcb8dd {
   color: var(--_1073cm83);
@@ -78,12 +80,31 @@
   fill: var(--_1073cm8n);
 }
 .txcb8dm {
-  flex: 1 1 0%;
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+}
+.txcb8d1 .txcb8dm {
+  flex: 1 0 0;
+  align-items: flex-start;
+  margin-top: 0px;
+  min-width: 0;
+  align-self: stretch;
 }
 .txcb8dn {
-  flex: 1 1 0%;
+  flex: 1 1 0;
+  display: flex;
+  justify-content: space-between;
   max-width: 100%;
 }
+.txcb8d1 .txcb8dn {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 8px;
+}
 .txcb8dn a {
   color: inherit;
 }
@@ -91,9 +112,6 @@
   opacity: 0.8;
   text-decoration: underline;
 }
-.txcb8dn > * + * {
-  margin-top: 24px;
-}
 .txcb8do {
   padding: 48px;
 }
@@ -121,16 +139,16 @@
 .txcb8dq {
   font-family: var(--header-font-family);
   font-size: 18px;
-  line-height: 1.44;
+  line-height: 115%;
   font-weight: 700;
-  margin-left: 15px;
   overflow: hidden;
   text-decoration: none;
-  text-overflow: ellipsis;
 }
 .txcb8d1 .txcb8dq {
   margin-left: 0px;
-  overflow: visible;
+  min-width: 0;
+  max-width: 100%;
+  font-size: 14px;
 }
 .txcb8dq:hover {
   opacity: 0.7;
@@ -153,6 +171,12 @@
 .txcb8dv {
   display: flex;
   flex-direction: column;
+  gap: 24px;
+}
+.txcb8d1 .txcb8dv {
+  gap: 8px;
+  flex: 0 0 auto;
+  justify-content: flex-end;
 }
 .txcb8dx {
   aspect-ratio: 1 / 1;
@@ -509,6 +533,9 @@ main > div:has(.txcb8d1k) {
 .txcb8d1 .arrow {
   margin-left: 8px;
 }
+.txcb8d1 .txcb8dv a svg {
+  display: block;
+}
 @media (max-width: 1240px) and (min-width: 1024px) {
   .txcb8dn {
     max-width: max-content;
@@ -613,17 +640,14 @@ main > div:has(.txcb8d1k) {
     font-size: 16px;
     line-height: 1.5;
   }
-  .txcb8dn > * + * {
-    margin-top: 10px;
-  }
   .txcb8do {
     padding: 24px;
   }
   .txcb8dp {
     margin-top: 8px;
   }
-  .txcb8dq {
-    margin-left: 10px;
+  .txcb8d1 .txcb8dq {
+    overflow-wrap: anywhere;
   }
   .txcb8dv {
     margin-top: 16px;

package/dist/assets/HeroBanner/HeroBanner.css

@@ -1,249 +1,267 @@
-._1ye8k3f1 {
+._1ye8k3f2 {
   position: relative;
   overflow: hidden;
   isolation: isolate;
 }
-._1ye8k3f2 {
+._1ye8k3f3 {
   background: var(--_1073cm81);
   border-bottom: 1px solid #B9C1CE;
   color: var(--_1073cm83);
 }
-._1ye8k3f3 {
+._1ye8k3f4 {
   background: var(--_1073cm88);
   color: var(--_1073cm8a);
 }
-._1ye8k3f4 {
+._1ye8k3f5 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8h);
 }
-._1ye8k3f5 {
+._1ye8k3f6 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8o);
 }
-._1ye8k3f6 {
+._1ye8k3f7 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-._1ye8k3f9 {
+._1ye8k3fa {
   padding: 2rem 0;
 }
-._1ye8k3fb {
+._1ye8k3fc {
   display: flex;
   justify-content: flex-end;
   max-width: 604px;
+  position: relative;
 }
-._1ye8k3fc {
+._1ye8k3fd {
   display: contents;
 }
-._1ye8k3fb img {
+._1ye8k3fc img {
   max-height: 480px;
   max-width: 604px;
   object-fit: cover;
 }
-._1ye8k3fd {
+._1ye8k3fe {
   display: block;
   font: 700 14px / 1.5 var(--main-font-family);
   margin-bottom: 4px;
   letter-spacing: .2px;
 }
-._1ye8k3fe {
+._1ye8k3ff {
   color: var(--_1073cm85);
 }
-._1ye8k3ff {
+._1ye8k3fg {
   color: var(--_1073cm8c);
 }
-._1ye8k3fg {
+._1ye8k3fh {
   color: var(--_1073cm8j);
 }
-._1ye8k3fh {
+._1ye8k3fi {
   color: var(--_1073cm8q);
 }
-._1ye8k3fi {
+._1ye8k3fj {
   font: 700 2.5rem / 1.05 var(--header-font-family);
   text-wrap: pretty;
 }
-.lchs2s0 ._1ye8k3fi {
+.lchs2s0 ._1ye8k3fj {
   font-size: 24px !important;
   line-height: 1.16;
 }
-._1ye8k3fj {
+._1ye8k3fk {
   color: var(--_1073cm85);
 }
-._1ye8k3fk {
+._1ye8k3fl {
   color: var(--_1073cm8c);
 }
-._1ye8k3fl {
+._1ye8k3fm {
   color: var(--_1073cm8j);
 }
-._1ye8k3fm {
+._1ye8k3fn {
   color: var(--_1073cm8q);
 }
-._1ye8k3f9 p {
+._1ye8k3fa p {
   font: 400 1rem / 1.5 var(--main-font-family);
   letter-spacing: .2px;
 }
-._1ye8k3fn {
+._1ye8k3fo {
   margin-top: 3.5rem;
   display: flex;
   align-items: center;
   gap: 1.5rem 56px;
 }
-._1ye8k3fn:empty {
+._1ye8k3fo:empty {
   display: none;
 }
-._1ye8k3fo {
+._1ye8k3fp {
   margin-right: 15px;
   margin-top: 24px;
 }
-.page_body_contents > div:has(._1ye8k3f6) {
+.page_body_contents > div:has(._1ye8k3f7) {
   margin-top: 0;
 }
-._1ye8k3fq {
+._1ye8k3fr {
   position: relative;
   text-align: left;
 }
-._1ye8k3fq + ._1ye8k3fq {
+._1ye8k3fr + ._1ye8k3fr {
   margin-top: 8px;
 }
 @media screen and (min-width:1024px) {
-  ._1ye8k3f7 {
+  ._1ye8k3f8 {
     flex-direction: row-reverse;
   }
-  ._1ye8k3f8 {
+  ._1ye8k3f9 {
     left: 0;
     right: unset;
   }
-  ._1ye8k3f9 {
+  ._1ye8k3fa {
     flex: 1 1;
   }
-  ._1ye8k3f0 ._1ye8k3f9 {
+  ._1ye8k3f0 ._1ye8k3fa {
     max-width: 468px;
   }
 }
 @media screen and (max-width:1023px) {
-  ._1ye8k3f6 {
+  ._1ye8k3f7 {
     flex-direction: column;
   }
-  ._1ye8k3f9 {
+  ._1ye8k3fa {
     text-align: center;
   }
 }
-@media (max-width: 1280px) and (min-width: 1024px) {
-  ._1ye8k3f0 ._1ye8k3fa {
-    width: calc(100% - 28px);
-  }
-}
 @media (max-width: 603px) {
-  ._1ye8k3fa {
+  ._1ye8k3fb {
     max-width: 100%;
     width: 100%;
   }
 }
 @media (max-width: 1023px) {
-  ._1ye8k3fb {
+  ._1ye8k3fc {
     justify-content: center;
     width: min(375px,100%);
   }
-  ._1ye8k3fb img {
+  ._1ye8k3fc img {
     max-width: 100%;
   }
 }
 @media (min-width: 1024px) {
-  ._1ye8k3f6 {
+  ._1ye8k3f7 {
     gap: 2rem;
     justify-content: center;
     min-height: 480px;
   }
-  ._1ye8k3f0 ._1ye8k3f6 {
+  ._1ye8k3f0 ._1ye8k3f7 {
     gap: 1.5rem;
     min-height: 740px;
   }
-  ._1ye8k3f1 ._1ye8k3f6 {
+  ._1ye8k3f2 ._1ye8k3f7 {
     padding-left: 2rem;
   }
-  ._1ye8k3f1 ._1ye8k3fa {
+  ._1ye8k3f1 ._1ye8k3f7 {
+    justify-content: space-between;
+  }
+  ._1ye8k3f2 ._1ye8k3fb {
     max-width: 1280px;
     width: 100%;
   }
-  ._1ye8k3fb {
+  ._1ye8k3fc {
     min-height: 480px;
-    _1ye8k3f0 & {
-      max-width: 708px;
-    }
+  }
+  ._1ye8k3f0 ._1ye8k3fc {
+    max-width: 708px;
+  }
+  ._1ye8k3f1 ._1ye8k3fc {
+    align-self: stretch;
+  }
+  ._1ye8k3f1 ._1ye8k3fc img {
+    max-width: none;
+    max-height: none;
   }
 }
 @media screen and (min-width:1281px) {
-  ._1ye8k3f1 ._1ye8k3f6 {
+  ._1ye8k3f2 ._1ye8k3f7 {
     gap: 40px;
     padding-left: 40px;
   }
 }
 @media screen and (max-width:603px) {
-  ._1ye8k3f9 {
+  ._1ye8k3fa {
     margin-inline: auto;
     max-width: calc(100% - 2rem);
   }
 }
+@media screen and (max-width:1023px) and (min-width:451px) {
+  ._1ye8k3f1 ._1ye8k3fc {
+    width: min(400px,100%);
+    aspect-ratio: 1px;
+    border-radius: 1rem 1rem 0 0;
+    overflow: hidden;
+  }
+}
 @media (max-width: 450px) {
-  ._1ye8k3fb {
+  ._1ye8k3fc {
     width: 100%;
   }
 }
 @media screen and (max-width:1180px) and (min-width:1024px) {
-  ._1ye8k3fi {
+  ._1ye8k3fj {
     font-size: 34px;
   }
 }
 @media screen and (max-width:768px) {
-  ._1ye8k3fi {
+  ._1ye8k3fj {
     font-size: 28px;
     line-height: 1.29;
   }
 }
 @media screen and (max-width:1280px) {
-  ._1ye8k3fn {
+  ._1ye8k3fo {
     margin-top: 2.5rem;
   }
-  ._1ye8k3f0 ._1ye8k3fn {
+  ._1ye8k3f0 ._1ye8k3fo {
     flex-direction: column;
   }
-  ._7etqoq1 ._1ye8k3fn {
+  ._7etqoq1 ._1ye8k3fo {
     flex-direction: row;
     justify-content: center;
     flex-wrap: wrap;
   }
 }
 @media (max-width: 1280px) and (min-width: 1024px) {
-  ._1ye8k3f0 ._1ye8k3fn {
+  ._1ye8k3f0 ._1ye8k3fo {
     align-items: flex-start;
   }
 }
 @media screen and (max-width:1023px) {
-  ._1ye8k3fn {
+  ._1ye8k3fo {
     flex-direction: column;
   }
-  ._1ye8k3fo {
+  ._1ye8k3fp {
     margin: 24px auto 0 auto;
   }
 }
 @media screen and (max-width:768px) {
-  ._1ye8k3fn {
+  ._1ye8k3fo {
     margin-top: 1rem;
   }
 }
 @media screen and (min-width:1024px) {
-  ._1ye8k3fn {
+  ._1ye8k3fo {
     flex-wrap: wrap;
   }
+  ._1bsyngo0 ._1ye8k3fo {
+    margin-top: 32px;
+    gap: 16px 32px;
+  }
 }
 @media (max-width:1280px) and (min-width:1024px) {
-  ._1ye8k3fb:not(._1ye8k3f0 ._1ye8k3fb) {
+  ._1ye8k3fc:not(._1ye8k3f0 ._1ye8k3fc) {
     overflow: hidden;
   }
 }
 @media screen and (max-width:432px) {
-  ._1ye8k3fp {
+  ._1ye8k3fq {
     padding-left: 20px;
   }
 }