@axos-web-dev/shared-components 2.0.0-dev.enableCTA2 → 2.0.0-dev.insights.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Auth/ErrorAlert.js +1 -1
  3. package/dist/Button/Button.js +1 -1
  4. package/dist/Calculators/ApyCalculator/index.js +5 -78
  5. package/dist/Calculators/Calculator.js +1 -1
  6. package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
  7. package/dist/Carousel/index.js +1 -1
  8. package/dist/Chatbot/Bubble.css.js +0 -1
  9. package/dist/Chatbot/ChatWindow.d.ts +0 -1
  10. package/dist/Chatbot/ChatWindow.js +10 -5
  11. package/dist/Chatbot/Chatbot.css.js +1 -0
  12. package/dist/Chatbot/Chatbot.js +42 -75
  13. package/dist/Chatbot/ChatbotMessage.d.ts +0 -1
  14. package/dist/Chatbot/ChatbotMessage.js +1 -2
  15. package/dist/Chatbot/store/messages.d.ts +1 -6
  16. package/dist/Chatbot/store/messages.js +3 -62
  17. package/dist/Chevron/index.js +1 -1
  18. package/dist/Comparison/Comparison.js +1 -1
  19. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  20. package/dist/FaqAccordion/index.js +1 -1
  21. package/dist/FdicCallout/index.js +1 -1
  22. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  23. package/dist/Forms/ApplyNow.js +1 -1
  24. package/dist/Forms/ContactUsBusiness.js +1 -1
  25. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  26. package/dist/Forms/ContactUsNMLSId.js +1 -1
  27. package/dist/Forms/CpraRequest.js +1 -1
  28. package/dist/Forms/CraPublicFile.js +1 -1
  29. package/dist/Forms/EmailOnly.js +2 -12
  30. package/dist/Forms/FormEnums.d.ts +0 -16
  31. package/dist/Forms/FormEnums.js +0 -27
  32. package/dist/Forms/MortgageRate/MortgageRateForm.js +9 -27
  33. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +11 -33
  34. package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +1 -1
  35. package/dist/Forms/MortgageRate/MortgageRateWatch.js +18 -91
  36. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  37. package/dist/Forms/SuccesForm.js +1 -1
  38. package/dist/Forms/index.d.ts +0 -1
  39. package/dist/Forms/index.js +0 -2
  40. package/dist/Hyperlink/index.js +1 -1
  41. package/dist/ImageLink/ImageLink.js +1 -1
  42. package/dist/ImageLink/ImageLinkSet.js +1 -1
  43. package/dist/ImageLink/index.js +1 -1
  44. package/dist/ImageToast/index.js +1 -1
  45. package/dist/Input/DownPaymentInput.js +0 -1
  46. package/dist/Insight/Featured/CategorySelector.css.d.ts +5 -3
  47. package/dist/Insight/Featured/CategorySelector.css.js +12 -8
  48. package/dist/Insight/Featured/CategorySelector.d.ts +1 -0
  49. package/dist/Insight/Featured/CategorySelector.js +75 -35
  50. package/dist/Insight/Featured/Featured.css.d.ts +13 -4
  51. package/dist/Insight/Featured/Featured.css.js +37 -18
  52. package/dist/Insight/Featured/Featured.d.ts +1 -0
  53. package/dist/Insight/Featured/Featured.js +130 -94
  54. package/dist/Insight/Featured/Header.css.d.ts +1 -0
  55. package/dist/Insight/Featured/Header.css.js +9 -6
  56. package/dist/Insight/Featured/Header.js +11 -18
  57. package/dist/Insight/Featured/index.js +13 -4
  58. package/dist/Insight/index.js +13 -4
  59. package/dist/LandingPageHeader/WithLogin.js +1 -1
  60. package/dist/Modal/Modal.js +1 -1
  61. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  62. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +1 -1
  63. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
  64. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -2
  65. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  66. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  67. package/dist/NavigationMenu/NavItem/index.js +1 -1
  68. package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js +1 -1
  69. package/dist/NavigationMenu/ServerNavigation/Menu.js +1 -1
  70. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js +14 -12
  71. package/dist/NavigationMenu/ServerNavigation/SubNavBar.js +1 -1
  72. package/dist/NavigationMenu/ServerNavigation/SubNavItem.js +1 -1
  73. package/dist/NavigationMenu/ServerNavigation/index.js +1 -1
  74. package/dist/SetContainer/SetContainer.js +1 -1
  75. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  76. package/dist/VideoTile/VideoTile.js +1 -1
  77. package/dist/VideoWrapper/index.js +1 -1
  78. package/dist/assets/CallToActionBar/CallToActionBar.css +2 -1
  79. package/dist/assets/Forms/Forms.css +2 -1
  80. package/dist/assets/Input/Input.css +1 -0
  81. package/dist/assets/Insight/Featured/CategorySelector.css +60 -38
  82. package/dist/assets/Insight/Featured/Featured.css +126 -65
  83. package/dist/assets/Insight/Featured/Header.css +22 -13
  84. package/dist/assets/TextBlock/TextBlock.css +1 -0
  85. package/dist/icons/Clock/index.js +1 -0
  86. package/dist/main.js +12 -5
  87. package/dist/utils/allowedAxosDomains.js +3 -2
  88. package/package.json +4 -5
  89. package/dist/Forms/NonQMLoans.d.ts +0 -16
  90. package/dist/Forms/NonQMLoans.js +0 -471
