@axos-web-dev/shared-components 0.0.60 → 0.0.61

package/dist/assets/TopicalNavItem/TopicalNavItem.css

@@ -0,0 +1,102 @@
+.dmebjx0 {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  flex: 1 1 0%;
+  background-color: transparent;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: flex;
+  min-height: 103px;
+  padding: 0 1rem;
+  position: relative;
+  -webkit-transition: all 0.35s ease;
+  -o-transition: all 0.35s ease;
+  transition: all 0.35s ease;
+  text-decoration: none;
+}
+.dmebjx0:hover {
+  border-bottom-color: #333d46;
+  background-image: linear-gradient(360deg,#def4ff 0,rgba(222,244,255,0.942708) 34.12%,rgba(222,244,255,0) 107.41%);
+}
+.dmebjx1 {
+  font-size: 1rem;
+  line-height: 1.3;
+  letter-spacing: 0.2px;
+  min-height: 1.875rem;
+  position: relative;
+  margin-bottom: 0;
+  color: #333d46;
+}
+.dmebjx2 {
+  display: none;
+}
+.dmebjx3 {
+  padding: 1rem 0;
+}
+.dmebjx4 {
+  margin-bottom: 12px;
+  object-fit: none;
+  object-position: bottom;
+  height: 20px;
+}
+@media (max-width:1023px) {
+  .dmebjx0 {
+    box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
+    border-top: 3px solid transparent;
+    min-height: 56px;
+    padding: 0 1.5rem;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+@media (min-width:1024px) {
+  .dmebjx0::before {
+    content: "";
+    position: absolute;
+    background-color: #d4d4d4;
+    bottom: 0;
+    height: 74px;
+    left: 0;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 0.5px;
+  }
+  .dmebjx0:last-child::after {
+    content: "";
+    position: absolute;
+    background-color: #d4d4d4;
+    bottom: 0;
+    height: 74px;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 0.5px;
+    right: 0;
+    left: auto;
+  }
+}
+@media (max-width: 1023px) {
+  .dmebjx1 {
+    min-height: 0;
+    color: #2f5b88;
+    font-weight: 700;
+  }
+  .dmebjx3 {
+    display: flex;
+    align-items: center;
+  }
+}
+@media (max-width: 1024px) {
+  .dmebjx2 {
+    margin-right: 11px;
+    display: block;
+  }
+  .dmebjx4 {
+    display: none;
+  }
+}

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -0,0 +1,21 @@
+.xbzzeo0 {
+  -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
+  box-shadow: 0 7px 10px rgba(0,0,0,0.08);
+}
+.section_spacer:has(.xbzzeo0) {
+  margin-top: 0px;
+}
+.xbzzeo1 {
+  max-width: 83.9rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+@media (max-width:1023px) {
+  .xbzzeo0 {
+    box-shadow: none;
+    filter: none;
+  }
+  .xbzzeo2 {
+    display: block;
+  }
+}

package/dist/main.d.ts

@@ -31,9 +31,12 @@ export * from './NavigationMenu';
 export * from './SecondaryFooter';
 export * from './SetContainer';
 export * from './SocialMediaBar';
-export * from './StepItems';
+export * from './StepItem';
+export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
+export * from './TopicalNavItem';
+export * from './TopicalNavSet';
 export * from './VideoTile';
 export * from './VideoWrapper';
 export * from './icons';

package/dist/main.js

@@ -70,13 +70,18 @@ import { default as default3 } from "./NavigationMenu/AxosAdvisorServices/index.
 import { default as default4 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
-import { StepItems } from "./StepItems/StepItems.js";
-import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems/StepItems.css.js";
-import { StepItemsSet } from "./StepItems/StepItemsSet.js";
+import { StepItem } from "./StepItem/StepItem.js";
+import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
+import { StepItemSet } from "./StepItemSet/StepItemSet.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
+import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
+import { TopicalNavItem } from "./TopicalNavItem/TopicalNavItem.js";
+import { picker_container, picker_orient, picker_section } from "./TopicalNavSet/TopicalNavSet.css.js";
+import { TopicalNavSet } from "./TopicalNavSet/TopicalNavSet.js";
 import { VideoInit } from "./VideoTile/VideoInit.js";
 import { VideoTile } from "./VideoTile/VideoTile.js";
 import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
@@ -188,8 +193,8 @@ export {
   SecondaryFooter,
   SetContainer,
   SocialMediaBar,
-  StepItems,
-  StepItemsSet,
+  StepItem,
+  StepItemSet,
   SuccesFormWrapper,
   Table,
   TableBody,
@@ -198,6 +203,8 @@ export {
   TableHead,
   TableRow,
   TextBlock,
+  TopicalNavItem,
+  TopicalNavSet,
   VideoInit,
   VideoTile,
   VideoWrapper,
@@ -335,6 +342,14 @@ export {
   padding,
   paragraph,
   person,
+  picker_arrow,
+  picker_container,
+  picker_itemContent,
+  picker_itemProduct,
+  picker_navIcon,
+  picker_navItem,
+  picker_orient,
+  picker_section,
   point,
   premierTheme,
   rate_billboard,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/StepItems/StepItems.css.d.ts

@@ -1,132 +0,0 @@
-export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const bs_wrapper: string;
-export declare const svg_logo: string;
-export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            fill: "#1E3860";
-        };
-        secondary: {
-            fill: "#1E3860";
-        };
-        tertiary: {
-            fill: "#fff";
-        };
-        quaternary: {
-            fill: "#fff";
-        };
-    };
-}>;
-export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const sec_subtitle: string;
-export declare const tablet_col: string;
-export declare const bs_image: string;
-export declare const steps_wrapper: string;
-export declare const ol: string;
-export declare const li: string;
-export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            borderColor: "#4D85B0";
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            borderColor: "#4D85B0";
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            borderColor: "#FAA74A";
-            background: "#1E3860";
-        };
-        quaternary: {
-            borderColor: "#FAA74A";
-            background: "#1E3860";
-        };
-    };
-}>;
-export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const bullet_details: string;
-export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-}>;
-export declare const bs_copy: string;
-export declare const bs_btns: string;
-export declare const bs_add_details: string;

package/dist/StepItems/StepItems.css.js

@@ -1,45 +0,0 @@
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                             */
-import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var bs_section = createRuntimeFn({ defaultClassName: "_1hh5tt10", variantClassNames: { variant: { primary: "_1hh5tt11", secondary: "_1hh5tt12", tertiary: "_1hh5tt13", quaternary: "_1hh5tt14" } }, defaultVariants: {}, compoundVariants: [] });
-var bs_wrapper = "_1hh5tt15";
-var svg_logo = "_1hh5tt16";
-var modifier = createRuntimeFn({ defaultClassName: "_1hh5tt17", variantClassNames: { variant: { primary: "_1hh5tt18", secondary: "_1hh5tt19", tertiary: "_1hh5tt1a", quaternary: "_1hh5tt1b" } }, defaultVariants: {}, compoundVariants: [] });
-var sec_title = createRuntimeFn({ defaultClassName: "_1hh5tt1c", variantClassNames: { variant: { primary: "_1hh5tt1d", secondary: "_1hh5tt1e", tertiary: "_1hh5tt1f", quaternary: "_1hh5tt1g" } }, defaultVariants: {}, compoundVariants: [] });
-var sec_subtitle = "_1hh5tt1h";
-var tablet_col = "_1hh5tt1i";
-var bs_image = "_1hh5tt1j";
-var steps_wrapper = "_1hh5tt1k";
-var ol = "_1hh5tt1l";
-var li = "_1hh5tt1m";
-var line_points = createRuntimeFn({ defaultClassName: "_1hh5tt1n", variantClassNames: { variant: { primary: "_1hh5tt1o", secondary: "_1hh5tt1p", tertiary: "_1hh5tt1q", quaternary: "_1hh5tt1r" } }, defaultVariants: {}, compoundVariants: [] });
-var point = createRuntimeFn({ defaultClassName: "_1hh5tt1s", variantClassNames: { variant: { primary: "_1hh5tt1t", secondary: "_1hh5tt1u", tertiary: "_1hh5tt1v", quaternary: "_1hh5tt1w" } }, defaultVariants: {}, compoundVariants: [] });
-var step_num = createRuntimeFn({ defaultClassName: "_1hh5tt1x", variantClassNames: { variant: { primary: "_1hh5tt1y", secondary: "_1hh5tt1z", tertiary: "_1hh5tt110", quaternary: "_1hh5tt111" } }, defaultVariants: {}, compoundVariants: [] });
-var bullet_details = "_1hh5tt112";
-var bs_topic = createRuntimeFn({ defaultClassName: "_1hh5tt113", variantClassNames: { variant: { primary: "_1hh5tt114", secondary: "_1hh5tt115", tertiary: "_1hh5tt116", quaternary: "_1hh5tt117" } }, defaultVariants: {}, compoundVariants: [] });
-var bs_copy = "_1hh5tt118";
-var bs_btns = "_1hh5tt119";
-var bs_add_details = "_1hh5tt11a";
-export {
-  bs_add_details,
-  bs_btns,
-  bs_copy,
-  bs_image,
-  bs_section,
-  bs_topic,
-  bs_wrapper,
-  bullet_details,
-  li,
-  line_points,
-  modifier,
-  ol,
-  point,
-  sec_subtitle,
-  sec_title,
-  step_num,
-  steps_wrapper,
-  svg_logo,
-  tablet_col
-};

package/dist/StepItems/StepItems.d.ts

@@ -1,3 +0,0 @@
-import { StepItemsProps as Props } from './StepItems.interface';
-
-export declare const StepItems: ({ id, variant: fullVariant, title, description, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/StepItems/StepItems.interface.d.ts

@@ -1,21 +0,0 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
-import { QuaternaryTypes } from '../utils/variant.types';
-import { ImageInterface } from '../IconBillboard';
-import { ReactNode } from 'react';
-
-export interface StepItemsSetProps {
-    id: string;
-    variant: QuaternaryTypes;
-    title?: ReactNode | string;
-    description?: ReactNode | string;
-    image?: ImageInterface;
-    stepItems: StepItemsProps[];
-    callToActionRow?: ChevronProps[];
-    additionalDetails?: string | ReactNode;
-}
-export interface StepItemsProps {
-    id: string;
-    variant: QuaternaryTypes;
-    title: ReactNode | string;
-    description: ReactNode | string;
-}

package/dist/StepItems/StepItems.interface.js

@@ -1 +0,0 @@
-

package/dist/StepItems/StepItemsSet.d.ts

@@ -1,3 +0,0 @@
-import { StepItemsSetProps as Props } from './StepItems.interface';
-
-export declare const StepItemsSet: ({ id, variant: fullVariant, title, description, image, stepItems, callToActionRow, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/StepItems/index.d.ts

@@ -1,4 +0,0 @@
-export * from './StepItems';
-export * from './StepItems.css';
-export type * from './StepItems.interface';
-export * from './StepItemsSet';

package/dist/StepItems/index.js

@@ -1,26 +0,0 @@
-import { StepItems } from "./StepItems.js";
-import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems.css.js";
-import { StepItemsSet } from "./StepItemsSet.js";
-export {
-  StepItems,
-  StepItemsSet,
-  bs_add_details,
-  bs_btns,
-  bs_copy,
-  bs_image,
-  bs_section,
-  bs_topic,
-  bs_wrapper,
-  bullet_details,
-  li,
-  line_points,
-  modifier,
-  ol,
-  point,
-  sec_subtitle,
-  sec_title,
-  step_num,
-  steps_wrapper,
-  svg_logo,
-  tablet_col
-};

package/dist/assets/StepItems/StepItems.css

@@ -1,249 +0,0 @@
-._1hh5tt10 {
-  padding-bottom: 48px;
-  padding-top: 48px;
-}
-._1hh5tt11 {
-  background: var(--_1073cm81);
-  color: var(--_1073cm82);
-}
-._1hh5tt12 {
-  background: var(--_1073cm88);
-  color: var(--_1073cm89);
-}
-._1hh5tt13 {
-  background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
-}
-._1hh5tt14 {
-  background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
-}
-._1hh5tt16 {
-  margin-bottom: 16px;
-}
-._1hh5tt18 {
-  fill: #1E3860;
-}
-._1hh5tt19 {
-  fill: #1E3860;
-}
-._1hh5tt1a {
-  fill: #fff;
-}
-._1hh5tt1b {
-  fill: #fff;
-}
-._1hh5tt1d {
-  color: var(--_1073cm83);
-}
-._1hh5tt1e {
-  color: var(--_1073cm8a);
-}
-._1hh5tt1f {
-  color: var(--_1073cm8h);
-}
-._1hh5tt1g {
-  color: var(--_1073cm8o);
-}
-._1hh5tt1h {
-  margin-top: 16px;
-  text-align: center;
-}
-._1hh5tt1h p {
-  font-size: 1rem;
-  line-height: 1.5;
-}
-._1hh5tt1j {
-  min-height: 378px;
-  width: 48%;
-  background-position: center center;
-  background-size: cover;
-}
-._1hh5tt1k {
-  padding: 27px 48px;
-  flex: 1 1 0%;
-}
-._1hh5tt1l {
-  padding: 0;
-  list-style: none;
-  margin: 0;
-}
-._1hh5tt1l > li + li > :first-child > :first-child {
-  padding-top: 24px;
-}
-._1hh5tt1l > li + li > :last-child {
-  padding-top: 24px;
-}
-._1hh5tt1m {
-  position: relative;
-}
-._1hh5tt1m:first-child > :first-child::before {
-  height: calc(100% - 31px);
-  bottom: 0;
-}
-._1hh5tt1m:last-child > :first-child::before {
-  top: 0;
-  height: 65px;
-}
-._1hh5tt1n {
-  position: relative;
-  isolation: isolate;
-}
-._1hh5tt1n::before {
-  content: "";
-  position: absolute;
-  height: 100%;
-  border-left: 1px dashed;
-  left: 7px;
-  z-index: -1;
-}
-._1hh5tt1o {
-  border-color: var(--_1073cm82);
-}
-._1hh5tt1p {
-  border-color: var(--_1073cm89);
-}
-._1hh5tt1q {
-  border-color: var(--_1073cm8g);
-}
-._1hh5tt1r {
-  border-color: var(--_1073cm8n);
-}
-._1hh5tt1s {
-  border: 4px solid transparent;
-  border-radius: 50%;
-  height: 7px;
-  width: 7px;
-  box-sizing: content-box;
-}
-._1hh5tt1t {
-  border-color: #4D85B0;
-  background: var(--_1073cm81);
-}
-._1hh5tt1u {
-  border-color: #4D85B0;
-  background: var(--_1073cm88);
-}
-._1hh5tt1v {
-  border-color: #FAA74A;
-  background: #1E3860;
-}
-._1hh5tt1w {
-  border-color: #FAA74A;
-  background: #1E3860;
-}
-._1hh5tt1x {
-  font: 500 60px/1.13 var(--header-font-family);
-  letter-spacing: 0.2px;
-  height: 72px;
-  width: 72px;
-  margin-left: 16px;
-}
-._1hh5tt1y {
-  color: var(--_1073cm83);
-}
-._1hh5tt1z {
-  color: var(--_1073cm8a);
-}
-._1hh5tt110 {
-  color: var(--_1073cm8h);
-}
-._1hh5tt111 {
-  color: var(--_1073cm8o);
-}
-._1hh5tt112 {
-  flex: 1 1 0%;
-  margin-left: 24px;
-}
-._1hh5tt113 {
-  font: 600 24px/1.33 var(--header-font-family);
-  letter-spacing: 0.2px;
-  display: block;
-}
-._1hh5tt114 {
-  color: var(--_1073cm83);
-}
-._1hh5tt115 {
-  color: var(--_1073cm8a);
-}
-._1hh5tt116 {
-  color: var(--_1073cm8h);
-}
-._1hh5tt117 {
-  color: var(--_1073cm8o);
-}
-._1hh5tt118 {
-  margin-top: 8px;
-  display: block;
-}
-._1hh5tt118 > * {
-  font: 400 18px/1.44 var(--main-font-family);
-}
-._1hh5tt119 > * + * {
-  margin-left: 48px;
-}
-._1hh5tt11a {
-  margin-left: auto;
-  margin-right: auto;
-  text-align: center;
-  max-width: 800px;
-}
-._1hh5tt118 > * {
-  font-size: 16px;
-  line-height: 1.5;
-}
-@media screen and (min-width:1024px) {
-  ._1hh5tt15 {
-    width: min(1392px,calc(100% - 48px));
-  }
-}
-@media screen and (max-width:1280px) {
-  ._1hh5tt1k {
-    padding-left: 24px;
-    padding-right: 0;
-  }
-}
-@media screen and (max-width:1023px) {
-  ._1hh5tt1i {
-    flex-direction: column;
-    margin-top: 24px;
-  }
-  ._1hh5tt1j {
-    width: 100%;
-    min-height: 183px;
-    aspect-ratio: 16 / 9;
-  }
-  ._1hh5tt1k {
-    padding: 0px;
-    margin-top: 24px;
-  }
-  ._1hh5tt1n::before {
-    display: none;
-  }
-  ._1hh5tt1s {
-    display: none;
-  }
-  ._1hh5tt1x {
-    height: 52px;
-    width: 52px;
-    font-size: 40px;
-    line-height: 1.25;
-    margin-left: 0px;
-  }
-  ._1hh5tt113 {
-    font-size: 18px;
-    line-height: 1.77;
-  }
-  ._1hh5tt118 {
-    font-size: 14px;
-    line-height: 1.5;
-  }
-  ._1hh5tt119 {
-    flex-direction: column;
-    margin-top: 24px;
-  }
-  ._1hh5tt119 > * + * {
-    margin-left: 0px;
-    margin-top: 24px;
-  }
-}