@axos-web-dev/shared-components 0.0.14 → 0.0.16

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,55 +1,56 @@
-const header = "_header_i2cqq_1";
-const wrapper = "_wrapper_i2cqq_5";
-const header_main_row = "_header_main_row_i2cqq_11";
-const mobile_header = "_mobile_header_i2cqq_12";
-const logo_wrap = "_logo_wrap_i2cqq_18";
-const primary_links = "_primary_links_i2cqq_22";
-const main_nav_link = "_main_nav_link_i2cqq_26";
-const sub_nav_link = "_sub_nav_link_i2cqq_48";
-const signin_wrap = "_signin_wrap_i2cqq_50";
-const signin_btn = "_signin_btn_i2cqq_51";
-const sub_nav = "_sub_nav_i2cqq_48";
-const header_sub_row = "_header_sub_row_i2cqq_93";
-const signin_dropdown = "_signin_dropdown_i2cqq_109";
-const shadow = "_shadow_i2cqq_119";
-const signin_header = "_signin_header_i2cqq_127";
-const signin_subheader = "_signin_subheader_i2cqq_134";
-const opacity = "_opacity_i2cqq_156";
-const fadeInDown = "_fadeInDown_i2cqq_1";
-const footer = "_footer_i2cqq_162";
-const open = "_open_i2cqq_178";
-const dd_wrapper = "_dd_wrapper_i2cqq_190";
-const dd_media = "_dd_media_i2cqq_195";
-const dd_media_img = "_dd_media_img_i2cqq_200";
-const dd_site_navs = "_dd_site_navs_i2cqq_204";
-const dd_media_header = "_dd_media_header_i2cqq_211";
-const mt_8 = "_mt_8_i2cqq_220";
-const mt_16 = "_mt_16_i2cqq_224";
-const ml_8 = "_ml_8_i2cqq_228";
-const dd_media_cta = "_dd_media_cta_i2cqq_232";
-const reversed_row = "_reversed_row_i2cqq_246";
-const headline = "_headline_i2cqq_262";
-const nav_anchor = "_nav_anchor_i2cqq_267";
-const headline_cta = "_headline_cta_i2cqq_275";
-const site_lists = "_site_lists_i2cqq_289";
-const hamburger = "_hamburger_i2cqq_324";
-const mobile_only = "_mobile_only_i2cqq_338";
-const mobile_logo = "_mobile_logo_i2cqq_344";
-const mobile_nav = "_mobile_nav_i2cqq_373";
-const mobile_opened = "_mobile_opened_i2cqq_383";
-const mobile_nav_item = "_mobile_nav_item_i2cqq_388";
-const has_dropdown = "_has_dropdown_i2cqq_403";
-const icon_wrap = "_icon_wrap_i2cqq_424";
-const mobile_footer = "_mobile_footer_i2cqq_429";
-const mobile_footer_content = "_mobile_footer_content_i2cqq_435";
-const mobile_footer_media = "_mobile_footer_media_i2cqq_449";
-const footer_cta = "_footer_cta_i2cqq_455";
-const inner_wrapper = "_inner_wrapper_i2cqq_483";
-const btn = "_btn_i2cqq_488";
-const sub_menu = "_sub_menu_i2cqq_493";
-const main = "_main_i2cqq_26";
-const dd_footer = "_dd_footer_i2cqq_518";
-const desktop_only = "_desktop_only_i2cqq_537";
+const header = "_header_cthas_1";
+const wrapper = "_wrapper_cthas_9";
+const header_main_row = "_header_main_row_cthas_21";
+const mobile_header = "_mobile_header_cthas_23";
+const logo_wrap = "_logo_wrap_cthas_35";
+const primary_links = "_primary_links_cthas_43";
+const main_nav_link = "_main_nav_link_cthas_51";
+const sub_nav_link = "_sub_nav_link_cthas_95";
+const signin_wrap = "_signin_wrap_cthas_99";
+const signin_btn = "_signin_btn_cthas_101";
+const sub_nav = "_sub_nav_cthas_95";
+const header_sub_row = "_header_sub_row_cthas_185";
+const signin_dropdown = "_signin_dropdown_cthas_217";
+const shadow = "_shadow_cthas_237";
+const signin_header = "_signin_header_cthas_253";
+const signin_subheader = "_signin_subheader_cthas_267";
+const opacity = "_opacity_cthas_311";
+const fadeInDown = "_fadeInDown_cthas_1";
+const footer = "_footer_cthas_323";
+const open = "_open_cthas_355";
+const dd_wrapper = "_dd_wrapper_cthas_379";
+const dd_media = "_dd_media_cthas_389";
+const dd_media_img = "_dd_media_img_cthas_399";
+const dd_site_navs = "_dd_site_navs_cthas_407";
+const dd_media_header = "_dd_media_header_cthas_421";
+const mt_8 = "_mt_8_cthas_439";
+const mt_16 = "_mt_16_cthas_447";
+const ml_8 = "_ml_8_cthas_455";
+const dd_media_cta = "_dd_media_cta_cthas_463";
+const reversed_row = "_reversed_row_cthas_491";
+const headline = "_headline_cthas_523";
+const nav_anchor = "_nav_anchor_cthas_535";
+const headline_cta = "_headline_cta_cthas_551";
+const site_lists = "_site_lists_cthas_581";
+const hamburger = "_hamburger_cthas_651";
+const mobile_only = "_mobile_only_cthas_679";
+const mobile_logo = "_mobile_logo_cthas_691";
+const highlight = "_highlight_cthas_701";
+const mobile_nav = "_mobile_nav_cthas_763";
+const mobile_opened = "_mobile_opened_cthas_783";
+const mobile_nav_item = "_mobile_nav_item_cthas_793";
+const has_dropdown = "_has_dropdown_cthas_823";
+const icon_wrap = "_icon_wrap_cthas_865";
+const mobile_footer = "_mobile_footer_cthas_875";
+const mobile_footer_content = "_mobile_footer_content_cthas_887";
+const mobile_footer_media = "_mobile_footer_media_cthas_915";
+const footer_cta = "_footer_cta_cthas_925";
+const inner_wrapper = "_inner_wrapper_cthas_981";
+const btn = "_btn_cthas_991";
+const sub_menu = "_sub_menu_cthas_1001";
+const main = "_main_cthas_51";
+const dd_footer = "_dd_footer_cthas_1051";
+const desktop_only = "_desktop_only_cthas_1089";
 const styles = {
   header,
   wrapper,
@@ -88,6 +89,7 @@ const styles = {
   hamburger,
   mobile_only,
   mobile_logo,
+  highlight,
   mobile_nav,
   mobile_opened,
   mobile_nav_item,
@@ -125,6 +127,7 @@ export {
   header_sub_row,
   headline,
   headline_cta,
+  highlight,
   icon_wrap,
   inner_wrapper,
   logo_wrap,

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -22,6 +22,11 @@ function SubNavBar() {
   if (!(pathname == null ? void 0 : pathname.includes("/products"))) {
     return null;
   }
+  const date = /* @__PURE__ */ new Date();
+  const day = date.getDate();
+  const month = date.getMonth() + 1;
+  const year = date.getFullYear();
+  const currentDate = `${month}/${day}/${year}`;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
       /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
@@ -132,7 +137,7 @@ function SubNavBar() {
                     targetUrl: "tel:877-887-3030",
                     color: "tertiary",
                     "aria-controls": "signin-drop-menu",
-                    children: "Call (877)-887-3030"
+                    children: "Call (877) 887-3030"
                   }
                 ) })
               ]
