@axos-web-dev/shared-components 0.0.1

package/dist/assets/AlertBanner/AlertBanner.css

@@ -0,0 +1,39 @@
+._1jmmqba0 {
+  min-height: 58px;
+  padding: 16px 120px;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+}
+._1jmmqba1 {
+  background: #DEF4FF;
+  border-left: 8px solid #2F5B88;
+}
+._1jmmqba2 {
+  background: #FFFBF2;
+  border-left: 8px solid #D2272F;
+}
+._1jmmqba3 > img {
+  max-width: 18px;
+}
+._1jmmqba4 {
+  gap: 3rem;
+}
+._1jmmqba5 > .sc__btn {
+  margin-left: 0;
+  white-space: nowrap;
+}
+@media screen and (max-width:1280px) {
+  ._1jmmqba0 {
+    padding: 16px 40px;
+  }
+}
+@media screen and (max-width:450px) {
+  ._1jmmqba0 {
+    align-items: self-start;
+  }
+  ._1jmmqba4 {
+    flex-direction: column;
+    gap: 1rem;
+  }
+}

package/dist/assets/ApyCalculator/ApyCalculator.css

@@ -0,0 +1,166 @@
+._74vxga1 {
+  width: 50%;
+}
+._74vxga2 {
+  margin-bottom: 2.5rem;
+  max-width: 49.5rem;
+  text-align: center;
+  margin-inline: auto;
+}
+._74vxga2 .header_1 {
+  background: var(--gysk0y3);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._74vxga4 {
+  text-align: center;
+  color: red;
+  font-size: larger;
+}
+._74vxga5 {
+  max-width: 792px;
+  margin: 0 auto;
+}
+._74vxga6 {
+  margin-top: 1rem;
+}
+._74vxga6 label {
+  padding-left: 3px;
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 5px;
+  display: inline-block;
+}
+._74vxga6 input, ._74vxga6 select {
+  border-radius: 1rem;
+  outline: 0;
+  border-style: none;
+  padding: 1rem 2rem;
+  font-size: 18px;
+  letter-spacing: .3px;
+  color: #363636;
+  -webkit-appearance: none;
+}
+._74vxga6 .input_label {
+  background: var(--gysk0y3);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._74vxga7 {
+  position: relative;
+}
+._74vxga8 {
+  position: absolute;
+  color: #323339;
+  font-size: 18px;
+  font-weight: 500!important;
+  margin-bottom: 0;
+}
+._74vxga9 {
+  left: 21px;
+  top: 47px;
+}
+._74vxgaa {
+  top: 47px;
+  right: 10px;
+}
+._74vxgab {
+  padding-left: 2rem;
+}
+._74vxgad {
+  width: 100%;
+}
+._74vxgae > p {
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 10px;
+  letter-spacing: .2px;
+}
+._74vxgag {
+  color: black;
+  background-color: #edeef0;
+}
+._74vxgag .header_2 {
+  background: var(--gysk0y3);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._74vxgah {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+}
+._74vxgai {
+  margin-top: 10px;
+  margin-bottom: 0;
+  width: 100%;
+}
+._74vxgai th {
+  font-size: 18px;
+  letter-spacing: .2px;
+  line-height: 1.44;
+  text-transform: none;
+  font-weight: 600;
+  text-align: left;
+  padding: 20px 20px 22px;
+}
+._74vxgai td {
+  padding: 20px 20px 22px;
+  flex: 1 1;
+}
+._74vxgai tbody tr:nth-child(odd) {
+  background-color: #FFFFFF;
+  border-radius: 8px;
+}
+._74vxgai tbody tr {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+._74vxgai a {
+  color: inherit;
+}
+@media screen and (max-width:1124px) {
+  ._74vxga0 {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+  ._74vxga1 {
+    width: 100%;
+  }
+  ._74vxgaf {
+    margin-top: 2rem;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._74vxga6 input, ._74vxga6 select {
+    font-size: 1rem;
+  }
+  ._74vxgae {
+    margin-top: 1rem;
+  }
+}
+@media screen and (max-width:992px) {
+  ._74vxgai {
+    margin-top: 25px;
+  }
+}
+@media screen and (min-width:768px) {
+  ._74vxgai th {
+    flex: 1 1;
+  }
+  ._74vxgai th:first-child, ._74vxgai td:first-child {
+    flex: 2 2;
+  }
+  ._74vxgai tr {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+  }
+  ._74vxgai td {
+    padding: 20px;
+    font-size: 18px;
+    line-height: 1.44;
+    letter-spacing: .2px;
+  }
+}

package/dist/assets/BulletItem/BulletItem.css

@@ -0,0 +1,4 @@
+.d5iqlx0 {
+  display: block;
+  font-family: var(--main-font-family);
+}

package/dist/assets/Button/Button.css

@@ -0,0 +1,128 @@
+._13pdpuj0 {
+  font-weight: 700;
+  border-width: 2px;
+  border-style: solid;
+  max-width: 25ch;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100%;
+  text-align: center;
+  text-decoration: none;
+}
+._13pdpuj0:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+._13pdpuj1 {
+  background: var(--gysk0y5);
+  border-color: var(--gysk0y5);
+  color: var(--gysk0y4);
+}
+._13pdpuj1:hover {
+  background: transparent;
+  color: var(--gysk0y5);
+}
+._13pdpuj2 {
+  background: var(--gysk0yh);
+  border-color: var(--gysk0yh);
+  color: var(--gysk0yg);
+}
+._13pdpuj2:hover {
+  background: transparent;
+  color: var(--gysk0yh);
+}
+._13pdpuj3 {
+  background: var(--gysk0y4);
+  border-color: var(--gysk0y4);
+  color: var(--gysk0y5);
+}
+._13pdpuj3:hover {
+  background: transparent;
+  color: var(--gysk0y4);
+}
+._13pdpuj4 {
+  background: #D4D4D4;
+  border-color: #D4D4D4;
+}
+._13pdpuj5 {
+  padding-inline: 32px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  font-size: 14px;
+  line-height: 20px;
+}
+._13pdpuj6 {
+  padding-inline: 48px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  font-size: 16px;
+  line-height: 24px;
+}
+._13pdpuj7 {
+  padding-inline: 64px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  font-size: 18px;
+  line-height: 26px;
+}
+._13pdpuj8 {
+  border: 2px solid transparent;
+  color: #F4F4F4;
+  background: transparent;
+  cursor: not-allowed;
+}
+._13pdpuj9 {
+  border-radius: 0;
+}
+._13pdpuja {
+  border-radius: 4px;
+}
+._13pdpujb {
+  border-radius: 8px;
+}
+._13pdpujc {
+  border-radius: 16px;
+}
+._13pdpujd {
+  color: #5E6A74;
+  background: transparent;
+  cursor: not-allowed;
+}
+._13pdpujd:hover {
+  cursor: not-allowed;
+  background: transparent;
+  text-decoration: none;
+  color: #5E6A74;
+}
+._13pdpuje {
+  background: #8F8F8F;
+  color: #FFFFFF;
+}
+._13pdpuje:hover {
+  cursor: not-allowed;
+  background: #8F8F8F;
+  text-decoration: none;
+  color: #FFFFFF;
+}
+._13pdpujf {
+  background: #8F8F8F;
+  color: #FFFFFF;
+}
+._13pdpujf:hover {
+  cursor: not-allowed;
+  background: #8F8F8F;
+  text-decoration: none;
+  color: #FFFFFF;
+}
+._13pdpujg {
+  height: 50px;
+  padding: 12px 64px 12px 64px;
+}
+._13pdpujh {
+  height: 40px;
+  padding: 8px 48px 8px 48px;
+}
+._13pdpuji {
+  height: 28px;
+  padding: 4px 32px 4px 32px;
+}

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -0,0 +1,133 @@
+._1tdyl740 {
+  width: 100%;
+  background: var(--gysk0yc);
+  color: var(--gysk0yd);
+}
+._1tdyl740 .containment {
+  height: -webkit-fit-content;
+}
+._1tdyl740 .flex {
+  align-items: center;
+  gap: 24px;
+}
+._1tdyl741 {
+  height: -webkit-fit-content;
+}
+._1tdyl742 {
+  width: 256px;
+  height: 256px;
+}
+._1tdyl743 {
+  width: 491px;
+  height: 256px;
+}
+._1tdyl744 {
+  width: 160px;
+  height: 160px;
+}
+._1tdyl745 {
+  width: 306px;
+  height: 160px;
+}
+._1tdyl746 {
+  height: 256px;
+}
+._1tdyl747 {
+  height: 216px;
+}
+._1tdyl748 {
+  height: 160px;
+}
+._1tdyl749 {
+  height: 120px;
+}
+._1tdyl74a {
+  height: 88px;
+}
+._1tdyl74b {
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+._1tdyl74c {
+  position: relative;
+  top: -40px;
+}
+._1tdyl74d {
+  gap: 24px;
+}
+._1tdyl74e {
+  filter: drop-shadow(0 1px 3px rgb(255 255 255/0.4));
+}
+._1tdyl74e .containment .promo_wrapper {
+  min-height: 0;
+}
+._1tdyl74f {
+  position: fixed;
+  top: 10px;
+  z-index: 999;
+  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
+  margin: -10px 0;
+}
+._1tdyl74g {
+  gap: 24px;
+}
+._1tdyl74g .sc__btn {
+  margin-left: 0;
+}
+@media screen and (max-width:1127px) {
+  [class*=cta_section_lg] {
+    max-height: 256px;
+    height: auto;
+  }
+  [class*=cta_section_md] {
+    height: 160px;
+  }
+  ._1tdyl741 > img {
+    position: unset;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._1tdyl740 {
+    height: auto;
+    max-height: none;
+  }
+  ._1tdyl740 .flex {
+    flex-direction: column;
+    gap: 0;
+  }
+  ._1tdyl74d {
+    text-align: center;
+    padding: 24px;
+    flex-direction: column;
+  }
+  ._1tdyl74d p {
+    margin-top: 8px;
+  }
+  ._1tdyl74f {
+    position: fixed;
+    top: 10px;
+    z-index: 999;
+    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
+    margin: -10px 0;
+    padding: 1rem 0;
+  }
+  ._1tdyl741 > img {
+    position: unset;
+    margin-top: 32px;
+    width: 375px;
+    height: 196px;
+  }
+  ._1tdyl74g {
+    justify-content: center;
+    padding: 24px;
+  }
+}
+@media screen and (max-width:510px) {
+  ._1tdyl74g {
+    gap: 24px;
+    flex-direction: column;
+    margin-right: 0;
+  }
+}

package/dist/assets/Carousel/Carousel.css

@@ -0,0 +1,136 @@
+.jgs3fs0 {
+  display: flex;
+  flex: row;
+  gap: 1em;
+  width: 100%;
+  justify-content: center;
+  margin-top: 16px;
+}
+.jgs3fs1 {
+  display: flex;
+  flex-direction: column;
+  border-radius: 16px;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+.jgs3fs2 {
+  background: var(--gysk0y0);
+  color: var(--gysk0y2);
+}
+.jgs3fs3 {
+  background: var(--gysk0y6);
+  color: var(--gysk0y8);
+}
+.jgs3fs4 {
+  background: var(--gysk0yc);
+  color: var(--gysk0ye);
+}
+.jgs3fs5 {
+  background: var(--gysk0yi);
+  color: var(--gysk0yj);
+}
+.jgs3fs6 {
+  display: flex;
+  gap: 10px;
+  text-align: center;
+  justify-content: center;
+}
+.jgs3fs7 {
+  font-size: 18px;
+  font-weight: 600;
+  letter-spacing: 0.2px;
+}
+.jgs3fs9 {
+  color: var(--gysk0y2);
+}
+.jgs3fsa {
+  color: var(--gysk0y8);
+}
+.jgs3fsb {
+  color: var(--gysk0ye);
+}
+.jgs3fsc {
+  color: var(--gysk0yk);
+}
+.jgs3fsd {
+  text-align: center;
+  gap: 24px;
+  font-style: italic;
+  letter-spacing: 0.2px;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+  opacity: 0;
+  transition-timing-function: ease-in-out;
+  transition-duration: 0.6s;
+  transition-property: all;
+  transition-behavior: left;
+}
+.jgs3fse {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  opacity: 1;
+  transition-delay: .5s;
+}
+.jgs3fsf {
+  display: none;
+}
+.jgs3fsg {
+  display: flex;
+}
+.jgs3fsh {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: 46px;
+  border: none;
+  margin-bottom: 24px;
+}
+.jgs3fsi {
+  width: 12px;
+  height: 12px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 100px;
+  cursor: pointer;
+}
+.jgs3fsj {
+  border-color: #1E3860;
+}
+.jgs3fsj:hover {
+  background: #87B9D7;
+}
+.jgs3fsk {
+  border-color: #1E3860;
+}
+.jgs3fsk:hover {
+  background: #87B9D7;
+}
+.jgs3fsl {
+  border-color: #FFFFFF;
+}
+.jgs3fsl:hover {
+  background: #EBEBEB;
+}
+.jgs3fsm {
+  border-color: #FAA74A;
+}
+.jgs3fsm:hover {
+  background: #FFE7D2;
+}
+.jgs3fso {
+  background: #1E3860;
+}
+.jgs3fsp {
+  background: #1E3860;
+}
+.jgs3fsq {
+  background: #FFFFFF;
+}
+.jgs3fsr {
+  background: #FAA74A;
+}

package/dist/assets/Chevron/Chevron.css

@@ -0,0 +1,20 @@
+._1gp5vfo0 {
+  font-weight: 600;
+  opacity: 1;
+  margin-bottom: 0;
+  padding: 0;
+  text-decoration: none;
+  cursor: pointer;
+}
+._1gp5vfo1 {
+  color: var(--gysk0y5);
+}
+._1gp5vfo2 {
+  color: var(--gysk0yh);
+}
+._1gp5vfo3 {
+  color: var(--gysk0yd);
+}
+._1gp5vfo4 .arrow {
+  margin-left: 15px;
+}

package/dist/assets/CollectInformationAlert/CollectInformationAlert.css

@@ -0,0 +1,110 @@
+._1qdneat0 {
+  position: fixed;
+  background: var(--gysk0yc);
+  border-radius: 10px;
+  bottom: 20px;
+  box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
+  color: #FFFFFF;
+  display: flex;
+  left: 50%;
+  transform: translate(-50%, 0%);
+  max-width: 1200px;
+  overflow: hidden;
+  padding: 32.23px;
+  text-align: left;
+  width: 100%;
+  word-break: break-word;
+  z-index: 1001;
+}
+._1qdneat1 {
+  margin-left: 20px;
+  margin-right: 1px;
+}
+._1qdneat2 {
+  position: absolute;
+  color: #FFFFFF;
+  cursor: pointer;
+  display: block;
+  letter-spacing: 0.2px;
+  margin-bottom: 0px;
+  right: 20px;
+  text-decoration: none;
+  top: 20px;
+}
+._1qdneat3 {
+  background: #FFFFFF;
+  border-radius: 8px;
+  box-shadow: 0px 2px 15px rgb(0 0 0 / 25%);
+  color: #1E3860;
+  display: inline-block;
+  font-size: 16px;
+  font-weight: 400;
+  letter-spacing: .2px;
+  line-height: 1.44;
+  margin-bottom: 0px;
+  padding: 12px 67px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+._1qdneat4 {
+  max-width: 77%;
+}
+._1qdneat5 {
+  flex: 1 1 0%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+._1qdneat4 p {
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: 0.2px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+._1qdneat4 p:last-of-type {
+  margin-bottom: 0px;
+}
+._1qdneat4 p a {
+  color: #FFFFFF;
+}
+@media screen and (max-width:1300px) {
+  ._1qdneat0 {
+    padding: 25.23px 25.09px;
+  }
+  ._1qdneat3 {
+    padding: 12px 55px;
+  }
+  ._1qdneat4 {
+    padding-right: 1rem;
+  }
+}
+@media screen and (max-width:825px) {
+  ._1qdneat0 {
+    display: block;
+    bottom: initial;
+    left: 50%;
+    max-width: calc(100%-40px);
+    padding: 37px 1.5rem 1.5rem;
+    top: 50%;
+    transform: translate3d(-50%, -50%, 0px);
+    text-align: center;
+  }
+  ._1qdneat4 {
+    max-width: 100%;
+    padding-left: 0;
+  }
+  ._1qdneat5 {
+    margin-top: 36px;
+  }
+}
+@media screen and (max-width:500px) {
+  ._1qdneat0 {
+    max-width: calc(100% - 28px);
+  }
+}
+@media screen and (max-width:1024px) {
+  ._1qdneat2 {
+    right: 20px;
+  }
+}