stone-kit 0.0.49 → 0.0.50
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/README.md +59 -59
- package/dist/components/Input/ui/Input.js +20 -20
- package/dist/components/Modal/ui/Modal.js +32 -20
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
# Stone-kit
|
|
2
|
-
|
|
3
|
-
Uikit for stone redesign 2.0
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
Package installation:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i stone-kit@latest
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
For Next.js page router in App.tsx:
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
import 'stone-kit/dist/style.css'
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
and then:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
import {Button} from 'stone-kit'
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
For other projects u can immediately:
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
import {Button} from 'stone-kit'
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## Docs
|
|
34
|
-
|
|
35
|
-
### ButtonProps
|
|
36
|
-
|
|
37
|
-
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
-
|
|
39
|
-
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
-
|
|
41
|
-
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
-
|
|
43
|
-
variant: optional, color variants of button. type:
|
|
44
|
-
'blue',
|
|
45
|
-
'gray',
|
|
46
|
-
'whiteStroke',
|
|
47
|
-
'sokolniki',
|
|
48
|
-
'black',
|
|
49
|
-
'whiteFilled'
|
|
50
|
-
|
|
51
|
-
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
-
|
|
53
|
-
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
-
|
|
55
|
-
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
-
|
|
57
|
-
### MobileButtonProps
|
|
58
|
-
|
|
59
|
-
### Tag
|
|
1
|
+
# Stone-kit
|
|
2
|
+
|
|
3
|
+
Uikit for stone redesign 2.0
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Package installation:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i stone-kit@latest
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
For Next.js page router in App.tsx:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
import 'stone-kit/dist/style.css'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
and then:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
import {Button} from 'stone-kit'
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
For other projects u can immediately:
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
import {Button} from 'stone-kit'
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Docs
|
|
34
|
+
|
|
35
|
+
### ButtonProps
|
|
36
|
+
|
|
37
|
+
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
+
|
|
39
|
+
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
+
|
|
41
|
+
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
+
|
|
43
|
+
variant: optional, color variants of button. type:
|
|
44
|
+
'blue',
|
|
45
|
+
'gray',
|
|
46
|
+
'whiteStroke',
|
|
47
|
+
'sokolniki',
|
|
48
|
+
'black',
|
|
49
|
+
'whiteFilled'
|
|
50
|
+
|
|
51
|
+
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
+
|
|
53
|
+
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
+
|
|
55
|
+
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
+
|
|
57
|
+
### MobileButtonProps
|
|
58
|
+
|
|
59
|
+
### Tag
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c
|
|
3
|
-
const
|
|
4
|
-
"auto-width": "_auto-
|
|
5
|
-
"full-width": "_full-
|
|
6
|
-
inputWrapper:
|
|
7
|
-
inputWrapperPost:
|
|
8
|
-
light:
|
|
9
|
-
dark:
|
|
10
|
-
inputWrapperError:
|
|
11
|
-
},
|
|
1
|
+
import { jsxs as x, jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "../../../index-DIxK0V-G.js";
|
|
3
|
+
const d = "_inputWrapper_yxw8x_9", h = "_inputWrapperPost_yxw8x_24", w = "_light_yxw8x_34", W = "_dark_yxw8x_67", m = "_inputWrapperError_yxw8x_103", r = {
|
|
4
|
+
"auto-width": "_auto-width_yxw8x_1",
|
|
5
|
+
"full-width": "_full-width_yxw8x_5",
|
|
6
|
+
inputWrapper: d,
|
|
7
|
+
inputWrapperPost: h,
|
|
8
|
+
light: w,
|
|
9
|
+
dark: W,
|
|
10
|
+
inputWrapperError: m
|
|
11
|
+
}, y = c.bind(r), $ = ({
|
|
12
12
|
size_s: a = "large",
|
|
13
13
|
size_m: n,
|
|
14
14
|
size_l: s,
|
|
15
15
|
pre: i = !1,
|
|
16
|
-
post:
|
|
16
|
+
post: t = !1,
|
|
17
17
|
variant: e = "light",
|
|
18
18
|
width: _ = "auto",
|
|
19
19
|
error: o,
|
|
20
20
|
additionalClass: u = "",
|
|
21
21
|
...l
|
|
22
|
-
}) => /* @__PURE__ */
|
|
22
|
+
}) => /* @__PURE__ */ x(
|
|
23
23
|
"div",
|
|
24
24
|
{
|
|
25
|
-
className:
|
|
25
|
+
className: y(
|
|
26
26
|
r.inputWrapper,
|
|
27
27
|
r[`${a}-size`],
|
|
28
28
|
r[`${n}-size_m`],
|
|
29
29
|
r[`${s}-size_l`],
|
|
30
30
|
r[`${e}`],
|
|
31
|
-
{ [r.inputWrapperPost]:
|
|
31
|
+
{ [r.inputWrapperPost]: t },
|
|
32
32
|
r[`${_}-width`],
|
|
33
33
|
{ [r.inputWrapperError]: o },
|
|
34
34
|
u
|
|
35
35
|
),
|
|
36
36
|
children: [
|
|
37
|
-
i && /* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
|
|
37
|
+
i && /* @__PURE__ */ p("span", { children: i }),
|
|
38
|
+
/* @__PURE__ */ p("label", {}),
|
|
39
|
+
/* @__PURE__ */ p("input", { ...l }),
|
|
40
|
+
t && /* @__PURE__ */ p("span", { children: t })
|
|
41
41
|
]
|
|
42
42
|
}
|
|
43
43
|
);
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
$ as Input
|
|
46
46
|
};
|
|
@@ -1,26 +1,38 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsxs as c, jsx as o, Fragment as m } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect as i } from "react";
|
|
3
|
-
const f = "
|
|
3
|
+
const f = "_root_1fyk7_1", _ = "_modalBody_1fyk7_16", y = "_modalContentWrapper_1fyk7_21", p = "_modalContent_1fyk7_21", t = {
|
|
4
4
|
root: f,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}, t = (c) => {
|
|
17
|
-
c.key === "Escape" && d(!1);
|
|
5
|
+
modalBody: _,
|
|
6
|
+
modalContentWrapper: y,
|
|
7
|
+
modalContent: p
|
|
8
|
+
}, b = ({
|
|
9
|
+
isOpen: a = !1,
|
|
10
|
+
additionalClass: e,
|
|
11
|
+
emitIsOpen: l,
|
|
12
|
+
children: s
|
|
13
|
+
}) => {
|
|
14
|
+
const d = () => {
|
|
15
|
+
l(!1);
|
|
18
16
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
return i(() => {
|
|
18
|
+
const n = () => {
|
|
19
|
+
document.body.classList.toggle("disable-scroll");
|
|
20
|
+
}, r = () => {
|
|
21
|
+
document.body.classList.remove("disable-scroll");
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
if (a)
|
|
24
|
+
return n(), r;
|
|
25
|
+
}, [a]), a ? /* @__PURE__ */ c("div", { className: `${t.root} ${e}`, children: [
|
|
26
|
+
/* @__PURE__ */ o(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
onClick: d,
|
|
30
|
+
className: t.modalOverlay
|
|
31
|
+
}
|
|
32
|
+
),
|
|
33
|
+
/* @__PURE__ */ o("div", { className: t.modalBody, children: /* @__PURE__ */ o("div", { className: t.modalContentWrapper, children: /* @__PURE__ */ o("div", { className: t.modalContent, children: s }) }) })
|
|
34
|
+
] }) : /* @__PURE__ */ o(m, {});
|
|
35
|
+
};
|
|
24
36
|
export {
|
|
25
|
-
|
|
37
|
+
b as Modal
|
|
26
38
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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_d5pny_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;overflow:auto;box-sizing:border-box;background:#fff}._modalContent_d5pny_16{width:100%;height:100%}._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_1w8t9_1{width:max-content}._full-width_1w8t9_5{width:100%}._inputWrapper_1w8t9_9{display:flex;gap:4px;border-radius:48px;padding:11px 23px;border:1px solid #b1b5c3}._inputWrapper_1w8t9_9 input{font-size:16px;line-height:24px;font-weight:400;padding:0;border:none;background:transparent}._inputWrapper_1w8t9_9 input:focus{outline:none}._inputWrapperPost_1w8t9_28{font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 23px}._inputWrapperPost_1w8t9_28 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._light_1w8t9_38{background:#fff;border:1px solid #b1b5c3}._light_1w8t9_38 input{color:#141416}._light_1w8t9_38 input::placeholder{color:#b1b5c3}._light_1w8t9_38 span{color:#b1b5c3}._light_1w8t9_38:hover{border:1px solid #777e90}._light_1w8t9_38:has(input:focus){border:1px solid #141416}._light_1w8t9_38:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_1w8t9_38:has(input:disabled) input{color:#b1b5c3}._light_1w8t9_38:has(input:disabled) input::placeholder{color:#b1b5c3}._light_1w8t9_38:has(input:disabled) span{color:#b1b5c3}._dark_1w8t9_71{background:#23262f;border:1px solid #353945}._dark_1w8t9_71 input{color:#fff}._dark_1w8t9_71 input::placeholder{color:#777e90}._dark_1w8t9_71 span{color:#777e90}._dark_1w8t9_71:hover{border:1px solid #777e90}._dark_1w8t9_71:has(input:focus){border:1px solid #ffffff}._dark_1w8t9_71:has(input:disabled){background:#141416;border:1px solid #353945}._dark_1w8t9_71:has(input:disabled) input{color:#353945}._dark_1w8t9_71:has(input:disabled) input::placeholder{color:#353945}._dark_1w8t9_71:has(input:disabled) span{color:#353945}._dark_1w8t9_71:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_1w8t9_107{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_1fyk7_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;overflow:auto;box-sizing:border-box;background:#fff}._modalBody_1fyk7_16,._modalContentWrapper_1fyk7_21,._modalContent_1fyk7_21{width:100%;height:100%}._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}}
|