@@ -163,7 +168,7 @@ function SubNavBar() {
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "https://www.axosbank.com/Customer-Support/", children: "Help & Support" }) })
+                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "/contact-us", children: "Help & Support" }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx("hr", {}),
@@ -200,7 +205,9 @@ function SubNavBar() {
                 ] }) }),
                 /* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [
                   /* @__PURE__ */ jsx("sup", { children: "*" }),
-                  " The Annual Percentage Yield (APY) is accurate as of 3/5/2024."
+                  " The Annual Percentage Yield (APY) is accurate as of ",
+                  currentDate,
+                  "."
                 ] }) })
               ]
             }

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -114,7 +114,7 @@ function NavBar() {
               {
                 url: lastNavItem.url,
                 name: lastNavItem.name,
-                className: `link list_unstyled ${styles.main_nav_link}`,
+                className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
                 isActive: activeIndex == navItems.length,
                 onClick: handleClick,
                 index: navItems.length

package/dist/SetContainer/SetContainer.js

@@ -34,9 +34,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/Table/Table.d.ts

@@ -53,7 +53,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
@@ -67,7 +67,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -77,7 +77,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -94,7 +94,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/VideoTile/VideoTile.d.ts

@@ -1,3 +1,3 @@
-import { VideoTileInterface } from "./VideoTile.interface";
 import { FC } from "react";
+import { VideoTileInterface } from "./VideoTile.interface";
 export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoTile/VideoTile.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import ReactMarkdown from "react-markdown";
-import { useToggle } from "react-use";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+import ReactMarkdown from "react-markdown";
+import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";
 import { video_container, w_100, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, expand_icon, transcript_content, show, hide_transcript } from "./VideoTile.css.js";
 const VideoTile = ({
@@ -18,14 +18,15 @@ const VideoTile = ({
   // displayType,
   maxWidth = "588px",
   videoPlayer,
-  transcript
+  transcript,
+  id
 }) => {
   const [on, toggle] = useToggle(false);
   const handleToggleClick = (event) => {
     event.preventDefault();
     toggle();
   };
-  return /* @__PURE__ */ jsxs("div", { className: `flex center`, children: [
+  return /* @__PURE__ */ jsxs("div", { id: `id_${id}`, className: `flex center`, children: [
     /* @__PURE__ */ jsx(VideoInit, {}),
     /* @__PURE__ */ jsxs("div", { className: `${video_container} ${w_100} flex flex_col`, children: [
       title && /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title }),
@@ -80,7 +81,7 @@ const VideoTile = ({
         ) })
       ] })
     ] })
-  ] });
+  ] }, id);
 };
 export {
   VideoTile

package/dist/VideoWrapper/index.d.ts

@@ -4,5 +4,6 @@ export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];
     backgroundColor?: string;
     title: string;
