@axos-web-dev/shared-components 0.0.75 → 0.0.77

package/dist/SocialMediaBar/iconsRepository.js

@@ -14,12 +14,12 @@ const BusinessWire = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_622)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_622)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -63,8 +63,8 @@ const Facebook = () => /* @__PURE__ */ jsx(
           /* @__PURE__ */ jsx(
             "path",
             {
-              "fill-rule": "evenodd",
-              "clip-rule": "evenodd",
+              fillRule: "evenodd",
+              clipRule: "evenodd",
               d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
               fill: "#4A5560"
             }
@@ -89,12 +89,12 @@ const Glassdoor = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_628)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_628)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -128,12 +128,12 @@ const Indeed = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_631)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_631)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -167,7 +167,7 @@ const Instagram = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_634)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_634)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
@@ -192,8 +192,8 @@ const Instagram = () => /* @__PURE__ */ jsx(
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -220,12 +220,12 @@ const LinkedIn = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10407_637)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_637)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -267,12 +267,12 @@ const Libsyn = () => /* @__PURE__ */ jsx(
         viewBox: "0 0 56 56",
         fill: "none",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_273)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_273)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -280,8 +280,8 @@ const Libsyn = () => /* @__PURE__ */ jsx(
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M25.2955 21.8964C24.1716 19.5028 23.5325 16.7987 23.483 14H28.6414C28.6414 16.2266 28.9501 18.1547 29.5383 19.7825C32.348 18.7105 35.4518 18.1111 38.7757 18.0555C39.8685 18.0378 40.9441 18.1288 42 18.2703V22.9777C41.0971 22.8463 40.1744 22.7755 39.237 22.7755C36.7518 22.7755 34.4355 23.1912 32.328 23.955C33.6617 25.1004 35.3299 25.8393 37.2871 26.1693C37.7004 26.1323 38.1202 26.1134 38.5462 26.1134C38.6727 26.1134 38.8373 26.1124 39.0264 26.1112C39.8956 26.1057 41.2808 26.0968 41.8421 26.1716V30.8284C41.2807 30.9032 39.8933 30.8943 39.0248 30.8888C38.8363 30.8876 38.6721 30.8866 38.5462 30.8866C38.1202 30.8866 37.7003 30.8677 37.287 30.8308C35.3298 31.1607 33.6617 31.8996 32.328 33.045C34.4355 33.8088 36.7518 34.2244 39.237 34.2244C40.1744 34.2244 41.0971 34.1562 42 34.0223V38.7272C40.9441 38.8687 39.8685 38.9597 38.7757 38.942C35.4521 38.8863 32.3486 38.2871 29.5391 37.2153C28.9503 38.8436 28.6414 40.7724 28.6414 43H23.483C23.5333 40.2008 24.1731 37.4963 25.2976 35.1025C24.1883 34.4044 23.1461 33.619 22.1776 32.7525C20.5409 35.7449 19.6083 39.2339 19.5285 42.9671H14C14.157 37.3955 15.7502 32.469 18.4548 28.4987C15.7502 24.5284 14.157 19.602 14 14.0303H19.5285C19.6083 17.7639 20.5407 21.253 22.1769 24.2456C23.145 23.3794 24.1867 22.5942 25.2955 21.8964ZM28.0947 26.135C27.0858 26.8317 26.1529 27.6241 25.3031 28.4998C26.1532 29.376 27.0866 30.1687 28.0959 30.8657C28.9073 29.9684 29.8119 29.1724 30.7988 28.5006C29.8114 27.8287 28.9064 27.0326 28.0947 26.135Z",
                 fill: "#4A5560"
               }
@@ -308,12 +308,12 @@ const Pinterest = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_276)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_276)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -347,12 +347,12 @@ const Spotify = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_279)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_279)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -386,7 +386,7 @@ const Youtube = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_285)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_285)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
@@ -397,8 +397,8 @@ const Youtube = () => /* @__PURE__ */ jsx(
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }
@@ -425,12 +425,12 @@ const Xtwitter = () => /* @__PURE__ */ jsx(
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_10431_282)", children: [
+          /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10431_282)", children: [
             /* @__PURE__ */ jsx(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
                 fill: "#4A5560"
               }

package/dist/StepItemSet/StepItemSet.js

