stone-kit 0.0.35 → 0.0.36
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/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +4 -0
- package/dist/components/Modal/ui/Modal.d.ts +10 -0
- package/dist/components/Modal/ui/Modal.js +21 -0
- package/dist/components/Modal/ui/Modal.types.d.ts +0 -0
- package/dist/components/Modal/ui/Modal.types.js +1 -0
- package/dist/components/RoundButton/ui/RoundButton.js +38 -38
- package/dist/components/Tag/ui/Tag.js +34 -34
- package/dist/main.d.ts +1 -0
- package/dist/main.js +14 -12
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Modal } from './ui/Modal';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
|
|
3
|
+
interface IModalProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
emitIsOpen: (isOpen: boolean) => void;
|
|
6
|
+
modifierClassesStyle?: string[];
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Modal: FC<IModalProps>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o, Fragment as c } from "react/jsx-runtime";
|
|
2
|
+
const n = "_root_1vvin_1", a = {
|
|
3
|
+
root: n
|
|
4
|
+
}, i = ({ isOpen: s = !1, emitIsOpen: l, children: e }) => {
|
|
5
|
+
const r = () => {
|
|
6
|
+
l(!1);
|
|
7
|
+
};
|
|
8
|
+
return s ? /* @__PURE__ */ t("div", { className: `${a.root}`, children: [
|
|
9
|
+
/* @__PURE__ */ o(
|
|
10
|
+
"div",
|
|
11
|
+
{
|
|
12
|
+
onClick: r,
|
|
13
|
+
className: a.modal__overlay
|
|
14
|
+
}
|
|
15
|
+
),
|
|
16
|
+
/* @__PURE__ */ o("div", { className: a.modal__body, children: /* @__PURE__ */ o("div", { className: a.modal__contentWrap, children: /* @__PURE__ */ o("div", { className: a.modal__content, children: e }) }) })
|
|
17
|
+
] }) : /* @__PURE__ */ o(c, {});
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
i as Modal
|
|
21
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as o, Fragment as f } from "react/jsx-runtime";
|
|
2
|
+
import { useState as g, useEffect as S } from "react";
|
|
3
3
|
import { c as R } from "../../../index-DIxK0V-G.js";
|
|
4
4
|
import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
|
|
5
5
|
import { sizeMap as s } from "./RoundButton.types.js";
|
|
6
|
-
const k = "
|
|
6
|
+
const k = "_btnRound_7sz3m_1", $ = "_whiteStroke_7sz3m_34", e = {
|
|
7
7
|
btnRound: k,
|
|
8
|
-
"small-size": "_small-
|
|
9
|
-
"medium-size": "_medium-
|
|
10
|
-
"large-size": "_large-
|
|
8
|
+
"small-size": "_small-size_7sz3m_17",
|
|
9
|
+
"medium-size": "_medium-size_7sz3m_22",
|
|
10
|
+
"large-size": "_large-size_7sz3m_28",
|
|
11
11
|
whiteStroke: $,
|
|
12
|
-
"small-size_m": "_small-
|
|
13
|
-
"medium-size_m": "_medium-
|
|
14
|
-
"large-size_m": "_large-
|
|
15
|
-
"small-size_l": "_small-
|
|
16
|
-
"medium-size_l": "_medium-
|
|
17
|
-
"large-size_l": "_large-
|
|
12
|
+
"small-size_m": "_small-size_m_7sz3m_46",
|
|
13
|
+
"medium-size_m": "_medium-size_m_7sz3m_50",
|
|
14
|
+
"large-size_m": "_large-size_m_7sz3m_55",
|
|
15
|
+
"small-size_l": "_small-size_l_7sz3m_62",
|
|
16
|
+
"medium-size_l": "_medium-size_l_7sz3m_66",
|
|
17
|
+
"large-size_l": "_large-size_l_7sz3m_71"
|
|
18
18
|
}, v = R.bind(e), j = ({
|
|
19
|
-
size:
|
|
20
|
-
size_m:
|
|
21
|
-
size_l:
|
|
22
|
-
children:
|
|
23
|
-
iconName:
|
|
24
|
-
variant:
|
|
19
|
+
size: i = "small",
|
|
20
|
+
size_m: m,
|
|
21
|
+
size_l: t,
|
|
22
|
+
children: z = "",
|
|
23
|
+
iconName: l = "",
|
|
24
|
+
variant: a = "whiteStroke",
|
|
25
25
|
additionalClass: d = "",
|
|
26
|
-
deg:
|
|
27
|
-
...
|
|
26
|
+
deg: c,
|
|
27
|
+
...r
|
|
28
28
|
}) => {
|
|
29
|
-
const [
|
|
29
|
+
const [u, w] = g(s.small), { color: h } = r;
|
|
30
30
|
return S(() => {
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
|
|
31
|
+
const _ = () => {
|
|
32
|
+
const n = window.innerWidth, b = n > 1440 && t ? s[t] : n >= 1024 && n <= 1440 && m ? s[m] : s[i] || s.small;
|
|
33
|
+
w(b);
|
|
34
34
|
};
|
|
35
|
-
return window.addEventListener("resize",
|
|
36
|
-
window.removeEventListener("resize",
|
|
35
|
+
return window.addEventListener("resize", _), _(), () => {
|
|
36
|
+
window.removeEventListener("resize", _);
|
|
37
37
|
};
|
|
38
|
-
}, [
|
|
38
|
+
}, [i, m, t]), /* @__PURE__ */ o(
|
|
39
39
|
"button",
|
|
40
40
|
{
|
|
41
41
|
className: v(
|
|
42
42
|
e.btnRound,
|
|
43
|
-
e[`${
|
|
44
|
-
e[`${
|
|
45
|
-
e[`${
|
|
46
|
-
e[`${
|
|
43
|
+
e[`${i}-size`],
|
|
44
|
+
e[`${m}-size_m`],
|
|
45
|
+
e[`${t}-size_l`],
|
|
46
|
+
e[`${a}`],
|
|
47
47
|
d
|
|
48
48
|
),
|
|
49
|
-
...
|
|
50
|
-
children: /* @__PURE__ */
|
|
49
|
+
...r,
|
|
50
|
+
children: /* @__PURE__ */ o(f, { children: l ? /* @__PURE__ */ o(
|
|
51
51
|
p,
|
|
52
52
|
{
|
|
53
|
-
name:
|
|
54
|
-
size:
|
|
55
|
-
deg:
|
|
56
|
-
color:
|
|
53
|
+
name: l,
|
|
54
|
+
size: u,
|
|
55
|
+
deg: c,
|
|
56
|
+
color: h
|
|
57
57
|
}
|
|
58
|
-
) :
|
|
58
|
+
) : z })
|
|
59
59
|
}
|
|
60
60
|
);
|
|
61
61
|
};
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
4
|
-
tagCommon:
|
|
5
|
-
"auto-width": "_auto-
|
|
6
|
-
"full-width": "_full-
|
|
7
|
-
"medium-size": "_medium-
|
|
8
|
-
"tiny-size": "_tiny-
|
|
9
|
-
red:
|
|
10
|
-
gray:
|
|
11
|
-
shade:
|
|
12
|
-
"tiny-size_m": "_tiny-
|
|
13
|
-
"medium-size_m": "_medium-
|
|
14
|
-
"tiny-size_l": "_tiny-
|
|
15
|
-
"medium-size_l": "_medium-
|
|
16
|
-
}, l =
|
|
17
|
-
size:
|
|
18
|
-
size_m:
|
|
19
|
-
size_l:
|
|
20
|
-
children:
|
|
21
|
-
variant:
|
|
22
|
-
width:
|
|
23
|
-
additionalClass:
|
|
24
|
-
...
|
|
25
|
-
}) => /* @__PURE__ */
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import { c as d } from "../../../index-DIxK0V-G.js";
|
|
3
|
+
const n = "_tagCommon_1acg9_1", z = "_red_1acg9_40", r = "_gray_1acg9_46", u = "_shade_1acg9_52", _ = {
|
|
4
|
+
tagCommon: n,
|
|
5
|
+
"auto-width": "_auto-width_1acg9_16",
|
|
6
|
+
"full-width": "_full-width_1acg9_20",
|
|
7
|
+
"medium-size": "_medium-size_1acg9_24",
|
|
8
|
+
"tiny-size": "_tiny-size_1acg9_32",
|
|
9
|
+
red: z,
|
|
10
|
+
gray: r,
|
|
11
|
+
shade: u,
|
|
12
|
+
"tiny-size_m": "_tiny-size_m_1acg9_67",
|
|
13
|
+
"medium-size_m": "_medium-size_m_1acg9_74",
|
|
14
|
+
"tiny-size_l": "_tiny-size_l_1acg9_89",
|
|
15
|
+
"medium-size_l": "_medium-size_l_1acg9_96"
|
|
16
|
+
}, l = d.bind(_), w = ({
|
|
17
|
+
size: i = "medium",
|
|
18
|
+
size_m: m,
|
|
19
|
+
size_l: s,
|
|
20
|
+
children: a = "",
|
|
21
|
+
variant: e = "gray",
|
|
22
|
+
width: t = "auto",
|
|
23
|
+
additionalClass: c = "",
|
|
24
|
+
...o
|
|
25
|
+
}) => /* @__PURE__ */ g(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
28
|
className: l(
|
|
29
29
|
_.tagCommon,
|
|
30
|
-
_[`${
|
|
31
|
-
_[`${
|
|
32
|
-
_[`${
|
|
33
|
-
_[`${
|
|
34
|
-
_[`${
|
|
35
|
-
|
|
30
|
+
_[`${i}-size`],
|
|
31
|
+
_[`${m}-size_m`],
|
|
32
|
+
_[`${s}-size_l`],
|
|
33
|
+
_[`${e}`],
|
|
34
|
+
_[`${t}-width`],
|
|
35
|
+
c
|
|
36
36
|
),
|
|
37
|
-
...
|
|
38
|
-
children:
|
|
37
|
+
...o,
|
|
38
|
+
children: a
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
w as Tag
|
|
43
43
|
};
|
package/dist/main.d.ts
CHANGED
package/dist/main.js
CHANGED
|
@@ -2,21 +2,23 @@ import { Button as t } from "./components/Button/ui/Button.js";
|
|
|
2
2
|
import { MobileButton as x } from "./components/MobileButton/ui/MobileButton.js";
|
|
3
3
|
import { NewIcon as f } from "./components/NewIcon/ui/NewIcon.js";
|
|
4
4
|
import { DestinationTab as n } from "./components/DestinationTab/ui/DestinationTab.js";
|
|
5
|
-
import { RoundButton as
|
|
6
|
-
import { Tag as
|
|
7
|
-
import { Switcher as
|
|
8
|
-
import { Text as
|
|
9
|
-
import { Flex as
|
|
10
|
-
import { Input as
|
|
5
|
+
import { RoundButton as a } from "./components/RoundButton/ui/RoundButton.js";
|
|
6
|
+
import { Tag as l } from "./components/Tag/ui/Tag.js";
|
|
7
|
+
import { Switcher as T } from "./components/Switcher/ui/Switcher.js";
|
|
8
|
+
import { Text as c } from "./components/Text/ui/Text.js";
|
|
9
|
+
import { Flex as w } from "./components/Flex/ui/Flex.js";
|
|
10
|
+
import { Input as M } from "./components/Input/ui/Input.js";
|
|
11
|
+
import { Modal as h } from "./components/Modal/ui/Modal.js";
|
|
11
12
|
export {
|
|
12
13
|
t as Button,
|
|
13
14
|
n as DestinationTab,
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
w as Flex,
|
|
16
|
+
M as Input,
|
|
16
17
|
x as MobileButton,
|
|
18
|
+
h as Modal,
|
|
17
19
|
f as NewIcon,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
a as RoundButton,
|
|
21
|
+
T as Switcher,
|
|
22
|
+
l as Tag,
|
|
23
|
+
c as Text
|
|
22
24
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._tagCommon_96we6_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_96we6_1:disabled{opacity:.2}._auto-width_96we6_16{width:max-content}._full-width_96we6_20{width:100%}._medium-size_96we6_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_96we6_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_96we6_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_96we6_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._shade_96we6_52{background:#141416cc;border:none;color:#fff}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}@media (min-width: 1024px){._tiny-size_m_96we6_67{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_96we6_74{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}}@media (min-width: 1440px){._tiny-size_l_96we6_89{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_96we6_96{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}}@keyframes _swiperForward_iju0r_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_iju0r_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_iju0r_29{display:flex;justify-content:space-between;align-items:center;outline:none}._swiper_iju0r_36{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer;outline:none;color:green}._swiperActive_iju0r_50{animation:_swiperForward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_iju0r_55{animation:_swiperBackward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_iju0r_60{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_iju0r_72{left:16px}._btnRound_4g1ag_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_4g1ag_1:disabled{opacity:.2}._small-size_4g1ag_14{width:32px;height:32px}._medium-size_4g1ag_19{width:40px;height:40px;padding:9px}._large-size_4g1ag_25{width:48px;height:48px;padding:11px}._whiteStroke_4g1ag_31{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_4g1ag_31:hover{border:1px solid #b1b5c3}._whiteStroke_4g1ag_31:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_4g1ag_43{width:32px;height:32px}._medium-size_m_4g1ag_47{width:40px;height:40px;padding:9px}._large-size_m_4g1ag_52{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_4g1ag_59{width:32px;height:32px}._medium-size_l_4g1ag_63{width:40px;height:40px;padding:9px}._large-size_l_4g1ag_68{width:48px;height:48px;padding:11px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._auto-width_yxw8x_1{width:max-content}._full-width_yxw8x_5{width:100%}._inputWrapper_yxw8x_9{display:flex;gap:4px;border-radius:48px;padding:11px 23px;border:1px solid #b1b5c3}._inputWrapper_yxw8x_9 input{border:none;background:transparent}._inputWrapper_yxw8x_9 input:focus{outline:none}._inputWrapperPost_yxw8x_24{font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 23px}._inputWrapperPost_yxw8x_24 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._light_yxw8x_34{background:#fff;border:1px solid #b1b5c3}._light_yxw8x_34 input{color:#141416}._light_yxw8x_34 input::placeholder{color:#b1b5c3}._light_yxw8x_34 span{color:#b1b5c3}._light_yxw8x_34:hover{border:1px solid #777e90}._light_yxw8x_34:has(input:focus){border:1px solid #141416}._light_yxw8x_34:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_yxw8x_34:has(input:disabled) input{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) input::placeholder{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) span{color:#b1b5c3}._dark_yxw8x_67{background:#23262f;border:1px solid #353945}._dark_yxw8x_67 input{color:#fff}._dark_yxw8x_67 input::placeholder{color:#777e90}._dark_yxw8x_67 span{color:#777e90}._dark_yxw8x_67:hover{border:1px solid #777e90}._dark_yxw8x_67:has(input:focus){border:1px solid #ffffff}._dark_yxw8x_67:has(input:disabled){background:#141416;border:1px solid #353945}._dark_yxw8x_67:has(input:disabled) input{color:#353945}._dark_yxw8x_67:has(input:disabled) input::placeholder{color:#353945}._dark_yxw8x_67:has(input:disabled) span{color:#353945}._dark_yxw8x_67:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_yxw8x_103{border:1px solid #ec5353}._root_fi64k_1{display:flex}._gap-1_fi64k_5{gap:4px}._gap-2_fi64k_9{gap:8px}._gap-3_fi64k_13{gap:12px}._gap-4_fi64k_17{gap:16px}._gap-5_fi64k_21{gap:20px}._gap-6_fi64k_25{gap:24px}._gap-7_fi64k_29{gap:28px}._gap-8_fi64k_33{gap:32px}._gap-9_fi64k_37{gap:36px}._gap-10_fi64k_41{gap:40px}._gap-11_fi64k_45{gap:44px}._gap-12_fi64k_49{gap:48px}._gap-13_fi64k_53{gap:52px}._gap-14_fi64k_57{gap:56px}._gap-15_fi64k_61{gap:60px}._gap-16_fi64k_65{gap:64px}._fd-row_fi64k_69{flex-direction:row}._fd-row-reverse_fi64k_73{flex-direction:row-reverse}._fd-column_fi64k_77{flex-direction:column}._fd-column-reverse_fi64k_81{flex-direction:column-reverse}._w-nowrap_fi64k_85{flex-wrap:nowrap}._w-wrap_fi64k_89{flex-wrap:wrap}._w-wrap-reverse_fi64k_93{flex-wrap:wrap-reverse}._jc-flex-start_fi64k_97{justify-content:flex-start}._jc-flex-end_fi64k_101{justify-content:flex-end}._jc-center_fi64k_105{justify-content:center}._jc-space-between_fi64k_109{justify-content:space-between}._jc-space-around_fi64k_113{justify-content:space-around}._jc-space-evenly_fi64k_117{justify-content:space-evenly}._ai-stretch_fi64k_121{align-items:stretch}._ai-flex-start_fi64k_125{align-items:flex-start}._ai-flex-end_fi64k_129{align-items:flex-end}._ai-center_fi64k_133{align-items:center}._ai-baseline_fi64k_137{align-items:baseline}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._btnCommon_2h1hm_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_2h1hm_1:disabled{opacity:.2}._auto-width_2h1hm_18{width:max-content}._full-width_2h1hm_22{width:100%}._tiny-size_2h1hm_26{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_2h1hm_34{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_2h1hm_42{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_2h1hm_50{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_2h1hm_58{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_2h1hm_58:hover{background:#024ac0;border:1px solid #024ac0}._blue_2h1hm_58:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_2h1hm_72{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_2h1hm_72:hover{background:#494f29;border:1px solid #494f29}._sokolniki_2h1hm_72:active{background:#303519;border:1px solid #303519}._black_2h1hm_86{background:#141416;border:1px solid #141416;color:#fff}._black_2h1hm_86:hover{background:#23262f;border:1px solid #353945}._black_2h1hm_86:active{background:#353945;border:1px solid #777e90}._gray_2h1hm_100{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_2h1hm_100:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_2h1hm_100:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_2h1hm_114{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_2h1hm_114:hover{border:1px solid #b1b5c3}._whiteStroke_2h1hm_114:active{border:1px solid #141416}._whiteFilled_2h1hm_126{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_2h1hm_126:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_2h1hm_126:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_2h1hm_140{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_2h1hm_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_2h1hm_154{animation:_LoaderSpin_2h1hm_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_2h1hm_159{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_2h1hm_166{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_2h1hm_173{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_2h1hm_180{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_2h1hm_189{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_2h1hm_196{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_2h1hm_203{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_2h1hm_210{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}
|
|
1
|
+
._tagCommon_1acg9_1{font-family:inherit;font-weight:400;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_1acg9_1:disabled{opacity:.2}._auto-width_1acg9_16{width:max-content}._full-width_1acg9_20{width:100%}._medium-size_1acg9_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_1acg9_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_1acg9_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_1acg9_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._shade_1acg9_52{background:#141416cc;border:none;color:#fff}._medium-size_1acg9_24._shade_1acg9_52{padding:10px 16px}._tiny-size_1acg9_32._shade_1acg9_52{padding:6px}@media (min-width: 1024px){._tiny-size_m_1acg9_67{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_1acg9_74{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_1acg9_24._shade_1acg9_52{padding:10px 16px}._tiny-size_1acg9_32._shade_1acg9_52{padding:6px}}@media (min-width: 1440px){._tiny-size_l_1acg9_89{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_1acg9_96{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_1acg9_24._shade_1acg9_52{padding:10px 16px}._tiny-size_1acg9_32._shade_1acg9_52{padding:6px}}@keyframes _swiperForward_iju0r_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_iju0r_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_iju0r_29{display:flex;justify-content:space-between;align-items:center;outline:none}._swiper_iju0r_36{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer;outline:none;color:green}._swiperActive_iju0r_50{animation:_swiperForward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_iju0r_55{animation:_swiperBackward_iju0r_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_iju0r_60{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_iju0r_72{left:16px}._btnRound_7sz3m_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_7sz3m_1:disabled{opacity:.2}._btnRound_7sz3m_1:focus{outline:0}._small-size_7sz3m_17{width:32px;height:32px}._medium-size_7sz3m_22{width:40px;height:40px;padding:9px}._large-size_7sz3m_28{width:48px;height:48px;padding:11px}._whiteStroke_7sz3m_34{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_7sz3m_34:hover{border:1px solid #b1b5c3}._whiteStroke_7sz3m_34:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_7sz3m_46{width:32px;height:32px}._medium-size_m_7sz3m_50{width:40px;height:40px;padding:9px}._large-size_m_7sz3m_55{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_7sz3m_62{width:32px;height:32px}._medium-size_l_7sz3m_66{width:40px;height:40px;padding:9px}._large-size_l_7sz3m_71{width:48px;height:48px;padding:11px}}._root_1vvin_1{display:flex;justify-content:center;align-items:center;position:fixed;top:56px;left:0;width:100%;height:100%;z-index:102}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._auto-width_yxw8x_1{width:max-content}._full-width_yxw8x_5{width:100%}._inputWrapper_yxw8x_9{display:flex;gap:4px;border-radius:48px;padding:11px 23px;border:1px solid #b1b5c3}._inputWrapper_yxw8x_9 input{border:none;background:transparent}._inputWrapper_yxw8x_9 input:focus{outline:none}._inputWrapperPost_yxw8x_24{font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 23px}._inputWrapperPost_yxw8x_24 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._light_yxw8x_34{background:#fff;border:1px solid #b1b5c3}._light_yxw8x_34 input{color:#141416}._light_yxw8x_34 input::placeholder{color:#b1b5c3}._light_yxw8x_34 span{color:#b1b5c3}._light_yxw8x_34:hover{border:1px solid #777e90}._light_yxw8x_34:has(input:focus){border:1px solid #141416}._light_yxw8x_34:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_yxw8x_34:has(input:disabled) input{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) input::placeholder{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) span{color:#b1b5c3}._dark_yxw8x_67{background:#23262f;border:1px solid #353945}._dark_yxw8x_67 input{color:#fff}._dark_yxw8x_67 input::placeholder{color:#777e90}._dark_yxw8x_67 span{color:#777e90}._dark_yxw8x_67:hover{border:1px solid #777e90}._dark_yxw8x_67:has(input:focus){border:1px solid #ffffff}._dark_yxw8x_67:has(input:disabled){background:#141416;border:1px solid #353945}._dark_yxw8x_67:has(input:disabled) input{color:#353945}._dark_yxw8x_67:has(input:disabled) input::placeholder{color:#353945}._dark_yxw8x_67:has(input:disabled) span{color:#353945}._dark_yxw8x_67:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_yxw8x_103{border:1px solid #ec5353}._root_fi64k_1{display:flex}._gap-1_fi64k_5{gap:4px}._gap-2_fi64k_9{gap:8px}._gap-3_fi64k_13{gap:12px}._gap-4_fi64k_17{gap:16px}._gap-5_fi64k_21{gap:20px}._gap-6_fi64k_25{gap:24px}._gap-7_fi64k_29{gap:28px}._gap-8_fi64k_33{gap:32px}._gap-9_fi64k_37{gap:36px}._gap-10_fi64k_41{gap:40px}._gap-11_fi64k_45{gap:44px}._gap-12_fi64k_49{gap:48px}._gap-13_fi64k_53{gap:52px}._gap-14_fi64k_57{gap:56px}._gap-15_fi64k_61{gap:60px}._gap-16_fi64k_65{gap:64px}._fd-row_fi64k_69{flex-direction:row}._fd-row-reverse_fi64k_73{flex-direction:row-reverse}._fd-column_fi64k_77{flex-direction:column}._fd-column-reverse_fi64k_81{flex-direction:column-reverse}._w-nowrap_fi64k_85{flex-wrap:nowrap}._w-wrap_fi64k_89{flex-wrap:wrap}._w-wrap-reverse_fi64k_93{flex-wrap:wrap-reverse}._jc-flex-start_fi64k_97{justify-content:flex-start}._jc-flex-end_fi64k_101{justify-content:flex-end}._jc-center_fi64k_105{justify-content:center}._jc-space-between_fi64k_109{justify-content:space-between}._jc-space-around_fi64k_113{justify-content:space-around}._jc-space-evenly_fi64k_117{justify-content:space-evenly}._ai-stretch_fi64k_121{align-items:stretch}._ai-flex-start_fi64k_125{align-items:flex-start}._ai-flex-end_fi64k_129{align-items:flex-end}._ai-center_fi64k_133{align-items:center}._ai-baseline_fi64k_137{align-items:baseline}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._btnCommon_2h1hm_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_2h1hm_1:disabled{opacity:.2}._auto-width_2h1hm_18{width:max-content}._full-width_2h1hm_22{width:100%}._tiny-size_2h1hm_26{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_2h1hm_34{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_2h1hm_42{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_2h1hm_50{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_2h1hm_58{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_2h1hm_58:hover{background:#024ac0;border:1px solid #024ac0}._blue_2h1hm_58:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_2h1hm_72{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_2h1hm_72:hover{background:#494f29;border:1px solid #494f29}._sokolniki_2h1hm_72:active{background:#303519;border:1px solid #303519}._black_2h1hm_86{background:#141416;border:1px solid #141416;color:#fff}._black_2h1hm_86:hover{background:#23262f;border:1px solid #353945}._black_2h1hm_86:active{background:#353945;border:1px solid #777e90}._gray_2h1hm_100{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_2h1hm_100:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_2h1hm_100:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_2h1hm_114{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_2h1hm_114:hover{border:1px solid #b1b5c3}._whiteStroke_2h1hm_114:active{border:1px solid #141416}._whiteFilled_2h1hm_126{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_2h1hm_126:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_2h1hm_126:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_2h1hm_140{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_2h1hm_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_2h1hm_154{animation:_LoaderSpin_2h1hm_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_2h1hm_159{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_2h1hm_166{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_2h1hm_173{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_2h1hm_180{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_2h1hm_189{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_2h1hm_196{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_2h1hm_203{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_2h1hm_210{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}
|