package/dist/NavigationMenu/AxosBank/SubNavBar.js CHANGED
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
82
  /* empty css */
84
83
  import "../../Chatbot/store/chat.js";
85
84
  import "../../Chatbot/Chatbot.js";
85
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
@@ -1179,7 +1179,7 @@ function SubNavBar() {
1179
1179
  Link,
1180
1180
  {
1181
1181
  href: resolveUrl(
1182
- "{SECUREMORTGAGE}/login?apply_mortgage=true"
1182
+ "{AFP}/login?apply_mortgage=true"
1183
1183
  ),
1184
1184
  children: "Apply Now"
1185
1185
  }
package/dist/NavigationMenu/AxosBank/index.js CHANGED
@@ -80,10 +80,10 @@ import "../../Auth/SignInPassword.js";
80
80
  /* empty css */
81
81
  import "../../Carousel/index.js";
82
82
  /* empty css */
83
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
83
  /* empty css */
85
84
  import "../../Chatbot/store/chat.js";
86
85
  import "../../Chatbot/Chatbot.js";
86
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
87
  /* empty css */
88
88
  import "../../Chatbot/store/messages.js";
89
89
  /* empty css */
package/dist/NavigationMenu/LaVictoire/index.js CHANGED
@@ -80,10 +80,10 @@ import "../../Auth/SignInPassword.js";
80
80
  /* empty css */
81
81
  import "../../Carousel/index.js";
82
82
  /* empty css */
83
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
83
  /* empty css */
85
84
  import "../../Chatbot/store/chat.js";
86
85
  import "../../Chatbot/Chatbot.js";
86
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
87
  /* empty css */
88
88
  import "../../Chatbot/store/messages.js";
89
89
  /* empty css */
package/dist/NavigationMenu/NavItem/index.js CHANGED
@@ -78,10 +78,10 @@ import "../../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../../Carousel/index.js";
80
80
  /* empty css */
81
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
81
  /* empty css */
83
82
  import "../../Chatbot/store/chat.js";
84
83
  import "../../Chatbot/Chatbot.js";
84
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../../Chatbot/store/messages.js";
87
87
  /* empty css */
package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js CHANGED
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
82
  /* empty css */
84
83
  import "../../Chatbot/store/chat.js";
85
84
  import "../../Chatbot/Chatbot.js";
85
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
package/dist/NavigationMenu/ServerNavigation/Menu.js CHANGED
@@ -81,10 +81,10 @@ import "../../Auth/SignInPassword.js";
81
81
  /* empty css */
82
82
  import "../../Carousel/index.js";
83
83
  /* empty css */
84
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
84
  /* empty css */
86
85
  import "../../Chatbot/store/chat.js";
87
86
  import "../../Chatbot/Chatbot.js";
87
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
88
88
  /* empty css */
89
89
  import "../../Chatbot/store/messages.js";
90
90
  /* empty css */
package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js CHANGED
@@ -1,13 +1,5 @@
1
1
  "use client";
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
- import { AnimatePresence, motion } from "framer-motion";
4
- import Link from "next/link.js";
5
- import { usePathname } from "next/navigation.js";
6
- import { useRef, useState, useReducer, useEffect } from "react";
7
- import { useClickAway } from "react-use";
8
- import styles from "./MobileMenu.module.js";
9
- import { mobileData } from "./MobileNavData.js";
10
- import { MenuActions, reducer } from "./mobileReducer.js";
11
3
  import "../../../Chevron/Chevron.css.js";
12
4
  import "../../../Accordion/Accordion.js";
13
5
  import "../../../Accordion/Accordion.css.js";
@@ -19,6 +11,7 @@ import '../../../assets/Modal/Modal.css';import '../../../assets/VideoWrapper/Vi
19
11
  /* empty css */
20
12
  /* empty css */
21
13
  /* empty css */
14
+ import { useRef, useState, useReducer, useEffect } from "react";
22
15
  import "clsx";
23
16
  import "../../../AlertBanner/AlertBanner.css.js";
24
17
  import "../../../Article/Article.css.js";
@@ -27,11 +20,13 @@ import "../../../IconBillboard/IconBillboard.css.js";
27
20
  /* empty css */
28
21
  import "../../../Interstitial/Interstitial-variants.css.js";
29
22
  import "../../../Button/Button.css.js";
23
+ import { useClickAway } from "react-use";
30
24
  import "../../../ArticlesSet/ArticlesSet.css.js";
31
25
  import "../../../Calculators/calculator.css.js";
32
26
  import "../../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
33
27
  import { useGlobalContext } from "../../../Modal/contextApi/store.js";
34
28
  import "next/image.js";
29
+ import { AnimatePresence, motion } from "framer-motion";
35
30
  import "../../../Calculators/ApyCalculator/ApyCalculator.css.js";
36
31
  import "../../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
37
32
  import "../../../HeroBanner/LargeBanner.css.js";
@@ -83,10 +78,10 @@ import "../../../Auth/SignInPassword.js";
83
78
  /* empty css */
84
79
  import "../../../Carousel/index.js";
85
80
  /* empty css */
86
- import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
81
  /* empty css */
88
82
  import "../../../Chatbot/store/chat.js";
89
83
  import "../../../Chatbot/Chatbot.js";
84
+ import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
90
85
  /* empty css */
91
86
  import "../../../Chatbot/store/messages.js";
92
87
  /* empty css */
@@ -109,8 +104,10 @@ import "next/script.js";
109
104
  /* empty css */
110
105
  /* empty css */
111
106
  import "../../../LandingPageHeader/LandingPageHeader.css.js";
107
+ import Link from "next/link.js";
112
108
  /* empty css */
113
109
  /* empty css */
110
+ import { usePathname } from "next/navigation.js";
114
111
  /* empty css */
115
112
  /* empty css */
116
113
  /* empty css */
@@ -135,6 +132,9 @@ import "../../../StepItemSet/StepItemSet.css.js";
135
132
  /* empty css */
136
133
  /* empty css */
137
134
  /* empty css */
135
+ import styles from "./MobileMenu.module.js";
136
+ import { mobileData } from "./MobileNavData.js";
137
+ import { MenuActions, reducer } from "./mobileReducer.js";
138
138
  const slideVariants = {
139
139
  enter: (direction) => ({
140
140
  x: direction === "forward" ? "100%" : "-100%",
@@ -450,7 +450,9 @@ const MobileDrawerMenu = ({ menu }) => {
450
450
  ) }, item.id + "1") : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
451
451
  Link,
452
452
  {
453
- href: item?.url + (queryString && !item?.url?.includes("?") ? `?${queryString}` : ""),
453
+ href: resolveUrl(
454
+ item?.url + (queryString && !item?.url?.includes("?") ? `?${queryString}` : "")
455
+ ),
454
456
  className: styles.menuItem,
455
457
  children: /* @__PURE__ */ jsx("span", { children: item.label })
456
458
  }
@@ -577,7 +579,7 @@ const MobileDrawerMenu = ({ menu }) => {
577
579
  children: /* @__PURE__ */ jsx(
578
580
  "a",
579
581
  {
580
- href: item.url + (queryString && !item.url.includes("?") ? `?${queryString}` : ""),
582
+ href: resolveUrl(item.url) + (queryString && !item.url.includes("?") ? `?${queryString}` : ""),
581
583
  className: styles.menuItem,
582
584
  children: /* @__PURE__ */ jsx("span", { children: item.label })
583
585
  }
@@ -608,7 +610,7 @@ const MobileDrawerMenu = ({ menu }) => {
608
610
  children: /* @__PURE__ */ jsx(
609
611
  "a",
610
612
  {
611
- href: group.url + (queryString && !group.url.includes("?") ? `?${queryString}` : ""),
613
+ href: resolveUrl(group.url) + (queryString && !group.url.includes("?") ? `?${queryString}` : ""),
612
614
  className: styles.menuItem,
613
615
  children: /* @__PURE__ */ jsx("span", { children: group.label })
614
616
  }
package/dist/NavigationMenu/ServerNavigation/SubNavBar.js CHANGED
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
82
  /* empty css */
84
83
  import "../../Chatbot/store/chat.js";
85
84
  import "../../Chatbot/Chatbot.js";
85
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
package/dist/NavigationMenu/ServerNavigation/SubNavItem.js CHANGED
@@ -78,10 +78,10 @@ import "../../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../../Carousel/index.js";
80
80
  /* empty css */
81
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
81
  /* empty css */
83
82
  import "../../Chatbot/store/chat.js";
84
83
  import "../../Chatbot/Chatbot.js";
84
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../../Chatbot/store/messages.js";
87
87
  /* empty css */
package/dist/NavigationMenu/ServerNavigation/index.js CHANGED
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
82
  /* empty css */
84
83
  import "../../Chatbot/store/chat.js";
85
84
  import "../../Chatbot/Chatbot.js";
85
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
package/dist/SetContainer/SetContainer.js CHANGED
@@ -77,10 +77,10 @@ import "../Auth/SignInPassword.js";
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
79
  /* empty css */
80
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
80
  /* empty css */
82
81
  import "../Chatbot/store/chat.js";
83
82
  import "../Chatbot/Chatbot.js";
83
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
84
  /* empty css */
85
85
  import "../Chatbot/store/messages.js";
86
86
  /* empty css */
package/dist/SocialMediaBar/iconsRepository.js CHANGED
@@ -77,10 +77,10 @@ import "../Auth/SignInPassword.js";
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
79
  /* empty css */
80
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
80
  /* empty css */
82
81
  import "../Chatbot/store/chat.js";
83
82
  import "../Chatbot/Chatbot.js";
83
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
84
  /* empty css */
85
85
  import "../Chatbot/store/messages.js";
86
86
  /* empty css */
package/dist/VideoTile/VideoTile.js CHANGED
@@ -85,10 +85,10 @@ import "../Auth/SignInPassword.js";
85
85
  /* empty css */
86
86
  import "../Carousel/index.js";
87
87
  /* empty css */
88
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
89
88
  /* empty css */
90
89
  import "../Chatbot/store/chat.js";
91
90
  import "../Chatbot/Chatbot.js";
91
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
92
92
  /* empty css */
93
93
  import "../Chatbot/store/messages.js";
94
94
  /* empty css */
package/dist/VideoWrapper/index.js CHANGED
@@ -78,10 +78,10 @@ import "../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../Carousel/index.js";
80
80
  /* empty css */
81
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
81
  /* empty css */
83
82
  import "../Chatbot/store/chat.js";
84
83
  import "../Chatbot/Chatbot.js";
84
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../Chatbot/store/messages.js";
87
87
  /* empty css */
package/dist/assets/CallToActionBar/CallToActionBar.css CHANGED
@@ -144,7 +144,8 @@
144
144
  ._1tdyl744 > img {
145
145
  position: unset;
146
146
  max-height: 200px;
147
- object-fit: cover;
147
+ object-fit: contain;
148
+ max-width: 100%;
148
149
  }
149
150
  ._1tdyl74f {
150
151
  justify-content: center;
package/dist/assets/Forms/Forms.css CHANGED
@@ -16,6 +16,7 @@
16
16
  }
17
17
  .tfms6a0 {
18
18
  font-size: 40px;
19
+ line-height: 1.15;
19
20
  }
20
21
  .tfms6a1 {
21
22
  padding-inline: 120px;
@@ -50,7 +51,7 @@
50
51
  padding-bottom: 32px;
51
52
  }
52
53
  .tfms6a8 {
53
- margin-bottom: 32px;
54
+ margin-bottom: 24px;
54
55
  }
55
56
  .tfms6a9 {
56
57
  background: var(--_1073cm81);
package/dist/assets/Input/Input.css CHANGED
@@ -80,6 +80,7 @@
80
80
  ._18du0la0 ._18du0lag {
81
81
  min-height: 61.02px;
82
82
  border-radius: 8px 0 0 8px;
83
+ align-items: stretch;
83
84
  }
84
85
  ._18du0lah {
85
86
  padding-top: 6px;
package/dist/assets/Insight/Featured/CategorySelector.css CHANGED
@@ -1,43 +1,78 @@
1
1
  ._13y9ptj0 {
2
- padding: 24px 0;
2
+ padding-block: clamp(24px, calc(1.5rem + ((1vw - 9.85px) * 5.4237)), 40px);
3
3
  }
4
4
  ._13y9ptj1 {
5
5
  display: flex;
6
6
  justify-content: space-between;
7
- margin-bottom: 24px;
8
7
  align-items: center;
8
+ margin-bottom: clamp(24px, calc(1.5rem + ((1vw - 9.85px) * 2.7119)), 32px);
9
9
  }
10
10
  ._13y9ptj2 {
11
- display: none;
12
- }
13
- ._13y9ptj2._13y9ptj1 .sc__btn {
14
- margin-top: 24px;
15
- margin-bottom: 0;
16
- }
17
- ._13y9ptj3 {
18
- font-size: 24px;
11
+ font-size: clamp(32px, calc(2rem + ((1vw - 7.69px) * 1.5656)), 40px);
19
12
  color: var(--_1073cm85);
20
13
  text-decoration: none;
21
14
  font-family: var(--header-font-family);
22
15
  text-transform: capitalize;
23
16
  font-weight: 700;
24
17
  }
25
- ._13y9ptj4 {
18
+ ._13y9ptj3 {
26
19
  text-transform: capitalize;
27
20
  }
28
- ._13y9ptj5 {
21
+ ._13y9ptj4 {
29
22
  display: grid;
30
23
  grid-template-columns: 1fr 1fr 1fr;
31
24
  gap: 24px;
32
- overflow: hidden;
25
+ overflow-x: auto;
26
+ scroll-behavior: smooth;
27
+ scroll-snap-type: x mandatory;
28
+ scrollbar-width: thin;
29
+ }
30
+ ._13y9ptj4::-webkit-scrollbar {
31
+ height: 15px;
32
+ }
33
+ ._13y9ptj4::-webkit-scrollbar-track {
34
+ background: #F1F1F1;
35
+ border-radius: 10px;
36
+ }
37
+ ._13y9ptj4::-webkit-scrollbar-thumb {
38
+ background: #1e629a;
39
+ border-radius: 10px;
40
+ border: 4px solid transparent;
41
+ background-clip: padding-box;
42
+ }
43
+ ._13y9ptj5 {
44
+ grid-template-columns: repeat(auto-fill, minmax(284px, 1fr));
45
+ overflow-x: hidden;
46
+ scroll-snap-type: none;
33
47
  }
34
48
  ._13y9ptj6 {
35
- max-width: 370px;
36
- grid-template-rows: 1fr 1fr;
49
+ border: 1px solid #b9c1ce;
50
+ display: flex;
51
+ flex-direction: column;
52
+ min-width: 286px;
53
+ scroll-snap-align: start;
37
54
  }
38
55
  ._13y9ptj7 {
39
- font-size: 28px;
40
- padding-bottom: 10px;
56
+ aspect-ratio: 384 / 200;
57
+ max-height: 200px;
58
+ width: 100%;
59
+ overflow: hidden;
60
+ }
61
+ ._13y9ptj8 {
62
+ object-fit: cover;
63
+ object-position: top;
64
+ width: 100%;
65
+ }
66
+ ._13y9ptj9 {
67
+ padding: 24px;
68
+ color: #14263D;
69
+ flex: 1 1 0%;
70
+ display: flex;
71
+ flex-direction: column;
72
+ }
73
+ ._13y9ptja {
74
+ font-size: 24px !important;
75
+ margin-bottom: 16px;
41
76
  -webkit-line-clamp: 2;
42
77
  box-orient: vertical;
43
78
  overflow: hidden;
@@ -46,38 +81,25 @@
46
81
  -webkit-box-orient: vertical;
47
82
  display: -webkit-box;
48
83
  }
49
- ._13y9ptj8 {
50
- padding: 24px;
51
- color: #333D46;
52
- font-family: var(--main-font-family);
53
- min-height: 182px;
54
- display: grid;
55
- grid-template-rows: 120px 30px;
56
- }
57
- ._13y9ptj9 {
58
- aspect-ratio: 16 / 9;
84
+ ._13y9ptjb {
85
+ display: none;
59
86
  }
60
- @media screen and (max-width:1024px) {
61
- ._13y9ptj5 {
62
- grid-template-columns: 1fr 1fr 1fr;
63
- }
87
+ ._13y9ptjb._13y9ptj1 .sc__btn {
88
+ margin-top: 24px;
89
+ margin-bottom: 0;
64
90
  }
65
91
  @media screen and (max-width:768px) {
66
- ._13y9ptj2 {
92
+ ._13y9ptjb {
67
93
  display: flex;
68
94
  }
69
- ._13y9ptj5 {
70
- grid-template-columns: 1fr;
71
- justify-items: center;
72
- }
73
95
  }
74
96
  @media screen and (max-width: 768px) {
75
- :is(._13y9ptj1):not(._13y9ptj2) .sc__btn {
97
+ :is(._13y9ptj1):not(._13y9ptjb) .sc__btn {
76
98
  display: none;
77
99
  }
78
100
  }
79
101
  @media screen and (min-width:768px) {
80
- ._13y9ptj2._13y9ptj1 .sc__btn {
102
+ ._13y9ptjb._13y9ptj1 .sc__btn {
81
103
  display: none;
82
104
  }
83
105
  }