@@ -41,9 +41,9 @@ const StepItemSet = ({
               "path",
               {
                 fill: "#1E3860",
-                "fill-rule": "evenodd",
+                fillRule: "evenodd",
                 d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
-                "clip-rule": "evenodd",
+                clipRule: "evenodd",
                 className: `${modifier({ variant })}`
               }
             )

package/dist/assets/AnnualFeeCalculator/AnnualFeeCalculator.css

@@ -0,0 +1,125 @@
+.tosm7c1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+  border: 1px solid #D4D4D4;
+}
+.tosm7c2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.tosm7c3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.tosm7c4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.tosm7c5 {
+  width: 50%;
+  padding: 4rem;
+}
+.tosm7c6 {
+  padding: 4rem 28px 4rem 28px;
+}
+.tosm7c7 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.tosm7c9 {
+  flex-basis: 50%;
+}
+.tosm7ca {
+  color: #1e3860;
+  font-family: Encode Sans;
+  font-size: 34px;
+  font-weight: 500;
+  letter-spacing: .2px;
+  line-height: 1.29;
+}
+.tosm7cb {
+  width: 100%;
+}
+.tosm7cc {
+  position: relative;
+  padding-right: 1rem;
+}
+.tosm7cc::after {
+  content: "";
+  position: absolute;
+  background-color: #bdbdbd;
+  height: 100%;
+  width: 1px;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.tosm7cd {
+  border-bottom: 1px solid #bdbdbd;
+  padding: 1.5rem 0;
+}
+.tosm7ce {
+  margin: auto;
+  min-width: 100%;
+  padding: 77px 0 60px;
+}
+.tosm7cf {
+  width: 100%;
+  -webkit-appearance: none;
+  height: 12px;
+  background: linear-gradient(47.5deg, #1e3860 0, #158994 10%, #38d7a4 20%, #d4d4d4 20%);
+  outline: 0;
+  opacity: .7;
+  -webkit-transition: opacity .2s, background .2s;
+  transition: opacity .2s, background .2s;
+  border-radius: 1rem;
+}
+.tosm7cf::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 2rem;
+  height: 2rem;
+  border: 1px solid #2670af;
+  border-radius: 50%;
+  background-color: #fff;
+  cursor: pointer;
+  -webkit-transition: all .35s ease;
+  transition: all .35s ease;
+}
+.tosm7cf::-moz-range-thumb {
+  width: 2rem;
+  height: 2rem;
+  border: 1px solid #2670af;
+  border-radius: 50%;
+  background-color: #fff;
+  cursor: pointer;
+  -moz-transition: all .35s ease;
+  transition: all .35s ease;
+}
+.tosm7cf::-webkit-slider-thumb:hover {
+  -webkit-transform: scale(1.2);
+  transform: scale(1.2);
+}
+.tosm7cf::-moz-range-thumb:hover {
+  transform: scale(1.2);
+}
+@media screen and (max-width:1023px) {
+  .tosm7c5 {
+    width: 100%;
+  }
+  .tosm7c8 {
+    flex-direction: column;
+  }
+  .tosm7cg {
+    padding-top: 0!important;
+  }
+  .tosm7ch {
+    padding-bottom: 0!important;
+  }
+}
+@media screen and (max-width:600px) {
+  .tosm7c5 {
+    padding: 2rem;
+  }
+}

package/dist/assets/ApyCalculator/ApyCalculator.css

@@ -1,174 +1,153 @@
 ._74vxga1 {
-  width: 50%;
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
 }
 ._74vxga2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._74vxga3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._74vxga4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._74vxga5 {
+  padding: 2.5rem 0;
+}
+._74vxga6 {
+  width: 100%;
+}
+._74vxga7 {
   margin-bottom: 2.5rem;
   max-width: 49.5rem;
   text-align: center;
   margin-inline: auto;
 }
-._74vxga2 .header_1 {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._74vxga4 {
-  text-align: center;
+._74vxga9 {
   color: red;
   font-size: larger;
+  list-style: none;
 }
-._74vxga5 {
+._74vxgaa {
   max-width: 792px;
   margin: 0 auto;
 }
-._74vxga6 {
+._74vxgab {
   margin-top: 1rem;
 }
-._74vxga6 label {
+._74vxgab label {
   padding-left: 3px;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: 600;
   margin-bottom: 5px;
   display: inline-block;
 }
-._74vxga6 input, ._74vxga6 select {
+._74vxgab input, ._74vxgab 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(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+._74vxgab .input_label {
+  color: inherit;
 }
-._74vxga7 {
+._74vxgac {
   position: relative;
 }
-._74vxga8 {
+._74vxgad {
   position: absolute;
   color: #323339;
   font-size: 18px;
   font-weight: 500!important;
   margin-bottom: 0;
 }
-._74vxga9 {
+._74vxgae {
   left: 21px;
-  top: 44px;
+  top: 46px;
 }
-._74vxgaa {
+._74vxgaf {
   top: 47px;
   right: 10px;
 }
-._74vxgab {
+._74vxgag {
   padding-left: 2rem;
 }
-._74vxgad {
+._74vxgai {
   width: 100%;
 }
-._74vxgae > p {
+._74vxgaj > p {
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 10px;
   letter-spacing: .2px;
 }
-._74vxgag {
-  color: black;
-  background-color: #edeef0;
+._74vxgak {
+  display: flex!important;
+  flex-direction: column;
+  align-items: center;
+}
+._74vxgal {
+  padding: 2rem;
+  width: 100%;
+}
+._74vxgam {
+  margin-bottom: 1rem;
 }
-._74vxgag .header_2 {
-  background: var(--_1073cm84);
-  background-clip: text;
+._1073cm80 ._74vxgao {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._74vxgah {
-  display: flex;
-  align-items: center;
-  gap: 24px;
+._1es6o1h0 ._74vxgao {
+  color: var(--_1073cm83);
 }
-._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;
+._1073cm80 ._74vxgap {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
 }
-._74vxgai tr {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
+._1es6o1h0 ._74vxgap {
+  color: var(--_1073cm8a);
 }
-._74vxgai td {
-  padding: 20px 20px 22px;
-  flex: 1 1;
+._74vxgaq {
+  color: var(--_1073cm8h);
 }
-._74vxgai tbody tr:nth-child(odd) {
-  background-color: #FFFFFF;
-  border-radius: 8px;
+._74vxgar {
+  color: var(--_1073cm8o);
 }
-._74vxgai tbody tr {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
+._74vxgas {
+  margin-top: 0.5rem;
 }
-._74vxgai a {
-  color: inherit;
+._74vxgat {
+  padding-inline-start: 0;
 }
 @media screen and (max-width:1124px) {
-  ._74vxga0 {
+  ._74vxga5 {
     flex-wrap: wrap;
     justify-content: center;
   }
-  ._74vxga1 {
-    width: 100%;
-  }
-  ._74vxgaf {
+  ._74vxgak {
     margin-top: 2rem;
   }
 }
+@media screen and (min-width:1125px) {
+  ._74vxga6 {
+    margin-right: 2rem;
+  }
+}
 @media screen and (max-width:1023px) {
-  ._74vxga6 input, ._74vxga6 select {
+  ._74vxgab input, ._74vxgab select {
     font-size: 1rem;
   }
-  ._74vxgae {
+  ._74vxgaj {
     margin-top: 1rem;
   }
-}
-@media screen and (max-width: 468px) {
-  ._74vxgah {
-    flex-direction: column;
-  }
-}
-@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 td {
-    padding: 20px;
-    font-size: 18px;
-    line-height: 1.44;
-    letter-spacing: .2px;
-  }
 }

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -41,6 +41,10 @@
   top: -20px;
   max-height: 200px;
 }
+._1tdyl74a {
+  width: 100%;
+  justify-content: space-between;
+}
 ._1tdyl74b {
   filter: drop-shadow(0 1px 3px rgb(255 255 255/0.4));
 }

package/dist/assets/HeroBanner/SelectionBanner.css

@@ -43,14 +43,20 @@
 ._7etqoq8 {
   max-width: 64px;
   max-height: 64px;
-  width: 100%;
-  height: 100%;
+  width: 64px;
+  height: 64px;
+  display: block;
 }
 ._7etqoq9 {
   max-width: 64px;
-  width: 100%;
-  height: 100%;
+  width: 64px;
+  height: 64px;
   max-height: 64px;
+  display: block;
+  background-color: #4A5560;
+}
+._7etqoqa {
+  background-color: #4A5560;
 }
 @media screen and (max-width:768px) {
   ._7etqoq0 {

package/dist/assets/IconBillboard/IconBillboard.css

@@ -9,9 +9,11 @@
 ._1r4ovbu1 {
   background: var(--_1073cm81);
   border: 1px solid #D4D4D4;
+  color: var(--_1073cm82);
 }
 ._1r4ovbu2 {
   background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1r4ovbu3 {
   background: var(--_1073cm8f);
@@ -76,6 +78,7 @@
   flex-direction: column;
   gap: 24px;
   font-family: var(--main-font-family);
+  width: 100%;
 }
 ._1r4ovbuf {
   display: flex;
@@ -96,6 +99,7 @@
   margin-top: auto;
   gap: 24px;
   flex-wrap: wrap;
+  align-items: center;
 }
 ._1r4ovbui {
   margin-inline: auto;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -10,6 +10,7 @@
 ._1m7m2a1 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
+  border: 1px solid #D4D4D4;
 }
 ._1m7m2a2 {
   background: var(--_1073cm88);