md-components-mdigial-azamat 0.0.39 → 0.0.41
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.
- package/dist/AllComponents.js +2 -2
- package/dist/AnimatedSwiper/Slide/Slide.js +25 -23
- package/dist/AnimatedSwiper/index.js +1 -1
- package/dist/CardIconList/CardIconList.js +25 -25
- package/dist/Footer/components/SocialButtonsList/SocialButtonsList.js +31 -29
- package/dist/Header/Header.js +1 -1
- package/dist/Header/components/HeaderCard/HeaderCard.js +15 -15
- package/dist/Header/components/HeaderMenu/HeaderMenu.js +33 -31
- package/dist/Header/components/HeaderMenuMobile/HeaderMenuMobile.js +2 -2
- package/dist/Header/components/HeaderMobile/HeaderMobile.js +1 -1
- package/dist/Header/components/HeaderMobile/index.js +1 -1
- package/dist/Header/components/HeaderResults/HeaderResults.js +7 -7
- package/dist/Header/components/HeaderTab/HeaderTab.js +26 -20
- package/dist/Header/components/HeaderTabsMobile/HeaderTabsMobile.js +37 -34
- package/dist/Header/components/HeaderWeb/HeaderWeb.js +54 -50
- package/dist/Header/index.js +1 -1
- package/dist/InfoBannerList/InfoBannerList.js +1 -1
- package/dist/InfoBannerList/index.js +1 -1
- package/dist/InstructionList/InstructionList.js +1 -1
- package/dist/InstructionList/components/InstructionCard/InstructionCard.js +2 -2
- package/dist/InstructionList/components/InstructionCard/index.js +1 -1
- package/dist/InstructionList/index.js +1 -1
- package/dist/PageViewer/PageViewer.js +1 -1
- package/dist/PageViewer/renderComponents.js +1 -1
- package/dist/PreviewList/PreviewList.js +1 -1
- package/dist/PreviewList/components/PreviewCard/PreviewCard.js +2 -2
- package/dist/PreviewList/components/PreviewCard/index.js +1 -1
- package/dist/PreviewList/index.js +1 -1
- package/dist/PromoPoster/PromoPoster.js +1 -1
- package/dist/RenderAllComponents/RenderAllComponents.js +1 -1
- package/dist/StandartTable/components/CardMarkedRow/index.js +2 -2
- package/dist/StandartTable/index.js +1 -1
- package/dist/SwiperList/SwiperList.js +2 -2
- package/dist/SwiperList/index.js +1 -1
- package/dist/TasksBanner/TasksBanner.js +1 -1
- package/dist/TasksBanner/index.js +1 -1
- package/dist/TasksBannerList/TasksBannerList.js +1 -1
- package/dist/TasksBannerList/index.js +1 -1
- package/dist/{componentsMap-d90efb17.js → componentsMap-ec48f708.js} +2 -2
- package/dist/{index-66837af1.js → index-3b24fe0f.js} +85 -84
- package/dist/{index-db31fa48.js → index-4c5d924e.js} +129 -128
- package/dist/main.js +1 -1
- package/package.json +1 -1
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as J, useRef as
|
|
1
|
+
import { jsx as i, jsxs as j } from "react/jsx-runtime";
|
|
2
|
+
import { useState as J, useRef as D } from "react";
|
|
3
3
|
import { Bullet as K } from "./SwiperList/components/Bullet/Bullet.js";
|
|
4
4
|
import { FieldTypes as v } from "./Types/FiledTypes.js";
|
|
5
5
|
import { d as B, a as Q, N as U, b as W } from "./swiper-react-90953710.js";
|
|
6
|
-
import { c as
|
|
6
|
+
import { c as O } from "./cn-6a4bf187.js";
|
|
7
7
|
import { u as X } from "./useScreenSize-c1b64c02.js";
|
|
8
8
|
import { Slide as Y } from "./AnimatedSwiper/Slide/Slide.js";
|
|
9
9
|
import './assets/index2.css';function Z(f) {
|
|
10
10
|
let {
|
|
11
11
|
swiper: e,
|
|
12
|
-
extendParams:
|
|
13
|
-
on:
|
|
14
|
-
emit:
|
|
15
|
-
params:
|
|
12
|
+
extendParams: c,
|
|
13
|
+
on: l,
|
|
14
|
+
emit: r,
|
|
15
|
+
params: s
|
|
16
16
|
} = f;
|
|
17
17
|
e.autoplay = {
|
|
18
18
|
running: !1,
|
|
19
19
|
paused: !1,
|
|
20
20
|
timeLeft: 0
|
|
21
|
-
},
|
|
21
|
+
}, c({
|
|
22
22
|
autoplay: {
|
|
23
23
|
enabled: !1,
|
|
24
24
|
delay: 3e3,
|
|
@@ -29,32 +29,32 @@ import './assets/index2.css';function Z(f) {
|
|
|
29
29
|
pauseOnMouseEnter: !1
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
-
let m,
|
|
33
|
-
function
|
|
34
|
-
!e || e.destroyed || !e.wrapperEl || t.target === e.wrapperEl && (e.wrapperEl.removeEventListener("transitionend",
|
|
32
|
+
let m, S, u = s && s.autoplay ? s.autoplay.delay : 3e3, y = s && s.autoplay ? s.autoplay.delay : 3e3, n, w = (/* @__PURE__ */ new Date()).getTime(), L, g, p, b, A, a, h;
|
|
33
|
+
function T(t) {
|
|
34
|
+
!e || e.destroyed || !e.wrapperEl || t.target === e.wrapperEl && (e.wrapperEl.removeEventListener("transitionend", T), !(h || t.detail && t.detail.bySwiperTouchMove) && x());
|
|
35
35
|
}
|
|
36
36
|
const M = () => {
|
|
37
37
|
if (e.destroyed || !e.autoplay.running)
|
|
38
38
|
return;
|
|
39
|
-
e.autoplay.paused ?
|
|
40
|
-
const t = e.autoplay.paused ? n : w +
|
|
41
|
-
e.autoplay.timeLeft = t,
|
|
39
|
+
e.autoplay.paused ? L = !0 : L && (y = n, L = !1);
|
|
40
|
+
const t = e.autoplay.paused ? n : w + y - (/* @__PURE__ */ new Date()).getTime();
|
|
41
|
+
e.autoplay.timeLeft = t, r("autoplayTimeLeft", t, t / u), S = requestAnimationFrame(() => {
|
|
42
42
|
M();
|
|
43
43
|
});
|
|
44
44
|
}, q = () => {
|
|
45
45
|
let t;
|
|
46
46
|
return e.virtual && e.params.virtual.enabled ? t = e.slides.find((o) => o.classList.contains("swiper-slide-active")) : t = e.slides[e.activeIndex], t ? parseInt(t.getAttribute("data-swiper-autoplay"), 10) : void 0;
|
|
47
|
-
},
|
|
47
|
+
}, C = (t) => {
|
|
48
48
|
if (e.destroyed || !e.autoplay.running)
|
|
49
49
|
return;
|
|
50
|
-
cancelAnimationFrame(
|
|
50
|
+
cancelAnimationFrame(S), M();
|
|
51
51
|
let d = typeof t > "u" ? e.params.autoplay.delay : t;
|
|
52
|
-
u = e.params.autoplay.delay,
|
|
52
|
+
u = e.params.autoplay.delay, y = e.params.autoplay.delay;
|
|
53
53
|
const o = q();
|
|
54
|
-
!Number.isNaN(o) && o > 0 && typeof t > "u" && (d = o, u = o,
|
|
55
|
-
const
|
|
56
|
-
!e || e.destroyed || (e.params.autoplay.reverseDirection ? !e.isBeginning || e.params.loop || e.params.rewind ? (e.slidePrev(
|
|
57
|
-
|
|
54
|
+
!Number.isNaN(o) && o > 0 && typeof t > "u" && (d = o, u = o, y = o), n = d;
|
|
55
|
+
const I = e.params.speed, _ = () => {
|
|
56
|
+
!e || e.destroyed || (e.params.autoplay.reverseDirection ? !e.isBeginning || e.params.loop || e.params.rewind ? (e.slidePrev(I, !0, !0), r("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(e.slides.length - 1, I, !0, !0), r("autoplay")) : !e.isEnd || e.params.loop || e.params.rewind ? (e.slideNext(I, !0, !0), r("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(0, I, !0, !0), r("autoplay")), e.params.cssMode && (w = (/* @__PURE__ */ new Date()).getTime(), requestAnimationFrame(() => {
|
|
57
|
+
C();
|
|
58
58
|
})));
|
|
59
59
|
};
|
|
60
60
|
return d > 0 ? (clearTimeout(m), m = setTimeout(() => {
|
|
@@ -63,30 +63,30 @@ import './assets/index2.css';function Z(f) {
|
|
|
63
63
|
_();
|
|
64
64
|
}), d;
|
|
65
65
|
}, F = () => {
|
|
66
|
-
w = (/* @__PURE__ */ new Date()).getTime(), e.autoplay.running = !0,
|
|
67
|
-
},
|
|
68
|
-
e.autoplay.running = !1, clearTimeout(m), cancelAnimationFrame(
|
|
69
|
-
},
|
|
66
|
+
w = (/* @__PURE__ */ new Date()).getTime(), e.autoplay.running = !0, C(), r("autoplayStart");
|
|
67
|
+
}, N = () => {
|
|
68
|
+
e.autoplay.running = !1, clearTimeout(m), cancelAnimationFrame(S), r("autoplayStop");
|
|
69
|
+
}, E = (t, d) => {
|
|
70
70
|
if (e.destroyed || !e.autoplay.running)
|
|
71
71
|
return;
|
|
72
72
|
clearTimeout(m), t || (a = !0);
|
|
73
73
|
const o = () => {
|
|
74
|
-
|
|
74
|
+
r("autoplayPause"), e.params.autoplay.waitForTransition ? e.wrapperEl.addEventListener("transitionend", T) : x();
|
|
75
75
|
};
|
|
76
76
|
if (e.autoplay.paused = !0, d) {
|
|
77
|
-
|
|
77
|
+
A && (n = e.params.autoplay.delay), A = !1, o();
|
|
78
78
|
return;
|
|
79
79
|
}
|
|
80
80
|
n = (n || e.params.autoplay.delay) - ((/* @__PURE__ */ new Date()).getTime() - w), !(e.isEnd && n < 0 && !e.params.loop) && (n < 0 && (n = 0), o());
|
|
81
81
|
}, x = () => {
|
|
82
|
-
e.isEnd && n < 0 && !e.params.loop || e.destroyed || !e.autoplay.running || (w = (/* @__PURE__ */ new Date()).getTime(), a ? (a = !1,
|
|
82
|
+
e.isEnd && n < 0 && !e.params.loop || e.destroyed || !e.autoplay.running || (w = (/* @__PURE__ */ new Date()).getTime(), a ? (a = !1, C(n)) : C(), e.autoplay.paused = !1, r("autoplayResume"));
|
|
83
83
|
}, P = () => {
|
|
84
84
|
if (e.destroyed || !e.autoplay.running)
|
|
85
85
|
return;
|
|
86
86
|
const t = B();
|
|
87
|
-
t.visibilityState === "hidden" && (a = !0,
|
|
87
|
+
t.visibilityState === "hidden" && (a = !0, E(!0)), t.visibilityState === "visible" && x();
|
|
88
88
|
}, R = (t) => {
|
|
89
|
-
t.pointerType === "mouse" && (a = !0, h = !0, !(e.animating || e.autoplay.paused) &&
|
|
89
|
+
t.pointerType === "mouse" && (a = !0, h = !0, !(e.animating || e.autoplay.paused) && E(!0));
|
|
90
90
|
}, k = (t) => {
|
|
91
91
|
t.pointerType === "mouse" && (h = !1, e.autoplay.paused && x());
|
|
92
92
|
}, z = () => {
|
|
@@ -98,48 +98,48 @@ import './assets/index2.css';function Z(f) {
|
|
|
98
98
|
}, H = () => {
|
|
99
99
|
B().removeEventListener("visibilitychange", P);
|
|
100
100
|
};
|
|
101
|
-
|
|
101
|
+
l("init", () => {
|
|
102
102
|
e.params.autoplay.enabled && (z(), G(), F());
|
|
103
|
-
}),
|
|
104
|
-
V(), H(), e.autoplay.running &&
|
|
105
|
-
}),
|
|
103
|
+
}), l("destroy", () => {
|
|
104
|
+
V(), H(), e.autoplay.running && N();
|
|
105
|
+
}), l("_freeModeStaticRelease", () => {
|
|
106
106
|
(p || a) && x();
|
|
107
|
-
}),
|
|
108
|
-
e.params.autoplay.disableOnInteraction ?
|
|
109
|
-
}),
|
|
110
|
-
e.destroyed || !e.autoplay.running || (o || !e.params.autoplay.disableOnInteraction ?
|
|
111
|
-
}),
|
|
107
|
+
}), l("_freeModeNoMomentumRelease", () => {
|
|
108
|
+
e.params.autoplay.disableOnInteraction ? N() : E(!0, !0);
|
|
109
|
+
}), l("beforeTransitionStart", (t, d, o) => {
|
|
110
|
+
e.destroyed || !e.autoplay.running || (o || !e.params.autoplay.disableOnInteraction ? E(!0, !0) : N());
|
|
111
|
+
}), l("sliderFirstMove", () => {
|
|
112
112
|
if (!(e.destroyed || !e.autoplay.running)) {
|
|
113
113
|
if (e.params.autoplay.disableOnInteraction) {
|
|
114
|
-
|
|
114
|
+
N();
|
|
115
115
|
return;
|
|
116
116
|
}
|
|
117
|
-
g = !0, p = !1, a = !1,
|
|
118
|
-
a = !0, p = !0,
|
|
117
|
+
g = !0, p = !1, a = !1, b = setTimeout(() => {
|
|
118
|
+
a = !0, p = !0, E(!0);
|
|
119
119
|
}, 200);
|
|
120
120
|
}
|
|
121
|
-
}),
|
|
121
|
+
}), l("touchEnd", () => {
|
|
122
122
|
if (!(e.destroyed || !e.autoplay.running || !g)) {
|
|
123
|
-
if (clearTimeout(
|
|
123
|
+
if (clearTimeout(b), clearTimeout(m), e.params.autoplay.disableOnInteraction) {
|
|
124
124
|
p = !1, g = !1;
|
|
125
125
|
return;
|
|
126
126
|
}
|
|
127
127
|
p && e.params.cssMode && x(), p = !1, g = !1;
|
|
128
128
|
}
|
|
129
|
-
}),
|
|
130
|
-
e.destroyed || !e.autoplay.running || (
|
|
129
|
+
}), l("slideChange", () => {
|
|
130
|
+
e.destroyed || !e.autoplay.running || (A = !0);
|
|
131
131
|
}), Object.assign(e.autoplay, {
|
|
132
132
|
start: F,
|
|
133
|
-
stop:
|
|
134
|
-
pause:
|
|
133
|
+
stop: N,
|
|
134
|
+
pause: E,
|
|
135
135
|
resume: x
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
138
|
const $ = ({
|
|
139
139
|
color: f = "#40474F",
|
|
140
140
|
size: e = 24,
|
|
141
|
-
...
|
|
142
|
-
}) => /* @__PURE__ */
|
|
141
|
+
...c
|
|
142
|
+
}) => /* @__PURE__ */ i(
|
|
143
143
|
"svg",
|
|
144
144
|
{
|
|
145
145
|
width: e,
|
|
@@ -147,8 +147,8 @@ const $ = ({
|
|
|
147
147
|
viewBox: "0 0 24 24",
|
|
148
148
|
fill: "none",
|
|
149
149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
150
|
-
...
|
|
151
|
-
children: /* @__PURE__ */
|
|
150
|
+
...c,
|
|
151
|
+
children: /* @__PURE__ */ i(
|
|
152
152
|
"path",
|
|
153
153
|
{
|
|
154
154
|
d: "M17 22L8.41418 13.4142C7.74752 12.7476 7.41418 12.4142 7.41418 12C7.41418 11.5858 7.74752 11.2525 8.41418 10.5858L17 2",
|
|
@@ -161,8 +161,8 @@ const $ = ({
|
|
|
161
161
|
), ee = ({
|
|
162
162
|
color: f = "#40474F",
|
|
163
163
|
size: e = 24,
|
|
164
|
-
...
|
|
165
|
-
}) => /* @__PURE__ */
|
|
164
|
+
...c
|
|
165
|
+
}) => /* @__PURE__ */ i(
|
|
166
166
|
"svg",
|
|
167
167
|
{
|
|
168
168
|
width: e,
|
|
@@ -170,8 +170,8 @@ const $ = ({
|
|
|
170
170
|
viewBox: "0 0 24 24",
|
|
171
171
|
fill: "none",
|
|
172
172
|
xmlns: "http://www.w3.org/2000/svg",
|
|
173
|
-
...
|
|
174
|
-
children: /* @__PURE__ */
|
|
173
|
+
...c,
|
|
174
|
+
children: /* @__PURE__ */ i(
|
|
175
175
|
"path",
|
|
176
176
|
{
|
|
177
177
|
d: "M7 22L15.5858 13.4142C16.2524 12.7476 16.5858 12.4142 16.5858 12C16.5858 11.5858 16.2525 11.2525 15.5858 10.5858L7 2",
|
|
@@ -199,31 +199,31 @@ const te = {
|
|
|
199
199
|
function ne({
|
|
200
200
|
title: f,
|
|
201
201
|
cards: e,
|
|
202
|
-
autoplay:
|
|
203
|
-
isLight:
|
|
204
|
-
isButton:
|
|
202
|
+
autoplay: c = !1,
|
|
203
|
+
isLight: l = !1,
|
|
204
|
+
isButton: r = !0
|
|
205
205
|
}) {
|
|
206
|
-
const [
|
|
206
|
+
const [s, m] = J(1), S = D(null), u = X(960), y = u ? 1.2 : 3, n = u ? 16 : 0, L = c ? {
|
|
207
207
|
delay: 3e3,
|
|
208
208
|
disableOnInteraction: !1,
|
|
209
209
|
waitForTransition: !0
|
|
210
|
-
} : !1, g =
|
|
210
|
+
} : !1, g = D(null), p = D(null), b = (e == null ? void 0 : e.length) <= y + 1 ? [...e, ...e] : e, A = (e == null ? void 0 : e.length) <= y + 1 ? s % (e == null ? void 0 : e.length) : s;
|
|
211
211
|
return /* @__PURE__ */ j("div", { className: "flex flex-col items-center gap-6 h-fit max-w-[1232px] w-full mx-auto px-4 relative max-tablet:max-w-full max-tablet:p-0", children: [
|
|
212
|
-
f && /* @__PURE__ */
|
|
212
|
+
f && /* @__PURE__ */ i("p", { className: "text-[44px] leading-[52px] font-bold text-center mb-[48px]", children: f }),
|
|
213
213
|
/* @__PURE__ */ j("div", { className: "relative w-full h-[346px] max-tablet:h-fit", children: [
|
|
214
|
-
/* @__PURE__ */
|
|
214
|
+
/* @__PURE__ */ i(
|
|
215
215
|
Q,
|
|
216
216
|
{
|
|
217
217
|
modules: [U, Z],
|
|
218
218
|
className: "feature_swiper",
|
|
219
219
|
initialSlide: 0,
|
|
220
|
-
slidesPerView:
|
|
220
|
+
slidesPerView: y,
|
|
221
221
|
spaceBetween: n,
|
|
222
222
|
centeredSlides: !0,
|
|
223
223
|
speed: 500,
|
|
224
|
-
autoplay:
|
|
224
|
+
autoplay: L,
|
|
225
225
|
onSwiper: (a) => {
|
|
226
|
-
|
|
226
|
+
S.current = a, m(a.realIndex);
|
|
227
227
|
},
|
|
228
228
|
onBeforeTransitionStart: (a) => {
|
|
229
229
|
let h = a.realIndex;
|
|
@@ -234,39 +234,40 @@ function ne({
|
|
|
234
234
|
prevEl: p.current
|
|
235
235
|
},
|
|
236
236
|
loop: !0,
|
|
237
|
-
children:
|
|
238
|
-
const
|
|
239
|
-
return /* @__PURE__ */
|
|
237
|
+
children: b == null ? void 0 : b.map((a, h) => {
|
|
238
|
+
const T = h === s;
|
|
239
|
+
return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(
|
|
240
240
|
Y,
|
|
241
241
|
{
|
|
242
242
|
image: a == null ? void 0 : a.image,
|
|
243
243
|
description: a == null ? void 0 : a.description,
|
|
244
|
-
|
|
244
|
+
title: a == null ? void 0 : a.title,
|
|
245
|
+
className: O(
|
|
245
246
|
"h-[314px] transition-all duration-500 transform scale-[0.85] relative max-tablet:h-[288px] max-tablet:scale-100",
|
|
246
247
|
{
|
|
247
|
-
"!h-[346px] !w-full transform scale-100 flex flex-col gap-[40px] md:h-auto md:gap-6":
|
|
248
|
+
"!h-[346px] !w-full transform scale-100 flex flex-col gap-[40px] md:h-auto md:gap-6": T && !u
|
|
248
249
|
}
|
|
249
250
|
),
|
|
250
|
-
imgClassName:
|
|
251
|
-
"h-[122px] w-[122px]":
|
|
251
|
+
imgClassName: O({
|
|
252
|
+
"h-[122px] w-[122px]": T && !u
|
|
252
253
|
}),
|
|
253
|
-
imgStyle:
|
|
254
|
-
"h-[122px] w-[122px]":
|
|
254
|
+
imgStyle: O({
|
|
255
|
+
"h-[122px] w-[122px]": T && !u
|
|
255
256
|
}),
|
|
256
|
-
isLight:
|
|
257
|
+
isLight: l
|
|
257
258
|
}
|
|
258
259
|
) }, a.id);
|
|
259
260
|
})
|
|
260
261
|
}
|
|
261
262
|
),
|
|
262
|
-
|
|
263
|
+
r && /* @__PURE__ */ i(
|
|
263
264
|
"button",
|
|
264
265
|
{
|
|
265
266
|
ref: p,
|
|
266
|
-
className:
|
|
267
|
+
className: O(
|
|
267
268
|
"absolute h-[40px] w-[40px] left-0 top-[200px] translate-x-[-50%] translate-y-[-50%] z-10 p-[8px] rounded-[50%] bg-graySoft border-none cursor-pointer max-tablet:hidden"
|
|
268
269
|
),
|
|
269
|
-
children: /* @__PURE__ */
|
|
270
|
+
children: /* @__PURE__ */ i(
|
|
270
271
|
$,
|
|
271
272
|
{
|
|
272
273
|
size: 24,
|
|
@@ -275,14 +276,14 @@ function ne({
|
|
|
275
276
|
)
|
|
276
277
|
}
|
|
277
278
|
),
|
|
278
|
-
|
|
279
|
+
r && /* @__PURE__ */ i(
|
|
279
280
|
"button",
|
|
280
281
|
{
|
|
281
282
|
ref: g,
|
|
282
|
-
className:
|
|
283
|
+
className: O(
|
|
283
284
|
"absolute h-[40px] w-[40px] right-0 top-[200px] translate-x-[-50%] translate-y-[-50%] z-10 p-[8px] rounded-[50%] bg-graySoft border-none cursor-pointer max-tablet:hidden"
|
|
284
285
|
),
|
|
285
|
-
children: /* @__PURE__ */
|
|
286
|
+
children: /* @__PURE__ */ i(
|
|
286
287
|
ee,
|
|
287
288
|
{
|
|
288
289
|
size: 24,
|
|
@@ -292,11 +293,11 @@ function ne({
|
|
|
292
293
|
}
|
|
293
294
|
)
|
|
294
295
|
] }),
|
|
295
|
-
e.length && /* @__PURE__ */
|
|
296
|
+
(e == null ? void 0 : e.length) && /* @__PURE__ */ i(
|
|
296
297
|
K,
|
|
297
298
|
{
|
|
298
299
|
count: e.length,
|
|
299
|
-
active:
|
|
300
|
+
active: A,
|
|
300
301
|
activeColor: "#16A34A",
|
|
301
302
|
anActiveColor: "#A6B2BA",
|
|
302
303
|
className: "mt-[24px]"
|