+    id: string;
 }
 export declare const VideoWrapper: FC<VideoWrapperProps>;

package/dist/VideoWrapper/index.js

@@ -9,25 +9,34 @@ import { grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,
   videoTiles,
-  backgroundColor
+  backgroundColor,
+  id
 }) => {
-  return /* @__PURE__ */ jsx("div", { style: backgroundColor ? { backgroundColor } : {}, children: /* @__PURE__ */ jsxs("section", { children: [
-    /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
-    /* @__PURE__ */ jsx("div", { className: `${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`, children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      VideoTile,
-      {
-        id: videoItem.id,
-        title: videoItem == null ? void 0 : videoItem.title,
-        videoId: videoItem == null ? void 0 : videoItem.videoId,
-        thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
-        displayType: videoItem == null ? void 0 : videoItem.displayType,
-        maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
-        videoPlayer: videoItem.displayType,
-        transcript: videoItem == null ? void 0 : videoItem.transcript
-      },
-      index
-    ) })) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: `id_${id}`,
+      style: backgroundColor ? { backgroundColor } : {},
+      children: /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
+        /* @__PURE__ */ jsx("div", { className: `${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`, children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          VideoTile,
+          {
+            id: videoItem.id,
+            title: videoItem == null ? void 0 : videoItem.title,
+            videoId: videoItem == null ? void 0 : videoItem.videoId,
+            thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
+            displayType: videoItem == null ? void 0 : videoItem.displayType,
+            maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
+            videoPlayer: videoItem.displayType,
+            transcript: videoItem == null ? void 0 : videoItem.transcript
+          },
+          index
+        ) })) })
+      ] })
+    },
+    id
+  );
 };
 export {
   VideoWrapper

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -27,6 +27,7 @@
 }
 details[open] .ph6wj62 {
   background-color: #F4F4F4;
+  padding-bottom: 12px;
 }
 .ph6wj63 {
   max-width: 80%;
@@ -38,4 +39,9 @@ details[open] .ph6wj62 {
 .ph6wj64 {
   padding: 24px;
   background-color: #F4F4F4;
+  padding-top: 0;
+}
+.ph6wj64 ul, .ph6wj64 ol  {
+  margin-block: 1rem;
+  margin-inline-start: 3rem;
 }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -62,6 +62,7 @@
   color: var(--_1073cm8n);
 }
 ._1ye8k3ff {
+  margin-bottom: 1.5rem;
   font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._1ye8k3fg {
@@ -80,9 +81,6 @@
 ._1ye8k3fj {
   color: var(--_1073cm8o);
 }
-._1ye8k3f7 > h1 + p {
-  margin-top: 1rem;
-}
 ._1ye8k3f7 p {
   font: 400 18px / 1.44 var(--main-font-family);
   letter-spacing: .2px;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -8,6 +8,7 @@
 }
 ._1r4ovbu1 {
   background: var(--_1073cm81);
+  border: 1px solid #D4D4D4;
 }
 ._1r4ovbu2 {
   background: var(--_1073cm88);

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -134,6 +134,42 @@
 ._1m7m2at {
   min-height: 330px;
 }
+._1m7m2au {
+  width: 100%;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  min-height: 380px;
+}
+._1m7m2av {
+  background: var(--_1073cm8f);
+  color: #FFFFFF;
+}
+._1m7m2aw {
+  padding: 1.5rem;
+  height: 100%;
+  justify-content: center;
+}
+._1m7m2ax {
+  color: #fff;
+  font-size: 48px;
+  font-weight: 600;
+  letter-spacing: 0.4px;
+  line-height: 1;
+}
+._1m7m2ay {
+  color: #f4f4f4;
+  font: 700 150px/1 var(--header-font-family);
+  letter-spacing: 0.2px;
+  line-height: 1;
+}
+._1m7m2az {
+  color: var(--_1073cm8k);
+  font-size: 37px;
+  font-weight: 600;
+  letter-spacing: 0.3px;
+  line-height: 1;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
     flex-direction: column;
@@ -157,4 +193,15 @@
     flex-direction: column;
     gap: 24px;
   }
+}
+@media screen and (max-width: 1023px) {
+  ._1m7m2ax {
+    font-size: 30px;
+  }
+  ._1m7m2ay {
+    font-size: 82px;
+  }
+  ._1m7m2az {
+    font-size: 20px;
+  }
 }

package/dist/assets/Input/Input.css

@@ -19,24 +19,30 @@
   padding-left: 16px;
   line-height: 24px;
 }
-._18du0la5 {
+._18du0la7 {
+  color: var(--_1073cm8g);
+}
+._18du0la8 {
+  color: var(--_1073cm8n);
+}
+._18du0la9 {
   color: var(--_1073cm8t);
   border-color: var(--_1073cm8t);
 }
-._18du0la6 {
+._18du0laa {
   color: var(--_1073cm8v);
 }
-._18du0la7 {
+._18du0lab {
   position: absolute;
   align-items: center;
 }
-._18du0la8 {
+._18du0lac {
   left: 16px;
 }
-._18du0la9 {
+._18du0lad {
   right: 16px;
 }
-._18du0laa {
+._18du0lae {
   display: inline-flex;
   flex-direction: row;
   position: relative;
@@ -46,38 +52,38 @@
   background: #FFFFFF;
   padding: 16px;
 }
-._18du0laa:focus-within {
+._18du0lae:focus-within {
   border-width: 2px;
   font-weight: 400;
   border-color: var(--_1073cm86);
 }
-._18du0laa:disabled {
+._18du0lae:disabled {
   border-color: var(--_1073cm86);
 }
-._18du0lab {
+._18du0laf {
   padding-top: 6px;
   padding-bottom: 6px;
 }
-._18du0lac {
+._18du0lag {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-._18du0lad {
+._18du0lah {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-._18du0lae {
+._18du0lai {
   border-color: var(--_1073cm8t);
 }
-._18du0lae:focus-within {
+._18du0lai:focus-within {
   border-color: var(--_1073cm8t);
 }
-._18du0laf {
+._18du0laj {
   border-color: var(--_1073cm8u);
   color: var(--_1073cm8v);
   background: var(--_1073cm8w);
 }
-._18du0lag {
+._18du0lak {
   outline: none;
   border: none;
   color: #5E6A74;
@@ -86,72 +92,72 @@
   width: 100%;
   line-height: 24px;
 }
-._18du0lag:focus {
+._18du0lak:focus {
   color: var(--_1073cm86);
 }
-._18du0lag:disabled {
+._18du0lak:disabled {
   color: #5E6A74;
   cursor: not-allowed;
 }
-._18du0lah {
+._18du0lal {
   font-size: 14px;
   line-height: 20px;
 }
-._18du0la8 + ._18du0lah {
+._18du0lac + ._18du0lal {
   padding-left: 28px;
 }
-._18du0lah:has(+ ._18du0la9) {
+._18du0lal:has(+ ._18du0lad) {
   padding-right: 28px;
 }
-._18du0lai {
+._18du0lam {
   font-size: 16px;
   line-height: 24px;
 }
-._18du0la8 + ._18du0lai {
+._18du0lac + ._18du0lam {
   padding-left: 48px;
 }
-._18du0lai:has(+ ._18du0la9) {
+._18du0lam:has(+ ._18du0lad) {
   padding-right: 48px;
 }
-._18du0laj {
+._18du0lan {
   font-size: 16px;
   line-height: 24px;
 }
-._18du0la8 + ._18du0laj {
+._18du0lac + ._18du0lan {
   padding-left: 32px;
 }
-._18du0laj:has(+ ._18du0la9) {
+._18du0lan:has(+ ._18du0lad) {
   padding-right: 32px;
 }
-._18du0lak {
+._18du0lao {
   border-color: var(--_1073cm8t);
 }
-._18du0lal {
+._18du0lap {
   border-color: var(--_1073cm8u);
   color: var(--_1073cm8v);
   background: var(--_1073cm8w);
 }
-._18du0lam {
+._18du0laq {
   display: flex;
   flex-direction: column;
   border-width: 2px;
 }
-._18du0lam:focus-within {
+._18du0laq:focus-within {
   border-width: 2px;
   font-weight: 500;
   color: var(--_1073cm86);
 }
-._18du0lan {
+._18du0lar {
   font-size: 12px;
   letter-spacing: 0.2px;
   line-height: 16px;
   padding-inline: 16px;
   margin-top: 4px;
 }
-._18du0lao {
+._18du0las {
   color: #5E6A74;
 }
-._18du0lap {
+._18du0lat {
   border-color: var(--_1073cm8t);
   color: var(--_1073cm8t);
 }