@axos-web-dev/shared-components 1.0.77-patch.8 → 1.0.77-patch.92-rev.1

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -1,3 +1,13 @@
+@keyframes _11b2y8zo {
+  0% {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 ._11b2y8z0 {
   position: relative;
 }
@@ -8,11 +18,24 @@
   background: #fff;
   color: #1e3860;
 }
+._11b2y8z0 th {
+  background: #fff !important;
+  color: #1e3860;
+}
+._11b2y8z0 ._1nivbwet {
+  overflow-x: hidden;
+}
+._11b2y8z0 tbody tr:first-child td:first-child {
+  border-radius: 1rem 0 0 1rem !important;
+}
+._11b2y8z0 tbody tr:first-child td:last-child {
+  border-radius: 0 1rem 1rem 0 !important;
+}
 ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
   background: #fff;
 }
 ._11b2y8z0 > .containment {
-  padding: 84px 82px 100px;
+  padding: 56px;
   background: #def4ff;
   border-radius: 1rem;
 }
@@ -28,6 +51,11 @@
   line-height: 1.3;
   color: #1e3860;
   font-family: var(--header-font-family);
+  border-radius: 0px !important;
+}
+._11b2y8z0 tbody tr:not(:first-child) td {
+  background: #fff !important;
+  border-radius: 0px !important;
 }
 ._11b2y8z1 {
   padding: 40px 56px;
@@ -61,7 +89,7 @@
   font-family: var(--header-font-family);
   outline: 0;
   padding-left: 3px;
-  font-weight: 600;
+  font-weight: 700;
   color: #1e3860;
   margin: 0;
 }
@@ -69,11 +97,11 @@
   display: none;
 }
 ._11b2y8z8 {
-  font-weight: 600;
+  font-weight: 700;
   font-size: 18px;
   line-height: 1.4;
   padding: 14px 64px;
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm82);
   color: #FFFFFF;
   width: auto;
 }
@@ -93,38 +121,51 @@
   margin-top: 1rem;
 }
 ._11b2y8ze {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._11b2y8zf {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._11b2y8zg {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._11b2y8zh {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._11b2y8zi {
   margin-top: 16px;
 }
 ._11b2y8zj {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._11b2y8zk {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._11b2y8zl {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._11b2y8zm {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
+}
+._11b2y8zn {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 2rem;
+  gap: 3rem;
+}
+._11b2y8zp {
+  animation: _11b2y8zo 0.5s ease-out forwards;
+}
+._11b2y8zq {
+  animation: _11b2y8zo 0.5s ease-out 0.15s forwards;
+  opacity: 0;
 }
 @media screen and (max-width: 1023px) {
   ._11b2y8z0 > .containment {
     max-width: 100%;
     width: 100%;
     border-radius: 0;
-    padding: 84px 28px 100px;
   }
   ._11b2y8z1 {
     padding: 32px 24px;
@@ -134,6 +175,11 @@
   ._11b2y8z3 {
     font-size: 23px;
   }
+  ._11b2y8zn {
+    flex-direction: column;
+    gap: 1rem;
+    padding-bottom: 2rem;
+  }
 }
 @media screen and (max-width: 900px) {
   ._11b2y8z8 {
@@ -142,8 +188,17 @@
   }
 }
 @media screen and (max-width: 768px) {
+  ._11b2y8z0 ._1nivbwet {
+    margin-top: 0px !important;
+  }
+  ._11b2y8z0 tbody tr:first-child td:first-child {
+    border-radius: 0px !important;
+  }
+  ._11b2y8z0 tbody tr:first-child td:last-child {
+    border-radius: 0px !important;
+  }
   ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
-    background: #f4f4f4;
+    background: var(--_1073cm88);
   }
   ._11b2y8z0 > .containment {
     padding: 0px;
@@ -157,6 +212,9 @@
     font-family: var(--main-font-family);
     background: #ace1fc;
   }
+  ._11b2y8z0 tbody tr:not(:first-child) td {
+    background: #e9f8ff !important;
+  }
   ._11b2y8z0 ._1nivbwes._1nivbwet {
     padding: 0px;
     margin-top: 0px !important;

package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css

@@ -3,25 +3,25 @@
 }
 ._1mjmksf1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1mjmksf2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1mjmksf3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1mjmksf4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1mjmksf5 {
   padding: 64px;
   margin: 32px 0;
-  background: #F4F4F4;
-  color: #4A5560;
+  background: var(--_1073cm88);
+  color: var(--_1073cm8a);
 }
 ._1mjmksf6 {
   display: inline-flex;
@@ -56,11 +56,11 @@
 ._1mjmksfc {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  font-weight: 600;
+  font-weight: 700;
   font-size: 20px;
   line-height: 1.4;
   padding: 15px;
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm82);
   color: #FFFFFF;
 }
 ._1mjmksfd {
@@ -86,29 +86,17 @@
 ._1mjmksfh {
   font-family: var(--header-font-family);
 }
-._1073cm80 ._1mjmksfi {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._1mjmksfi {
-  color: var(--_1073cm83);
+._1mjmksfi {
+  color: var(--_1073cm85);
 }
-._1073cm80 ._1mjmksfj {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._1mjmksfj {
-  color: var(--_1073cm8a);
+._1mjmksfj {
+  color: var(--_1073cm8c);
 }
 ._1mjmksfk {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1mjmksfl {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1mjmksfm {
   margin-inline: auto;
@@ -117,31 +105,31 @@
   margin-top: 1rem;
 }
 ._1mjmksfo {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1mjmksfp {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1mjmksfq {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1mjmksfr {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1mjmksfs {
   margin-top: 16px;
 }
 ._1mjmksft {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1mjmksfu {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1mjmksfv {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1mjmksfw {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 @media screen and (max-width: 603px) {
   ._1mjmksf5 {

package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css

@@ -8,19 +8,19 @@
 }
 .n9fzuw1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .n9fzuw2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .n9fzuw3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .n9fzuw4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .n9fzuw5 {
   padding: 2.5rem 0;
@@ -50,16 +50,16 @@
   gap: 1.5rem;
 }
 .n9fzuwb {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .n9fzuwc {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .n9fzuwd {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .n9fzuwe {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .n9fzuwf {
   max-width: 792px;
@@ -123,27 +123,27 @@
 }
 ._1073cm80 .n9fzuwt {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
+  background-image: var(--_1073cm87);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 .n9fzuwt {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1073cm80 .n9fzuwu {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
+  background-image: var(--_1073cm8e);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 .n9fzuwu {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 .n9fzuwv {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 .n9fzuww {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 .n9fzuwx {
   margin-top: 0.5rem;
@@ -151,14 +151,8 @@
 .n9fzuwy {
   padding-inline-start: 0;
 }
-.n9fzuwz {
-  font-weight: 400;
-  color: #344a53;
-  margin-bottom: 8px;
-}
-.n9fzuw8 label:not(.n9fzuwz) {
+.n9fzuw8 {
   font-weight: 700;
-  color: #28587d;
 }
 @media screen and (max-width:1023px) {
   .n9fzuw0 {

package/dist/assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css

@@ -51,11 +51,11 @@
   background-color: #ace1fc;
 }
 ._1mgfcbjg {
-  font-weight: 600;
+  font-weight: 700;
 }
 ._1mgfcbjh {
   font-size: 22px;
-  font-weight: 600;
+  font-weight: 700;
 }
 ._1mgfcbji {
   height: 50px;

package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css

@@ -1,18 +1,18 @@
 ._10pitvc1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._10pitvc2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._10pitvc3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._10pitvc4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._10pitvc5 {
   width: 33%;
@@ -25,19 +25,19 @@
   text-align-last: center;
 }
 ._10pitvc7 {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._10pitvc8 {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._10pitvc9 {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._10pitvca {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._10pitvcb {
-  background: var(--_1073cm84);
+  background: var(--_1073cm87);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
@@ -72,6 +72,9 @@ select {
   font-size: 34px!important;
   line-height: 1.25;
 }
+._10pitvch {
+  background: none;
+}
 @media screen and (max-width:1023px) {
   ._10pitvc5 {
     width: 100%;

package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css

@@ -30,39 +30,39 @@
   line-height: 1.25;
 }
 ._1xynjwx7 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1xynjwx8 {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 ._1xynjwx9 {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1xynjwxa {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1xynjwxb {
   line-height: 1.5;
   margin-top: 1.5rem;
 }
 ._1xynjwxc {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1xynjwxd {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1xynjwxe {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1xynjwxf {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1xynjwxg {
   background-color: #1C3D57;
   color: #fff;
   padding: 12px;
   text-align: center;
-  font: 600 20px / 1.25 var(--header-font-family);
+  font: 700 20px / 1.25 var(--header-font-family);
 }
 ._1xynjwxh {
   background-color: #E7F5FA;
@@ -165,9 +165,9 @@
   animation-duration: 20s;
 }
 ._1xynjwx4 ._1xynjwxh {
-  background-color: #f4f4f4;
+  background-color: var(--_1073cm88);
 }
-.section_spacer:has(._1xynjwxr) {
+.page_body_contents > div:has(._1xynjwxr) {
   margin-top: 0px;
 }
 @media screen and (max-width: 1023px) {

package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css

@@ -27,6 +27,10 @@
   color: #1e3860;
   font-family: var(--header-font-family);
 }
+._11oamgh0 tbody tr:not(:first-child) td {
+  background: #fff !important;
+  border-radius: 0px !important;
+}
 ._11oamgh1 {
   padding: 0px 56px 17px;
   background: #FFF;
@@ -59,7 +63,7 @@
   font-family: var(--header-font-family);
   outline: 0;
   padding-left: 3px;
-  font-weight: 600;
+  font-weight: 700;
   color: #1e3860;
   margin: 0;
 }
@@ -67,11 +71,11 @@
   display: none;
 }
 ._11oamgh8 {
-  font-weight: 600;
+  font-weight: 700;
   font-size: 18px;
   line-height: 1.4;
   padding: 14px 64px;
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm82);
   color: #FFFFFF;
   width: auto;
 }
@@ -91,32 +95,32 @@
   margin-top: 1rem;
 }
 ._11oamghf {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._11oamghg {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._11oamghh {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._11oamghi {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._11oamghj {
   margin-top: 16px;
   padding-inline: 72px;
 }
 ._11oamghk {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._11oamghl {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._11oamghm {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._11oamghn {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 @media screen and (max-width: 1023px) {
   ._11oamgh0 > .containment {
@@ -158,6 +162,10 @@
     line-height: 1.5;
     font-family: var(--main-font-family);
     background: #ace1fc;
+    border-radius: 0px !important;
+  }
+  ._11oamgh0 tbody tr:not(:first-child) td {
+    background: #e9f8ff !important;
   }
   ._11oamgh0 ._1nivbwes._1nivbwet {
     padding: 0px;

package/dist/assets/Calculators/calculator.css

@@ -5,40 +5,34 @@
 }
 .iois7n2 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .iois7n3 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .iois7n4 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .iois7n5 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .iois7n6 {
-  font: 600 2.5rem / 1.25 var(--header-font-family);
+  font: 700 2.5rem / 1.25 var(--header-font-family);
 }
 .iois7n7 {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm85);
 }
 .iois7n8 {
-  background: var(--_1073cm8b);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm8c);
 }
 .iois7n9 {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 .iois7na {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 main > div:nth-last-child(2) > .iois7n0 {
   margin-bottom: 3.5rem;